@charset "UTF-8";
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
  background-color: #000;
}
body.body-product {
  background-size: 550px auto !important;
}
@media (min-width: 400px) {
  body.body-product {
    background-size: 570px auto !important;
  }
}
@media (min-width: 450px) {
  body.body-product {
    background-size: 610px auto !important;
  }
}
@media (min-width: 500px) {
  body.body-product {
    background-size: 650px auto !important;
  }
}
@media (min-width: 576px) {
  body.body-product {
    background-size: 630px auto !important;
  }
}
@media (min-width: 768px) {
  body.body-product {
    background-size: 820px auto !important;
  }
}
@media (min-width: 992px) {
  body.body-product {
    background-size: 1030px auto !important;
  }
}
@media (min-width: 1200px) {
  body.body-product {
    background-size: 1120px auto !important;
  }
}
@media (min-width: 1360px) {
  body.body-product {
    background-size: 1390px auto !important;
  }
}
@media (min-width: 1560px) {
  body.body-product {
    background-size: 1655px auto !important;
  }
}
@media (min-width: 1660px) {
  body.body-product {
    background-size: 1750px auto !important;
  }
}
@media (min-width: 1920px) {
  body {
    background-size: 1920px auto !important;
  }
  body.body-product {
    background-size: 1820px auto !important;
  }
}

body.yellow-glow,
body.body-home {
  background: #000;
}

body.body-path-o-cbd,
body.body-path-konopi {
  background: #000 url("/images/eighty8/hp-bg.jpg") no-repeat top center;
}

body.yellow-glow.body-basket.body-path-skosikdokonceni-objednavky,
body.yellow-glow.body-path-sregistrace {
  background: #000;
}

body.yellow-glow.body-path-kontakt {
  background: #000 url("/images/eighty8/contact-bg2.jpg") no-repeat top center;
}

@media (max-width: 1919px) {
  body.body-home,
  body.body-path-o-cbd,
  body.body-path-clanky {
    background-size: contain;
  }
  body.dark-bg,
  body.yellow-glow.body-basket,
  body.yellow-glow.body-path-sregistrace,
  body.yellow-glow.body-path-obchodni-podminky,
  body.yellow-glow.body-path-kontakt {
    background-size: contain;
  }
}
@media (max-width: 1559px) {
  body.body-path-o-cbd {
    background: #000 url("/images/eighty8/hp-bg.jpg") no-repeat top right;
    background-size: contain;
  }
}
body.yellow-glow.reverse,
body.body-path-shopping-information,
body.body-path-ueber-einkauf {
  background: #000 url("/images/eighty8/no1-banner-bg.jpg") no-repeat top center;
}

@media (max-width: 1559px) {
  body.yellow-glow.reverse,
  body.body-path-shopping-information,
  body.body-path-ueber-einkauf {
    background: #000 url("/images/eighty8/no1-banner-bg.jpg") no-repeat top left;
    background-size: contain;
  }
}
@media (max-width: 1359px) {
  body.yellow-glow.reverse,
  body.body-path-shopping-information,
  body.body-path-ueber-einkauf {
    background-size: 1200px auto;
  }
}
@media (max-width: 991px) {
  body.yellow-glow.reverse,
  body.body-path-shopping-information,
  body.body-path-ueber-einkauf {
    background-size: 900px auto;
  }
}
@media (max-width: 767px) {
  body.body-path-o-cbd {
    background-size: 800px auto;
  }
  body.body-path-shopping-information,
  body.body-path-ueber-einkauf {
    background-size: 700px auto;
  }
}
@media (max-width: 575px) {
  body.body-path-o-cbd {
    background-position: -60px 0;
  }
  body.body-path-shopping-information,
  body.body-path-ueber-einkauf {
    background-size: 118% auto;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

ul,
li {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 10px;
}

a {
  color: #fff;
}

a:hover {
  color: #fff;
}

.break {
  flex-basis: 100%;
  height: 0;
}

::selection {
  color: #000;
  background: #fff;
}

@media (min-width: 1360px) {
  .container {
    max-width: 1330px;
  }
  .container.small {
    max-width: 1280px;
  }
}
@media (min-width: 1560px) {
  .container {
    max-width: 1530px;
  }
  .container.small {
    max-width: 1280px;
  }
  .container.smaller {
    max-width: 1406px;
  }
}
@media (min-width: 1660px) {
  .container {
    max-width: 1530px;
  }
  .container.small {
    max-width: 1280px;
  }
  .container.smaller {
    max-width: 1406px;
  }
}
.img-tablet {
  display: block !important;
}

.img-desktop {
  display: none !important;
}

@media (min-width: 992px) {
  .img-tablet {
    display: none !important;
  }
  .img-desktop {
    display: inline-block !important;
  }
}
header {
  position: relative;
  height: 181px;
  z-index: 999;
}

header [class*=col-] {
  position: static;
}

.body-path-clanky header,
.body-path-o-cbd header {
  z-index: 9;
}

@media (max-width: 1559px) {
  header {
    height: 145px;
  }
}
@media (max-width: 1359px) {
  header {
    height: 120px;
  }
}
@media (max-width: 991px) {
  header {
    height: 100px;
  }
}
@media (max-width: 767px) {
  header {
    height: 118px;
  }
}
@media (max-width: 767px) {
  header {
    height: 100px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
/* Navbar */
.navbar {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  padding-top: 30px;
  background-color: transparent;
}

@media (min-width: 992px) {
  .navbar {
    padding-top: 40px;
  }
}
@media (min-width: 1360px) {
  .navbar {
    padding-top: 35px;
  }
}
@media (min-width: 1560px) {
  .navbar {
    padding-top: 55px;
  }
}
.navbar-brand {
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-right: 105px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  transition: all 0.3s;
}

.navbar-brand:hover {
  transform: scale(1.1);
}

.navbar-brand:focus {
  outline: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 22px;
  padding-left: 22px;
}

.navbar-nav .nav-link {
  position: relative;
  color: #fff;
  padding: 0;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.navbar-nav .nav-link::after {
  display: block;
  content: attr(title);
  font-weight: 800;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.navbar-nav .active > .nav-link {
  color: #fff;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
  color: #ffffff;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.95);
  transition: all 0.3s;
  font-weight: 800;
}

/* Hamburger */
.navbar-toggler {
  position: relative;
  color: #fff;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}

.navbar-toggler:not(.collapsed) {
  padding: 0.46rem 0.75rem;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #fff;
  height: 4px;
  width: 35px;
  border-radius: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  -webkit-transition: transform 0.35s ease-in-out;
  -moz-transition: transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* END Hamburger */
.nav-right {
  display: flex;
  align-items: center;
}

.header-login {
  display: flex;
  align-items: center;
  padding-left: 40px;
  background: url("/images/eighty8/user.svg") no-repeat left center;
  background-size: 20px auto;
  height: 37px;
  margin-right: 40px;
}

.header-login .reg,
.header-login .login {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  transition: all 0.3s;
}

.header-login .reg:hover,
.header-login .login:hover {
  color: #fff;
  text-decoration: none;
}

.header-login .reg:hover::before,
.header-login .login:hover::before {
  opacity: 1;
  left: 0;
  right: 0;
}

.header-login .reg::before,
.header-login .login::before {
  position: absolute;
  content: "";
  top: 100%;
  height: 1px;
  left: 50%;
  right: 50%;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s;
}

.header-login .login {
  margin-right: 13px;
  color: #c2a036;
}

.header-login .login::before {
  background-color: #c2a036;
}

.header-login .login:hover {
  color: #c2a036;
}

.header-login.signed-in {
  background: transparent;
  margin-right: 25px;
}

.header-login.signed-in .icon {
  margin-right: 20px;
}

.header-login.signed-in .name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.header-login.signed-in .btn {
  margin-right: 4px;
}

.header-cart {
  display: flex;
  align-items: center;
  padding-right: 20px;
}
@media (max-width: 399px) {
  .header-cart {
    padding-right: 5px;
  }
}

.header-cart:hover {
  text-decoration: none;
}

.header-cart .price {
  margin-right: 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
}

.header-cart .cart {
  position: relative;
  width: 38px;
}

.header-cart .cart .number {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -14px;
  top: -6px;
  width: 21px;
  height: 21px;
  background-color: #ebc140;
  border-radius: 50%;
  color: #000000;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1659px) {
  .navbar-brand {
    padding-right: 35px;
  }
  .header-login {
    margin-right: 30px;
  }
  .header-login.signed-in .user-content .buttons .btn {
    font-size: 12px;
  }
}
@media (max-width: 1559px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-login {
    margin-right: 20px;
  }
  .navbar-brand {
    width: 200px;
  }
  .navbar-nav .nav-link {
    font-size: 16px;
  }
  .header-login .reg,
  .header-login .login {
    font-size: 15px;
  }
  .header-cart .price {
    font-size: 17px;
    margin-right: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .navbar-brand {
    width: 145px;
    padding-right: 20px;
  }
  .navbar-nav .nav-link {
    font-size: 14px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-login {
    background-size: 22px auto;
    padding-left: 35px;
  }
  .header-login .reg,
  .header-login .login {
    font-size: 14px;
  }
  .header-cart .price {
    font-size: 15px;
  }
  .header-login.signed-in {
    margin-right: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1199px) {
  .header-cart .price {
    display: none;
  }
  .header-login {
    margin-right: 8px;
  }
  .header-login.signed-in .user-content .buttons {
    display: none;
  }
  .header-login.signed-in .icon {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .navbar {
    align-items: flex-end;
  }
  .navbar-brand {
    order: 1;
  }
  .navbar-toggler {
    order: 3;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .nav-right {
    order: 2;
    margin-left: auto;
    margin-bottom: 10px;
  }
  .navbar {
    justify-content: flex-start;
  }
  .navbar-collapse {
    position: absolute;
    top: 100%;
    background: rgba(0, 0, 0, 0.9);
    width: 100vw;
    left: 0;
    right: 0;
    z-index: 20;
  }
  .navbar-collapse .navbar-nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .nav-item {
    text-align: center;
  }
  .nav-item.active .nav-link {
    color: #fff;
  }
  .navbar-nav .nav-link {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
  }
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus,
  .navbar-nav .nav-link:active {
    color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-login {
    margin-right: 25px;
  }
}
@media (max-width: 767px) {
  .header-content {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 45%, #000000 46%, #000000 100%);
    padding-bottom: 5px;
    margin-bottom: -5px;
  }
  .navbar {
    padding-top: 30px;
    align-items: center;
  }
  .header-login {
    height: 30px;
    background-size: auto 30px;
    padding-left: 25px;
  }
  .header-cart .cart .icon {
    width: 33px;
  }
  .navbar-brand {
    width: 140px;
  }
  .header-login .reg,
  .header-login .login span {
    display: none;
  }
  .header-login {
    padding-left: 0;
  }
  .header-login .login {
    padding-left: 25px;
    height: 100%;
    margin-right: 0;
  }
  .header-login .login:hover::before {
    display: none;
  }
  .header-login.signed-in .icon {
    margin-right: 0px;
  }
  .header-login.signed-in .name {
    display: none;
  }
  a.header-login {
    padding-left: 25px;
  }
  .header-cart .cart .number {
    right: -9px;
    top: -8px;
    width: 21px;
    height: 21px;
    font-size: 13px;
  }
  .navbar-toggler {
    margin-bottom: 4px;
    margin-left: 8px;
  }
  .navbar-toggler span {
    height: 3px;
    width: 28px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .navbar-collapse {
    top: calc(100% - 20px);
  }
}
@media (max-width: 575px) {
  a.header-login {
    padding-left: 25px;
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 10px;
    height: 22px;
    background-size: contain;
  }
  a[href^="/s/odhlaseni"].header-login {
    position: static;
    background-size: 19px;
    height: 16px;
    font-size: 13px;
    padding-left: 27px;
  }
  .navbar-brand {
    width: 120px;
    padding-right: 20px;
    transform: translateY(-5px);
  }
  .header-login {
    height: 25px;
    background-size: auto 25px;
    padding-left: 0;
  }
  .header-cart .cart .icon {
    width: 28px;
  }
  .header-login .login {
    padding-left: 20px;
  }
  .header-cart .cart .number {
    right: -4px;
    top: -7px;
    width: 19px;
    height: 19px;
    font-size: 12px;
  }
  .navbar-toggler span {
    height: 3px;
    width: 26px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media (max-width: 349px) {
  .navbar-brand {
    width: 100px;
    padding-right: 10px;
  }
  .navbar-brand img {
    max-width: 100%;
  }
  .nav-right {
    margin-bottom: 0;
  }
  .navbar-toggler {
    margin-bottom: 0;
  }
}
/* END Navbar */
.homepage {
  overflow-x: hidden;
}

/* HP Title */
.main-title {
  margin-top: 80px;
}

.main-title-text {
  padding-top: 100px;
}

.main-title-text h1,
.main-title-text .h1 {
  color: #ffffff;
  font-size: 155px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.77;
}

.main-title-text h1 small,
.main-title-text .h1 small {
  color: #c2a036;
  font-size: 111px;
  font-weight: 800;
  text-transform: uppercase;
}

.main-title-text h1 small::selection,
.main-title-text .h1 small::selection {
  background-color: #c2a036;
}

.main-title-text .logo {
  margin-top: 12px;
}

.main-title-text .button {
  margin-top: 30px;
  position: relative;
  z-index: 10;
}

.main-title-image {
  margin-top: -130px;
}

@media (min-width: 1660px) {
  .main-section.haze {
    margin-top: 0px;
  }
}
@media (max-width: 1659px) {
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 115px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 83px;
  }
  .main-title-text .logo {
    width: 375px;
  }
}
@media (max-width: 1559px) {
  .main-title-text {
    padding-top: 60px;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 100px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 67px;
  }
  .main-title-text .logo {
    width: 300px;
  }
  .main-title {
    margin-top: 80px;
  }
}
@media (max-width: 1359px) {
  .main-title-text {
    padding-top: 60px;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 110px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 80px;
  }
  .main-title-text .logo {
    width: 350px;
  }
}
@media (max-width: 1359px) {
  .main-title-text {
    padding-top: 30px;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 110px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 80px;
  }
  .main-title-text .logo {
    width: 350px;
  }
  .main-title-text .button {
    margin-top: 20px;
  }
  .main-title {
    margin-top: 60px;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 82px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 60px;
  }
  .main-title-text .logo {
    width: 260px;
  }
  .main-title-image {
    max-width: 460px;
    width: 100%;
    margin-top: -120px;
    margin-left: auto;
  }
}
@media (max-width: 1199px) {
  .main-title .main-title-image img {
    width: 100%;
  }
  .main-title-text {
    padding-top: 30px;
  }
  .main-title-text .button {
    margin-top: 20px;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 72px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 52px;
  }
  .main-title-text .logo {
    width: 230px;
  }
  .main-title-image {
    margin-top: -120px;
  }
}
@media (max-width: 991px) {
  .main-title-text {
    padding-top: 0;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 68px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 50px;
  }
  .main-title-text .logo {
    width: 222px;
  }
  .main-title-image {
    margin-top: -80px;
  }
  .main-title {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .main-title-text {
    padding-top: 0;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 44px;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    font-size: 33px;
  }
  .main-title-text .logo {
    width: 145px;
  }
  .main-title-text .button {
    margin-top: 10px;
  }
  .main-title-image {
    margin-top: -55px;
  }
  .main-title-text-wrap {
    display: flex;
    align-items: center;
  }
  .main-title {
    margin-top: 40px;
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 575px) {
  .main-title {
    margin-top: -30px;
  }
  .main-title-text-wrap {
    position: relative;
    display: flex;
    align-items: center;
  }
  .main-title-image-wrap {
    display: flex;
    justify-content: center;
    position: relative;
  }
  .main-title-image {
    margin-left: 0;
    width: 300px;
    margin-top: -55px;
  }
  .main-title-text {
    padding-top: 0;
  }
  .main-title-text h1,
  .main-title-text .h1 {
    font-size: 30px;
    text-align: center;
    line-height: 0.9;
  }
  .main-title-text h1 small,
  .main-title-text .h1 small {
    width: 100%;
    text-align: center;
    font-size: 24px;
  }
  .main-title-text .logo {
    width: 90px;
    margin: 0 auto;
  }
  .main-title-text .button {
    margin-top: 0;
    display: flex;
    justify-content: center;
  }
  .main-title-text .button .btn {
    margin-top: 10px;
  }
}
@media (max-width: 399px) {
  .main-title {
    margin-top: -20px;
  }
}
/* END HP Title */
/* VO Title */
.vo-title {
  height: 820px;
  position: relative;
}
.vo-title-text {
  padding-top: 170px;
  position: relative;
  z-index: 5;
}
.vo-title-text h1 {
  color: #c2a036;
  -webkit-text-fill-color: transparent;
  font-size: 200px;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vo-title-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
  padding: 3px;
  padding-left: 0;
  letter-spacing: normal;
}
.vo-title-text h1::selection {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background-color: #c2a036;
}
.vo-title-text .perex p {
  color: #c2a036;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.vo-title-text .perex p::selection {
  background-color: #c2a036;
}
.vo-title-text p {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
}
.vo-title-text .button {
  margin-top: 30px;
  position: relative;
  z-index: 10;
}

.text-page .vo-title-text h1 {
  font-weight: 400;
  font-size: 200px;
}

.vo-title-image {
  position: absolute;
  top: -35px;
  right: 0;
}
@media (min-width: 1920px) {
  .vo-title-image {
    right: 30px;
  }
}

@media (max-width: 1879px) {
  .vo-title {
    height: 750px;
  }
  .vo-title-image {
    width: 900px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 185px;
  }
  .vo-title-text .perex p {
    font-size: 41px;
  }
  .vo-title-text p {
    font-size: 28px;
  }
}
@media (max-width: 1659px) {
  .vo-title {
    height: 600px;
  }
  .vo-title-image {
    width: 850px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 185px;
  }
  .vo-title-text .perex p {
    font-size: 38px;
  }
  .vo-title-text p {
    font-size: 26px;
  }
}
@media (max-width: 1559px) {
  .vo-title {
    height: 570px;
  }
  .vo-title-image {
    width: 740px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 142px;
  }
  .vo-title-text .perex p {
    font-size: 36px;
  }
  .vo-title-text p {
    font-size: 24px;
  }
}
@media (max-width: 1359px) {
  .vo-title {
    height: 470px;
  }
  .vo-title-image {
    width: 600px;
    top: 0;
  }
  .vo-title-text {
    padding-top: 100px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 145px;
  }
  .vo-title-text .perex p {
    font-size: 34px;
  }
  .vo-title-text p {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .vo-title {
    height: 415px;
  }
  .vo-title-image {
    width: 525px;
  }
  .vo-title-text {
    padding-top: 100px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 120px;
  }
  .vo-title-text .perex p {
    font-size: 28px;
  }
  .vo-title-text p {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .vo-title {
    height: 315px;
  }
  body.body-path-velkoobchod,
  body.body-path-wholesale {
    background-size: 768px auto;
    background-position: right top;
  }
  .vo-title-image {
    width: 410px;
  }
  .vo-title-text {
    padding-top: 80px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 85px;
    margin-bottom: 5px;
  }
  .vo-title-text .perex p {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .vo-title-text p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .vo-title {
    height: 245px;
  }
  body.body-path-velkoobchod,
  body.body-path-wholesale {
    background-size: 650px auto;
  }
  .vo-title-image {
    width: 300px;
  }
  .vo-title-text {
    padding-top: 55px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 70px;
    margin-bottom: 0px;
  }
  .vo-title-text .perex p {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .vo-title-text p {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .vo-title {
    height: 190px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  body.body-path-velkoobchod,
  body.body-path-wholesale {
    background-size: 500px auto;
  }
  .vo-title-image {
    width: 270px;
    top: -20px;
  }
  .vo-title-text {
    padding-top: 40px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 55px;
    margin-bottom: 10px;
  }
  .vo-title-text .perex p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .vo-title-text p {
    font-size: 14px;
  }
}
@media (max-width: 499px) {
  .vo-title {
    height: 170px;
  }
  body.body-path-velkoobchod,
  body.body-path-wholesale {
    background-size: 500px auto;
  }
  .vo-title-image {
    width: 240px;
    top: -20px;
  }
  .vo-title-text {
    padding-top: 35px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 45px;
    margin-bottom: 5px;
  }
  .vo-title-text .perex p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .vo-title-text p {
    font-size: 13px;
  }
}
@media (max-width: 429px) {
  .vo-title {
    height: 150px;
  }
  body.body-path-velkoobchod,
  body.body-path-wholesale {
    background-size: 450px auto;
  }
  .vo-title-image {
    width: 220px;
    top: -20px;
  }
  .vo-title-text {
    padding-top: 5px;
    max-width: 200px;
  }
  .vo-title-text h1,
  .text-page .vo-title-text h1 {
    font-size: 45px;
    margin-bottom: 5px;
  }
  .vo-title-text .perex p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .vo-title-text p {
    font-size: 12px;
  }
}
/* END VO Title */
/* HP Section */
.main-section {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.hp-section {
  overflow: visible;
}

.main-section [class*=col-] {
  position: static;
}

.main-section .text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.main-section .text > form {
  width: 100%;
}

.main-section .text h2 {
  min-width: 300px;
}
@media (min-width: 768px) {
  .main-section .text h2 {
    min-width: 550px;
  }
}

.main-section .text h2,
.main-section .text h3 {
  padding: 3px;
  position: relative;
  z-index: 10;
  font-family: "Bebas Neue", cursive;
  color: #ff6c1c;
  -webkit-text-fill-color: transparent;
  font-size: 210px;
  font-weight: 400;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-88-haze.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  line-height: 1;
}

.main-section .text h3 {
  z-index: 9;
  margin-top: -20px;
}

.main-section .text h2::selection,
.main-section .text h3::selection {
  color: #fff;
  background-color: #d65209;
}

.main-section .text h3 {
  font-size: 90px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.main-section .text > ul {
  list-style: none;
  margin-top: 35px;
  max-width: 480px;
  margin-left: auto;
}

.main-section .text > ul li {
  text-align: right;
}

.main-section.reverse .text > ul li {
  text-align: left;
}

.main-section.reverse .text > ul {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.hp-section.avail-prepare {
  z-index: 10;
}
@media (min-width: 1660px) {
  .hp-section.avail-prepare {
    padding-bottom: 150px !important;
  }
}

.hp-section.avail-prepare .text {
  padding-bottom: 100px;
}

.hp-section .variants.sold-out {
  padding-bottom: 0 !important;
}

.vo-soldout,
.vo-prepare {
  color: #c2a036;
  font-weight: 800;
  font-size: 28px;
  text-align: center;
}

.vo-prepare {
  display: none;
}

.product-cart-item.avail-prepare .vo-prepare {
  display: block;
}

.product-cart-item.avail-prepare .vo-soldout {
  display: none;
}

@media (max-width: 1559px) {
  .vo-soldout,
  .vo-prepare {
    font-size: 23px;
  }
}
@media (max-width: 1359px) {
  .vo-soldout,
  .vo-prepare {
    font-size: 21px;
  }
}
@media (max-width: 1199px) {
  .vo-soldout,
  .vo-prepare {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .vo-soldout,
  .vo-prepare {
    font-size: 21px;
    padding-top: 9px;
  }
}
.main-section .text > ul li {
  position: relative;
  height: 125px;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
  padding-right: 135px;
  color: #ffffff;
  font-size: 23px;
  font-weight: 400;
  margin-right: -15px;
}

.main-section .text > ul li:nth-child(2) {
  padding-top: 10px;
}

.main-section .text > ul li:not(:first-child) {
  margin-top: -30px;
}

.main-section .text > ul li::before {
  position: absolute;
  content: "";
  width: 125px;
  height: 125px;
  right: 0;
  top: 0;
}

.main-section .text > ul li .icon.right {
  margin-left: 18px;
  margin-bottom: 5px;
}

.main-section .text > ul li .icon.left {
  margin-right: 10px;
  margin-left: 12px;
}

.main-section .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.main-section .image > img {
  display: none;
}
.main-section .image > img:first-child {
  display: block;
}

.main-section.reverse .image {
  left: auto;
  right: 0;
}

.main-section.reverse .text {
  text-align: left;
  align-items: flex-start;
}

.main-section.reverse .text > ul li {
  justify-content: flex-start;
  padding-left: 135px;
  padding-right: 0;
}

.main-section.reverse .text > ul li::before {
  left: 0;
}

.main-section.reverse .text > ul li .icon.left {
  margin-left: 0;
}

.main-section.reverse .text > ul li .icon.left + span {
  margin-right: 20px;
}

.main-section.reverse .text .variants {
  justify-content: flex-start;
}

.main-section.haze {
  background: url("/images/eighty8/88-haze-bg.jpg") no-repeat top left;
  margin-top: 20px;
}

.main-section.haze .image {
  top: -20px;
}

.main-section.haze .text h2,
.main-section.haze .text h3 {
  color: #ff6c1c;
}

.main-section.haze .text h2::selection,
.main-section.haze .text h3::selection {
  -webkit-text-fill-color: #fff;
}

.main-section.haze .text ul li span::selection {
  color: #fff;
  background: #ff6c1c;
}

.main-section.haze .text ul li a::selection {
  color: #ff6c1c;
  background: #fff;
}

.main-section.haze .text ul li::selection {
  color: #fff;
  background: #ff6c1c;
}

.main-section.haze .text ul li:first-child::before {
  background: url("/images/eighty8/dna.png") no-repeat center;
  background-size: 100%;
}

.main-section.haze .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila.png") no-repeat center;
  background-size: 90%;
}

.main-section.haze .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune.png") no-repeat center;
  background-size: 85%;
}

.main-section.haze .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni.png") no-repeat center;
  background-size: 90%;
}

.main-section.haze .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon.png") no-repeat center;
  background-size: 95%;
}

/* Chocolope Variants */
.main-section.chocolope .text .variants .variant-content .content {
  background-color: #3d231b;
}

.main-section.chocolope .text .variants .variant-content::before,
.main-section.chocolope .text .variants .variant-content::after {
  background-color: #3d231b;
}

.main-section.chocolope .text .variants .variant-content:hover::after,
.main-section.chocolope .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d231b 0%, #9c5c4a 23%, #3d231b 50%, #9c5c4a 77%, #3d231b 100%);
}

.main-section.chocolope .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d231b 0%, #9c5c4a 23%, #3d231b 50%, #9c5c4a 77%, #3d231b 100%);
}

.main-section.chocolope .text .variants input:checked + label .variant-content .variant-title,
.main-section.chocolope .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff9274;
}

.main-section.chocolope .text .variant-title,
.main-section.chocolope .text .variant-more {
  color: #ff9274;
}

@keyframes chocolope-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 146, 116, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 146, 116, 0);
  }
}
.chocolope .variants-highlighted ul li .variant-content .content {
  animation: chocolope-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes chocolope-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 146, 116, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 146, 116, 0);
    }
  }
}
/* END Chocolope Variants */
/* Lemonade Variants */
.main-section.lemonade .text .variants .variant-content .content {
  background-color: #372a12;
}

.main-section.lemonade .text .variants .variant-content::before,
.main-section.lemonade .text .variants .variant-content::after {
  background-color: #372a12;
}

.main-section.lemonade .text .variants .variant-content:hover::after,
.main-section.lemonade .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #ffb200 23%, #3a2a19 50%, #ffb200 76%, #3a2a19 100%);
}

.main-section.lemonade .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #ffb200 23%, #3a2a19 50%, #ffb200 76%, #3a2a19 100%);
}

.main-section.lemonade .text .variants input:checked + label .variant-content .variant-title,
.main-section.lemonade .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ffb200;
}

.main-section.lemonade .text .variant-title,
.main-section.lemonade .text .variant-more {
  color: #ffb200;
}

/* END Lemonade Variants */
/* Black Gold Variants */
.main-section.black-gold .text .variants .variant-content .content {
  background-color: #302107;
}

.main-section.black-gold .text .variants .variant-content::before,
.main-section.black-gold .text .variants .variant-content::after {
  background-color: #302107;
}

.main-section.black-gold .text .variants .variant-content:hover::after,
.main-section.black-gold .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #ffd355 23%, #3a2a19 50%, #ffd355 76%, #3a2a19 100%);
}

.main-section.black-gold .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #ffd355 23%, #3a2a19 50%, #ffd355 76%, #3a2a19 100%);
}

.main-section.black-gold .text .variants input:checked + label .variant-content .variant-title,
.main-section.black-gold .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ffd355;
}

.main-section.black-gold .text .variant-title,
.main-section.black-gold .text .variant-more {
  color: #ffd355;
}

@keyframes black-gold-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 211, 85, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 211, 85, 0);
  }
}
.black-gold .variants-highlighted ul li .variant-content .content {
  animation: black-gold-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes black-gold-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 211, 85, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 211, 85, 0);
    }
  }
}
/* END Black Gold Variants */
.main-section.harlequin {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.harlequin .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.isolate {
  background: url("/images/eighty8/isolate-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.isolate.reverse {
  background: url("/images/eighty8/isolate-bg-inverse.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.isolate .image {
  margin-left: 150px;
  margin-top: -100px;
}

.main-section.harlequin .text h2 {
  line-height: 1;
}

.main-section.harlequin .text h2,
.main-section.harlequin .text h3,
.modal-gallery#modal-gallery-3 .modal-title {
  color: #e70000;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-harlequin.jpg");
}

.main-section.isolate .text h2,
.main-section.isolate .text h3,
.modal-gallery#modal-gallery-5 .modal-title {
  color: #c74fff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-isolate.jpg");
  display: inline;
}

.main-section.harlequin .text h2::selection,
.main-section.harlequin .text h3::selection {
  background-color: #e70000;
  -webkit-text-fill-color: #fff;
}

.main-section.harlequin .text ul li::selection {
  color: #fff;
  background: #e70000;
}

.main-section.harlequin .text ul li span::selection {
  color: #fff;
  background: #e70000;
}

.main-section.harlequin .text ul li a::selection {
  color: #e70000;
  background: #fff;
}

.main-section.harlequin .text ul li:first-child::before {
  background: url("/images/eighty8/dna4.png") no-repeat center;
  background-size: 100%;
}

.main-section.harlequin .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila4.png") no-repeat center;
  background-size: 90%;
}

.main-section.harlequin .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune4.png") no-repeat center;
  background-size: 85%;
}

.main-section.harlequin .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni4.png") no-repeat center;
  background-size: 90%;
}

.main-section.harlequin .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon4.png") no-repeat center;
  background-size: 95%;
}

/* Harlequin Responsive */
@media (max-width: 1659px) {
  .main-section.harlequin {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.harlequin .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.harlequin {
    margin-top: -25px;
  }
  .main-section.harlequin .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.harlequin .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.harlequin {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.harlequin .image {
    width: 660px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.harlequin {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.harlequin .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.harlequin .image {
    width: 420px;
    left: -60px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.harlequin {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.harlequin .image {
    width: 290px;
    left: -42px;
    top: 20px;
  }
}
/* END Harlequin Responsive */
.main-section.isolate .text h2::selection,
.main-section.isolate .text h3::selection {
  background-color: #c74fff;
  -webkit-text-fill-color: #fff;
}

.main-section.isolate .text ul li::selection {
  color: #fff;
  background: #c74fff;
}

.main-section.isolate .text ul li span::selection {
  color: #fff;
  background: #c74fff;
}

.main-section.isolate .text ul li a::selection {
  color: #c74fff;
  background: #fff;
}

.main-section.isolate .text ul li:first-child::before {
  background: url("/images/eighty8/dna5.png") no-repeat center;
  background-size: 100%;
}

.main-section.isolate .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila5.png") no-repeat center;
  background-size: 90%;
}

.main-section.isolate .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune5.png") no-repeat center;
  background-size: 85%;
}

.main-section.isolate .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni5.png") no-repeat center;
  background-size: 90%;
}

.main-section.isolate .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon5.png") no-repeat center;
  background-size: 95%;
}

.main-section.chocolope {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.chocolope .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.chocolope .text h2,
.main-section.chocolope .text h3,
.modal-gallery#modal-gallery-6 .modal-title {
  color: #ff9274;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/chocolope-txt.jpg");
}

.main-section.chocolope .text h2::selection,
.main-section.chocolope .text h3::selection {
  background-color: #ff9274;
  -webkit-text-fill-color: #fff;
}

.main-section.chocolope .text ul li span::selection {
  color: #fff;
  background: #ff9274;
}

.main-section.chocolope .text ul li a::selection {
  color: #ff9274;
  background: #fff;
}

.main-section.chocolope .text ul li::selection {
  color: #fff;
  background: #ff9274;
}

.main-section.chocolope .text ul li:first-child::before {
  background: url("/images/eighty8/dna6.png") no-repeat center;
  background-size: 100%;
}

.main-section.chocolope .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila6.png") no-repeat center;
  background-size: 90%;
}

.main-section.chocolope .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune6.png") no-repeat center;
  background-size: 85%;
}

.main-section.chocolope .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni6.png") no-repeat center;
  background-size: 90%;
}

.main-section.chocolope .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon6.png") no-repeat center;
  background-size: 95%;
}

/* Chocolope Responsive */
@media (max-width: 1659px) {
  .main-section.chocolope {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.chocolope .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.chocolope {
    margin-top: -25px;
  }
  .main-section.chocolope .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.chocolope .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.chocolope {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.chocolope .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.chocolope {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.chocolope .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.chocolope .image {
    width: 420px;
    right: -60px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.chocolope {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.chocolope .image {
    width: 290px;
    right: -42px;
    top: 20px;
  }
}
/* END Chocolope Responsive */
/* Lemonade */
.main-section.lemonade {
  background: url("/images/eighty8/lemonade-bg2.jpg") no-repeat top left;
  padding-top: 70px;
  margin-top: -70px;
  background-size: auto 100%;
}

.main-section.lemonade .image {
  top: 30px;
  left: 185px;
}

.main-section.lemonade .text h2 {
  padding-bottom: 37px;
}

.main-section.lemonade .text h3 {
  margin-top: -37px;
}

.main-section.lemonade .text h2,
.main-section.lemonade .text h3,
.modal-gallery#modal-gallery-8 .modal-title {
  color: #ffb200;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/lemonade-txt.jpg");
}

.main-section.lemonade .text h2::selection,
.main-section.lemonade .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ffb200;
}

.main-section.lemonade .text ul li span::selection {
  color: #fff;
  background: #ffb200;
}

.main-section.lemonade .text ul li a::selection {
  color: #ffb200;
  background: #fff;
}

.main-section.lemonade .text ul li::selection {
  color: #fff;
  background: #ffb200;
}

.main-section.lemonade .text ul li:first-child::before {
  background: url("/images/eighty8/dna8.png") no-repeat center;
  background-size: 100%;
}

.main-section.lemonade .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila8.png") no-repeat center;
  background-size: 90%;
}

.main-section.lemonade .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune8.png") no-repeat center;
  background-size: 85%;
}

.main-section.lemonade .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni8.png") no-repeat center;
  background-size: 90%;
}

.main-section.lemonade .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon8.png") no-repeat center;
  background-size: 95%;
}

@media (max-width: 1199px) {
  .main-section.lemonade {
    padding-top: 40px;
    margin-top: -50px;
  }
}
@media (max-width: 767px) {
  .main-section.lemonade .text h2 {
    padding-bottom: 0;
  }
  .main-section.lemonade .text h3 {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.lemonade .text h2 {
    padding-bottom: 12px;
  }
}
/* END Lemonade */
/* Black Gold */
.main-section.black-gold {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.black-gold .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.black-gold .text h2 {
  padding-bottom: 30px;
  padding-right: 10px;
}

.main-section.black-gold .text h3 {
  margin-top: -7px;
}

.main-section.black-gold .text h2,
.main-section.black-gold .text h3,
.modal-gallery#modal-gallery-10 .modal-title {
  color: #f5b313;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/black-gold-txt.jpg");
}

.main-section.black-gold .text h2::selection,
.main-section.black-gold .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f5b313;
}

.main-section.black-gold .text ul li span::selection {
  color: #fff;
  background: #f5b313;
}

.main-section.black-gold .text ul li a::selection {
  color: #f5b313;
  background: #fff;
}

.main-section.black-gold .text ul li::selection {
  color: #fff;
  background: #f5b313;
}

.main-section.black-gold .text ul li:first-child::before {
  background: url("/images/eighty8/dna10.png") no-repeat center;
  background-size: 100%;
}

.main-section.black-gold .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila10.png") no-repeat center;
  background-size: 90%;
}

.main-section.black-gold .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune10.png") no-repeat center;
  background-size: 85%;
}

.main-section.black-gold .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni10.png") no-repeat center;
  background-size: 90%;
}

.main-section.black-gold .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon10.png") no-repeat center;
  background-size: 95%;
}

@media (max-width: 767px) {
  .main-section.black-gold .text h2 {
    padding-bottom: 3px;
  }
  .main-section.black-gold .text h3 {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.black-gold .text h2 {
    padding-bottom: 0;
  }
}
/* Black Gold Responsive */
@media (max-width: 1659px) {
  .main-section.black-gold {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.black-gold .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.black-gold {
    margin-top: -25px;
  }
  .main-section.black-gold .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.black-gold .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.black-gold {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.black-gold .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.black-gold {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.black-gold .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.black-gold .image {
    width: 420px;
    right: -60px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.black-gold {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.black-gold .image {
    width: 290px;
    right: -42px;
    top: 20px;
  }
}
/* END Black Gold Responsive */
/* END Black Gold */
.main-section.harlequin .text .variants .variant-content .content {
  background-color: #2f0101;
}

.main-section.harlequin .text .variants .variant-content::before,
.main-section.harlequin .text .variants .variant-content::after {
  background-color: #2f0101;
}

.main-section.harlequin .text .variants .variant-content:hover::after,
.main-section.harlequin .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #2f0101 0%, #e70000 20%, #2f0101 51%, #e70000 77%, #2f0101 100%);
}

.main-section.harlequin .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #2f0101 0%, #e70000 20%, #2f0101 51%, #e70000 77%, #2f0101 100%);
}

.main-section.harlequin .text .variants input:checked + label .variant-content .variant-title,
.main-section.harlequin .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e70000;
}

.main-section.harlequin .text .variant-title,
.main-section.harlequin .text .variant-more {
  color: #e70000;
}

.main-section.isolate .text .variants .variant-content .content {
  background-color: #291134;
}

.main-section.isolate .text .variants .variant-content::before,
.main-section.isolate .text .variants .variant-content::after {
  background-color: #291134;
}

.main-section.isolate .text .variants .variant-content:hover::after,
.main-section.isolate .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #291134 0%, #c74fff 20%, #291134 51%, #c74fff 77%, #291134 100%);
}

.main-section.isolate .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #291134 0%, #c74fff 20%, #291134 51%, #c74fff 77%, #291134 100%);
}

.main-section.isolate .text .variants input:checked + label .variant-content .variant-title,
.main-section.isolate .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #c74fff;
}

.main-section.isolate .text .variant-title,
.main-section.isolate .text .variant-more {
  color: #c74fff;
}

.main-section.avail-unavailable {
  position: relative;
  padding-bottom: 80px;
}

.main-section.avail-unavailable.lemonade {
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  .main-section.avail-unavailable {
    padding-bottom: 50px;
  }
  .main-section.avail-unavailable.lemonade {
    padding-bottom: 45px;
  }
}
.main-section .variants.sold-out {
  display: none;
}

.main-section .variants.sold-out .variant-title {
  margin-bottom: 0;
}

.main-section.main-section.avail-unavailable .variants.sold-out {
  display: flex;
}

.main-section .variants.sold-out .variant-content {
  width: 300px;
}

.main-section .variants.sold-out .variant-content::after {
  opacity: 1;
}

.main-section.avail-unavailable .variants.sold-out {
  display: flex;
}

.main-section.isolate {
  z-index: 5;
}

@media (max-width: 399px) {
  .main-section.isolate {
    margin-top: 30px;
  }
}
/* coming soon */
.come-soon {
  display: block;
  position: absolute;
  padding: 13px 62px;
  border-radius: 9px;
  background-color: #4d290d;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.come-soon span {
  text-shadow: 0 0 21px #ff7f1e;
  color: #ff9e3b;
  font-size: 34px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: inline-block;
}

.chocolope .come-soon {
  background-color: #3d231b;
}

.chocolope .come-soon span {
  text-shadow: 0 0 21px #ff9274;
  color: #ff9274;
}

.lemonade .come-soon {
  background-color: #342604;
}

.lemonade .come-soon span {
  text-shadow: 0 0 21px #ffb200;
  color: #ffb200;
}

.black-gold .come-soon {
  background-color: #302107;
}

.black-gold .come-soon span {
  text-shadow: 0 0 21px #ffd355;
  color: #ffd355;
}

@media (max-width: 1559px) {
  .come-soon {
    padding: 12px 55px;
    font-size: 18px;
  }
  .come-soon span {
    font-size: 32px;
  }
}
@media (max-width: 1359px) {
  .come-soon {
    padding: 12px 50px;
    font-size: 17px;
  }
  .come-soon span {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .come-soon {
    padding: 11px 42px;
    font-size: 16px;
  }
  .come-soon span {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .come-soon {
    padding: 10px 38px;
    font-size: 15px;
  }
  .come-soon span {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .come-soon {
    padding: 8px 34px;
    font-size: 13px;
  }
  .come-soon span {
    font-size: 18px;
  }
}
/* END coming soon */
@media (max-width: 1199px) {
  .main-section.avail-unavailable::after {
    font-size: 88px;
  }
}
@media (max-width: 991px) {
  .main-section.avail-unavailable::after {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  .main-section.avail-unavailable::after {
    font-size: 48px;
    align-items: flex-start;
    padding-top: 160px;
  }
}
/* Variants */
.variants {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
  margin-top: 45px;
  position: relative;
  z-index: 12;
}

.variants .check-item,
.variants .variant-list ul li,
.variants .variant-content.more {
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
  margin-left: 2px;
}

.variants input[type=radio] {
  display: block;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.variants .variant-content {
  display: flex;
  width: 119px;
  height: 89px;
  border-radius: 10px;
  transition: 0.3s all;
  z-index: 1;
  position: relative;
}

.variants .variant-content.more {
  display: inline-block;
}

.variants .variant-content.more:hover {
  text-decoration: none;
}

.variants .variant-content::before,
.variants .variant-content::after {
  position: absolute;
  content: "";
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: #270801;
  border-radius: 10px;
  transition: 0.3s all;
}

.variants .variant-content::after {
  opacity: 0;
}

.variants .variant-content .content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #270801;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #270801 0%, #ff6c1c 22%, #270801 50%, #ff6c1c 78%, #270801 100%);
  opacity: 1;
}

.variants input:checked + label .variant-content .variant-title,
.variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff6c1c;
}

.variants .variant-content:hover::after,
.variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #270801 0%, #ff6c1c 22%, #270801 50%, #ff6c1c 78%, #270801 100%);
  opacity: 1;
}

.variants input:checked + label .variant-content:hover::after,
.variants .variant-list ul li input:checked:hover + label .variant-content::after {
  background-image: linear-gradient(-33deg, #270801 0%, #ff6c1c 22%, #270801 50%, #ff6c1c 78%, #270801 100%);
  opacity: 1;
}

.variant-title,
.variant-more {
  color: #ff6c1c;
  font-size: 34px;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 3;
  margin-bottom: 4px;
}

.variant-more {
  font-size: 28px;
  text-transform: none;
}

.variant-price,
.variant-wholesale {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  z-index: 3;
}

.variant-wholesale {
  font-size: 14px;
}

/* END Variants */
@media (max-width: 1659px) {
  .main-section {
    margin-top: -30px;
  }
  .main-section.haze {
    background-size: contain;
  }
  .main-section.haze .image {
    width: 1000px;
    left: -100px;
    top: -100px;
  }
  .main-section.haze .image {
    width: 1000px;
  }
  .main-section.lemonade .image {
    top: 60px;
    width: 680px;
    left: 180px;
  }
  .main-section.isolate .image {
    width: 820px;
    margin-left: 300px;
  }
  .variants {
    margin-top: 10px;
  }
  .main-section .text h2 {
    font-size: 160px;
  }
  .main-section .text h3 {
    font-size: 72px;
  }
  .main-section .text > ul {
    margin-top: 20px;
  }
  .main-section .text > ul li::before {
    width: 110px;
    height: 110px;
  }
  .main-section .text > ul li {
    font-size: 21px;
    padding-right: 115px;
    height: 110px;
  }
  .main-section.reverse .text > ul li {
    padding-left: 115px;
  }
  .variants .variant-content {
    width: 109px;
    height: 82px;
  }
  .variant-title {
    font-size: 32px;
  }
  .variant-price {
    font-size: 16px;
  }
  .variant-wholesale {
    font-size: 13px;
  }
  .variants .btn {
    height: 82px;
  }
}
@media (max-width: 1559px) {
  .main-section {
    margin-top: -30px;
  }
  .main-section.lemonade {
    margin-top: -30px;
    padding-top: 0;
  }
  .main-section .text h2 {
    font-size: 180px;
  }
  .main-section .text h3 {
    font-size: 78px;
  }
  .main-section.haze .image {
    width: 900px;
  }
  .main-section.isolate .image {
    width: 720px;
    margin-left: 190px;
    margin-top: -95px;
  }
  .main-section.lemonade .image {
    width: 600px;
    left: 100px;
    top: 20px;
  }
  .main-section .text h2 {
    font-size: 135px;
  }
  .main-section .text h3 {
    font-size: 60px;
  }
  .main-section .text > ul {
    margin-top: 15px;
  }
  .main-section .text > ul li::before {
    width: 100px;
    height: 100px;
  }
  .main-section .text > ul li {
    font-size: 20px;
    padding-right: 105px;
    height: 100px;
  }
  .main-section.reverse .text > ul li {
    padding-left: 105px;
  }
  .variants .variant-content {
    width: 100px;
    height: 75px;
  }
  .variant-title {
    font-size: 30px;
  }
  .variant-price {
    font-size: 15px;
  }
  .variant-wholesale {
    font-size: 12px;
  }
  .variants .btn {
    height: 75px;
    max-width: 210px;
  }
}
@media (min-width: 1360px) and (max-width: 1659px) {
  .hp-section.avail-prepare .text {
    padding-bottom: 85px;
  }
}
@media (max-width: 1359px) {
  .main-section.haze .image {
    width: 800px;
    left: 0;
    top: -100px;
  }
  .main-section .text h2 {
    font-size: 105px;
  }
  .main-section .text h3 {
    font-size: 46px;
    margin-top: -15px;
  }
  .main-section .text > ul {
    margin-top: 15px;
  }
  .main-section .text > ul li::before {
    width: 90px;
    height: 90px;
  }
  .main-section .text > ul li {
    font-size: 19px;
    padding-right: 100px;
    height: 90px;
    margin-bottom: 5px;
  }
  .main-section.reverse .text > ul li {
    padding-left: 105px;
  }
  .hp-section.avail-prepare {
    padding-bottom: 100px;
  }
  .hp-section.avail-prepare .text {
    padding-bottom: 75px;
  }
  .variants .variant-content {
    width: 90px;
    height: 67px;
  }
  .variant-title {
    font-size: 25px;
  }
  .variant-price {
    font-size: 14px;
  }
  .variants .btn {
    height: 67px;
    max-width: 190px;
    font-size: 18px;
  }
  .main-section.haze .image {
    width: 780px;
  }
  .main-section.isolate .image {
    width: 620px;
    margin-left: 120px;
    margin-top: -85px;
  }
  .main-section.lemonade .image {
    width: 600px;
  }
  .variant-more {
    font-size: 24px;
  }
  .variants .variant-content.more {
    width: 96px;
  }
}
@media (max-width: 1199px) {
  .main-section {
    padding-bottom: 50px;
  }
  .main-section .image img {
    width: 100%;
  }
  .main-section.haze .image {
    width: 720px;
  }
  .main-section .text > ul li {
    font-size: 21px;
  }
  .main-section.haze .image {
    width: 710px;
    left: -30px;
  }
  .main-section.isolate .image {
    width: 580px;
    margin-left: 100px;
    margin-top: -55px;
  }
  .main-section.lemonade .image {
    width: 480px;
    left: 80px;
  }
  .main-section .text h2 {
    font-size: 90px;
  }
  .main-section .text h3 {
    font-size: 40px;
  }
  .main-section .text > ul {
    margin-top: 15px;
  }
  .main-section .text > ul li::before {
    width: 80px;
    height: 80px;
  }
  .main-section .text > ul li {
    font-size: 18px;
    padding-right: 90px;
    height: 80px;
    margin-bottom: 10px;
  }
  .main-section.reverse .text > ul li {
    padding-left: 90px;
  }
  .hp-section.avail-prepare {
    padding-bottom: 60px;
  }
  .hp-section.avail-prepare .text {
    padding-bottom: 60px;
  }
  .variants .variant-content {
    width: 80px;
    height: 64px;
  }
  .variant-title {
    font-size: 22px;
  }
  .variant-price {
    font-size: 13px;
  }
  .variant-more {
    font-size: 20px;
  }
  .variants .btn {
    height: 64px;
    max-width: 170px;
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hp-section.avail-prepare .text {
    padding-bottom: 140px;
  }
}
@media (max-width: 991px) {
  .main-section {
    padding-bottom: 60px;
    margin-top: 0px;
  }
  .main-section.haze .image {
    width: 600px;
  }
  .main-section.isolate .image {
    width: 600px;
    margin-left: 0;
  }
  .main-section.isolate.reverse .image {
    right: -140px;
  }
  .main-section.lemonade .image {
    width: 420px;
    left: 30px;
    top: 0;
  }
  .variants .variant-content {
    width: 89px;
    height: 72px;
  }
  .variant-title {
    font-size: 24px;
  }
  .variant-more {
    font-size: 21px;
  }
  .variant-price {
    font-size: 14px;
  }
  .variant-wholesale {
    font-size: 11px;
  }
  .main-section .text > ul li {
    font-size: 19px;
    height: 85px;
    padding-right: 88px;
  }
  .main-section .text > ul li::before {
    height: 85px;
    width: 85px;
  }
  .hp-section.avail-prepare .text {
    padding-bottom: 15px;
  }
  .main-section.haze .image {
    width: 610px;
    left: 0;
  }
  .main-section .text h2 {
    font-size: 106px;
  }
  .main-section .text h2.no-1 .text h2 {
    font-size: 106px;
  }
  .main-section .text h3 {
    font-size: 45px;
  }
  .main-section .text > ul {
    margin-top: 10px;
  }
  .main-section.reverse .text > ul li {
    padding-right: 0;
    padding-left: 88px;
  }
  .variants .btn {
    height: 72px;
  }
}
@media (max-width: 799px) {
  .main-section.haze .image {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .main-section {
    background-size: 130% !important;
    margin-top: 0;
    padding-bottom: 40px;
  }
  .main-section.bigger-pack {
    background-size: 100% auto !important;
  }
  .main-section.lemonade {
    margin-top: 0px;
  }
  .main-section .container-fluid {
    max-width: 540px;
  }
  .main-section .text h2 {
    font-size: 54px;
    padding-bottom: 0;
  }
  .main-section.chocolope .text h2 {
    font-size: 58px;
    padding-bottom: 0;
  }
  .main-section .text h3 {
    font-size: 23px;
    margin-top: -5px;
  }
  .main-section .text > ul {
    margin-top: 15px;
    max-width: 320px;
    line-height: 1.6;
  }
  .main-section .text > ul li {
    height: 60px;
    padding-right: 60px;
    font-size: 16px;
  }
  .main-section.reverse .text > ul li {
    padding-right: 0;
    padding-left: 60px;
  }
  .main-section .text > ul li::before {
    height: 60px;
    width: 60px;
  }
  .main-section .text > ul li .icon {
    transform: scale(0.7);
  }
  .main-section .text > ul li .icon.right {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .main-section.lemonade {
    background: url("/images/eighty8/lemonade-bg2.jpg") no-repeat top left -100px;
    background-size: 100% auto !important;
  }
  .main-section.lemonade .image {
    left: 30px;
    max-width: 250px;
    margin-bottom: 0;
  }
  .main-section.isolate.reverse {
    background: url("/images/eighty8/isolate-bg-inverse.jpg") no-repeat top right -50px;
    background-size: auto 100%;
  }
  .main-section.isolate.reverse .image {
    width: 310px;
    margin-left: 0;
    top: -30px;
    right: -50px;
  }
}
@media (max-width: 575px) {
  .main-section {
    margin-top: 35px;
    padding-bottom: 25px;
  }
  .main-section.haze {
    background-position: top left 40px;
  }
  .main-section.haze .image {
    left: 0;
    top: -30px !important;
  }
  .hp-section.avail-prepare {
    padding-bottom: 0px;
  }
  .main-section .text h2 {
    font-size: 42px;
  }
  .main-section .text h3 {
    font-size: 21px;
  }
  .main-section.chocolope .text h2 {
    font-size: 42px;
  }
  .main-section .text > ul {
    max-width: 170px;
  }
  .main-section .text > ul li {
    height: 40px;
    font-size: 9px;
    padding-right: 40px;
    text-align: right;
    margin-bottom: 0;
  }
  .main-section .text > ul li::before {
    height: 35px;
    width: 35px;
    right: 7px;
    top: 3px;
  }
  .main-section .text > ul li .icon {
    height: 16px;
  }
  .main-section .text > ul li .icon.left {
    margin-left: 0;
    margin-right: 5px;
  }
  .main-section .text > ul li .icon img {
    max-height: 100%;
    width: auto;
  }
  .main-section .text > ul li .icon img.skull {
    max-height: unset;
    width: 26px;
    transform: translateX(-2px);
  }
  .main-section .text > ul li .icon + span {
    margin-right: 3px;
  }
  .main-section .text > ul li .icon.right {
    margin-left: 5px;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .main-section .text > ul li:not(:first-child) {
    margin-top: -10px;
  }
  .main-section .text > ul li:nth-child(3) {
    padding-top: 7px;
  }
  .main-section.reverse .text > ul li {
    padding-right: 0;
    padding-left: 40px;
  }
  .main-section.reverse .text .variants {
    padding-left: 0;
    margin-top: 0;
  }
  .main-section.reverse .text > ul li .icon.left + span {
    margin-right: 5px;
  }
  .variants .variant-list ul {
    overflow-x: auto;
    padding-top: 10px;
  }
  .main-section.isolate.reverse .image {
    width: 230px;
    margin-left: 0;
    top: -10px;
    right: -30px;
    left: auto;
  }
}
@media (max-width: 575px) {
  .main-section.lemonade .image {
    left: 0;
    max-width: 210px;
    margin: 0 auto;
    margin-bottom: 0;
    top: -10px;
  }
  .main-section.isolate .image {
    left: 40px;
  }
  .main-section.isolate .image img {
    max-width: 300px;
    margin: 0 auto;
  }
}
/* END HP Section */
/* Gallery */
.modal-gallery .carousel {
  position: relative;
  height: 100%;
}

.modal-gallery .carousel-inner {
  padding-bottom: 4px;
  height: auto;
  display: flex;
  align-items: center;
}

.modal-gallery .carousel-item {
  background-color: transparent;
  border-radius: 10px;
  width: 100%;
  height: 500px;
}

.modal-gallery .carousel-item .content {
  background-color: #000;
  z-index: 1;
  position: relative;
  margin: 3px;
  height: 100%;
}

.modal-gallery .carousel-item .content::after {
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  display: none;
  border-radius: 10px;
  content: "";
  position: absolute;
  background-image: linear-gradient(20deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
}

@media (min-width: 992px) {
  .modal-gallery-img-col {
    margin-top: -200px;
  }
}

.modal-gallery .carousel-item .image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  background-color: #000;
  border-radius: 10px;
  padding: 24px;
  overflow: hidden;
}

.modal-gallery .carousel-item .image img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}

.modal-gallery .carousel-indicators {
  position: relative;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  width: 100%;
}

.modal-gallery .carousel-indicators li {
  width: 25%;
  height: auto;
  box-sizing: border-box;
  padding: 7.5px;
  margin: 0;
  text-indent: 0;
  opacity: 1;
  background-color: transparent;
  border: none;
}

.modal-gallery .carousel-indicators li.active {
  border: none;
  box-shadow: none;
}

.thumbnails-wrap-wrap {
  position: relative;
  width: 100%;
}

.thumbnails-wrap-wrap .arr-prev,
.thumbnails-wrap-wrap .arr-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.thumbnails-wrap-wrap .arr-prev {
  left: -64px;
}

.thumbnails-wrap-wrap .arr-next {
  right: -64px;
}

.thumbnails-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.thumbnails {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  padding-bottom: 20px;
}

.thumbnail-item {
  position: relative;
  border-radius: 10px;
  height: 100%;
}

.thumbnail-item::after {
  content: "";
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background-image: linear-gradient(-10deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
  border-radius: 10px;
}

.thumbnail-item .image {
  background-color: #000;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.thumbnail-item .image img {
  border-radius: 10px;
}

.carousel-control-prev {
  justify-content: flex-start;
  opacity: 1;
  padding: 0;
  bottom: 233px;
}

.carousel-control-next {
  justify-content: flex-end;
  opacity: 1;
  padding: 0;
  bottom: 233px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  opacity: 1;
  width: 24px;
  height: 36px;
}

.carousel-control-next-icon {
  background-image: url("/images/eighty8/arr-next.svg");
}

.carousel-control-prev-icon {
  background-image: url("/images/eighty8/arr-back.svg");
}

@media (max-width: 1359px) {
  .modal-gallery .carousel-item {
    height: 450px;
  }
}
@media (max-width: 1199px) {
  .modal-gallery .carousel-item {
    height: 450px;
  }
}
@media (max-width: 991px) {
  .modal-gallery .carousel-item {
    height: 400px;
  }
  .modal-gallery .carousel-item .image {
    padding: 10px;
  }
  .modal-gallery-img-col {
    order: 1;
  }
  .modal-gallery-text-col {
    order: 2;
  }
  .modal-gallery .modal-body .modal-gallery-img-col .modal-title {
    display: block !important;
  }
  .modal-gallery .modal-title {
    text-align: center;
    padding-bottom: 30px;
    font-size: 55px;
  }
  .modal-gallery-text {
    max-width: 600px;
    margin: 0 auto;
    height: auto !important;
    padding-right: 0;
  }
  .cert-icons {
    max-width: 600px;
    margin: 0 auto;
    justify-content: center;
  }
  .modal-gallery .carousel-item .content {
    display: flex;
    justify-content: center;
  }
  .modal-gallery .carousel-item .image {
    max-width: 470px;
  }
}
@media (max-width: 767px) {
  .modal-gallery .modal-dialog {
    padding-left: 0;
    padding-right: 0;
  }
  .modal-gallery-content p {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .modal-gallery .carousel-item {
    height: 330px;
  }
}
/* END Gallery */
.btn {
  padding: 0;
  border: 0;
  outline: none;
  text-align: center;
}

.btn span {
  text-align: center;
  width: 100%;
}

.btn:hover {
  color: #000000;
  outline: none !important;
}

.btn:focus,
.btn:active,
.btn:visited {
  outline: none !important;
}

.btn:focus {
  box-shadow: none;
}

.btn:active {
  box-shadow: none;
}

.btn-yellow-ls {
  border-radius: 10px;
  background: url("/images/eighty8/yellow-btn.svg") no-repeat top center;
  color: #000000;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4.48px;
  width: 100%;
  max-width: 400px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 7px;
  transition: all 0.3s;
}

.btn-yellow-ls:hover,
.btn-yellow-ls:focus,
.btn-yellow-ls:active {
  box-shadow: 0 0 50px rgba(194, 160, 54, 0.85);
}

@media (max-width: 1659px) {
  .btn-yellow-ls {
    letter-spacing: 3.5px;
    font-size: 25px;
    max-width: 350px;
    height: 70px;
  }
}
@media (max-width: 1559px) {
  .btn-yellow-ls {
    letter-spacing: 2.7px;
    font-size: 19px;
    max-width: 280px;
    height: 65px;
  }
  .btn-yellow-ls:hover,
  .btn-yellow-ls:focus,
  .btn-yellow-ls:active {
    box-shadow: 0 0 40px rgba(194, 160, 54, 0.85);
  }
}
@media (max-width: 1359px) {
  .btn-yellow-ls {
    letter-spacing: 2.5px;
    font-size: 19px;
    max-width: 250px;
    height: 60px;
  }
  .btn-yellow-ls:hover,
  .btn-yellow-ls:focus,
  .btn-yellow-ls:active {
    box-shadow: 0 0 40px rgba(194, 160, 54, 0.85);
  }
}
@media (max-width: 1199px) {
  .btn-yellow-ls {
    letter-spacing: 2.5px;
    font-size: 18px;
    max-width: 220px;
    height: 55px;
  }
}
@media (max-width: 991px) {
  .btn-yellow-ls {
    font-size: 21px;
    max-width: 280px;
    height: 58px;
    letter-spacing: 3.5px;
  }
  .btn-yellow-ls:hover,
  .btn-yellow-ls:focus,
  .btn-yellow-ls:active {
    box-shadow: 0 0 30px rgba(194, 160, 54, 0.85);
  }
}
@media (max-width: 767px) {
  .btn-yellow-ls {
    font-size: 17px;
    max-width: 230px;
    height: 48px;
    letter-spacing: 1.7px;
  }
  .btn-yellow-ls:hover,
  .btn-yellow-ls:focus,
  .btn-yellow-ls:active {
    box-shadow: 0 0 25px rgba(194, 160, 54, 0.85);
  }
}
.btn-addcart,
.btn-orange,
.btn-blue,
.btn-pink,
.btn-red,
.btn-green,
.btn-white,
.btn-yellow,
.btn-purple {
  width: 100%;
  max-width: 230px;
  height: 90px;
  border-radius: 10px;
  background: #ff6c1c url("/images/eighty8/btn-orange.svg") no-repeat bottom center;
  background-size: 100% auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.3s all;
}

.btn-addcart:hover,
.btn-orange:hover,
.btn-blue:hover,
.btn-pink:hover,
.btn-red:hover,
.btn-green:hover,
.btn-white:hover,
.btn-yellow:hover,
.btn-purple:hover {
  box-shadow: 0 0 50px rgba(255, 108, 28, 0.85);
  color: #fff;
}

.btn-red,
.harlequin .btn-addcart {
  background: #e70000 url("/images/eighty8/btn-red.svg") no-repeat bottom center;
}

.btn-red:hover,
.harlequin .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(231, 0, 0, 0.85);
}

.btn-purple,
.isolate .btn-addcart {
  background: #763395 url("/images/eighty8/btn-purple.svg") no-repeat bottom center;
}

.btn-purple:hover,
.isolate .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(118, 51, 149, 0.85);
}

.chocolope .btn-addcart {
  background: #8a5141 url("/images/eighty8/btn-chocolope-bottom.svg") no-repeat bottom center;
}

.chocolope .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(138, 81, 65, 0.85);
}

.lemonade .btn-addcart {
  background: #ffb200 url("/images/eighty8/btn-lemonade-bottom.svg") no-repeat bottom center;
}

.lemonade .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 178, 0, 0.85);
}

.black-gold .btn-addcart {
  background: url("/images/eighty8/btn-black-gold-bottom.png") no-repeat bottom center, linear-gradient(to top, #f2c731 0%, #a17002 40%, #f0c02b 100%);
}

.black-gold .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(208, 154, 0, 0.85);
}

.btn-green {
  background: #88b635 url("/images/eighty8/btn-green.svg") no-repeat bottom center;
}

.btn-green:hover {
  box-shadow: 0 0 50px rgba(136, 182, 53, 0.85);
}

.btn-white {
  color: #000;
  background: #eeeeee url("/images/eighty8/btn-white.svg") no-repeat bottom center;
}

.btn-white:hover {
  box-shadow: 0 0 50px rgba(238, 238, 238, 0.85);
  color: #000 !important;
}

.btn-yellow {
  color: #fff;
  background: #c2a036 url("/images/eighty8/btn-yellow.svg") no-repeat bottom center;
}

.btn-yellow:hover {
  box-shadow: 0 0 50px rgba(194, 160, 54, 0.85);
  color: #fff !important;
}

.btn-yellow-sm,
.btn-yellow-xs,
.btn-yellow-lg {
  width: 210px;
  height: 65px;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  background: url("/images/eighty8/btn-yellow-sm2.svg") no-repeat top center, linear-gradient(to left, #c2a036 0%, #ae8c21 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border: none;
}

.btn-yellow-sm:hover,
.btn-yellow-xs:hover,
.btn-yellow-lg:hover {
  box-shadow: 0 0 32px rgba(255, 221, 0, 0.6);
  color: #000;
  text-decoration: none;
}

.btn-yellow-sm span,
.btn-yellow-xs span,
.btn-yellow-lg span {
  width: 100%;
  text-align: center;
}

.btn-yellow-xs {
  width: 140px;
  height: 46px;
  border-radius: 8px;
  background-image: url("/images/eighty8/btn-yellow-xs.svg"), linear-gradient(to right, #ae8c21 0%, #c2a036 100%);
  background-position: top center, top center;
  font-size: 14px;
}

.btn-yellow-lg {
  width: 400px;
  height: 72px;
  border-radius: 10px;
  background-image: url("/images/eighty8/btn-yellow-lg.svg"), linear-gradient(to right, #ae8c21 0%, #c2a036 100%);
  background-position: top center, top center;
  font-size: 24px;
}

.btn-white-simple,
.btn-yellow-simple {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid #ffffff;
  line-height: 1;
  transition: all 0.3s;
  border-radius: 5px;
}

.btn-white-simple:hover,
.btn-yellow-simple:hover {
  background-color: #fff;
  color: #000;
}

.btn-yellow-simple {
  color: #c2a036;
  border: 1px solid #c2a036;
}

.btn-yellow-simple:hover {
  background-color: #c2a036;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(194, 160, 54, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(194, 160, 54, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(194, 160, 54, 0);
  }
}
.variants-highlighted ul li .variant-content .content {
  animation: pulse 2s infinite;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .btn-yellow-lg {
    display: inline-block;
    line-height: 72px;
    text-align: center;
  }
  .categories-btn .btn-yellow-lg {
    line-height: 45px;
  }
  .body-path-skosikpotvrzeni-objednavky .btn-yellow-lg {
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .btn-yellow-sm {
    width: 170px;
    height: 60px;
    font-size: 18px;
  }
  .btn-yellow-lg {
    width: 340px;
    height: 64px;
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .btn-orange,
  .btn-blue,
  .btn-pink,
  .btn-red,
  .btn-green,
  .btn-white,
  .btn-yellow {
    height: 79px;
    width: 210px;
    font-size: 19px;
  }
  .btn-orange:hover,
  .btn-blue:hover,
  .btn-pink:hover,
  .btn-red:hover,
  .btn-green:hover,
  .btn-white:hover,
  .btn-yellow:hover {
    box-shadow: 0 0 40px rgba(255, 108, 28, 0.85);
    color: #fff;
  }
  .btn-blue:hover {
    box-shadow: 0 0 40px rgba(55, 170, 204, 0.85);
  }
  .btn-pink:hover {
    box-shadow: 0 0 40px rgba(255, 66, 124, 0.85);
  }
  .btn-red:hover {
    box-shadow: 0 0 40px rgba(231, 0, 0, 0.85);
  }
  .btn-green:hover {
    box-shadow: 0 0 40px rgba(136, 182, 53, 0.85);
  }
  .btn-white:hover {
    box-shadow: 0 0 40px rgba(238, 238, 238, 0.85);
  }
  .btn-yellow:hover {
    box-shadow: 0 0 40px rgba(194, 160, 54, 0.85);
  }
}
@media (max-width: 991px) {
  .btn-orange,
  .btn-blue,
  .btn-pink,
  .btn-red,
  .btn-green,
  .btn-white,
  .btn-yellow {
    height: 72px;
    width: 190px;
    font-size: 18px;
  }
  .btn-orange:hover,
  .btn-blue:hover,
  .btn-pink:hover,
  .btn-red:hover,
  .btn-green:hover,
  .btn-white:hover,
  .btn-yellow:hover {
    box-shadow: 0 0 30px rgba(255, 108, 28, 0.85);
    color: #fff;
  }
  .btn-blue:hover {
    box-shadow: 0 0 30px rgba(55, 170, 204, 0.85);
  }
  .btn-pink:hover {
    box-shadow: 0 0 30px rgba(255, 66, 124, 0.85);
  }
  .btn-red:hover {
    box-shadow: 0 0 30px rgba(231, 0, 0, 0.85);
  }
  .btn-green:hover {
    box-shadow: 0 0 30px rgba(136, 182, 53, 0.85);
  }
  .btn-white:hover {
    box-shadow: 0 0 30px rgba(238, 238, 238, 0.85);
  }
  .btn-yellow:hover {
    box-shadow: 0 0 30px rgba(194, 160, 54, 0.85);
  }
}
@media (max-width: 575px) {
  .btn-orange,
  .btn-blue,
  .btn-pink,
  .btn-red,
  .btn-green,
  .btn-white,
  .btn-yellow {
    height: 65px;
    width: 220px;
  }
  .btn-orange:hover,
  .btn-blue:hover,
  .btn-pink:hover,
  .btn-red:hover,
  .btn-green:hover,
  .btn-white:hover,
  .btn-yellow:hover {
    box-shadow: 0 0 25px rgba(255, 108, 28, 0.85);
  }
  .btn-blue:hover {
    box-shadow: 0 0 25px rgba(55, 170, 204, 0.85);
  }
  .btn-pink:hover {
    box-shadow: 0 0 25px rgba(255, 66, 124, 0.85);
  }
  .btn-red:hover {
    box-shadow: 0 0 25px rgba(231, 0, 0, 0.85);
  }
  .btn-green:hover {
    box-shadow: 0 0 25px rgba(136, 182, 53, 0.85);
  }
  .btn-white:hover {
    box-shadow: 0 0 25px rgba(238, 238, 238, 0.85);
  }
  .btn-yellow:hover {
    box-shadow: 0 0 25px rgba(194, 160, 54, 0.85);
  }
  .btn-yellow-ls {
    max-width: 140px;
    letter-spacing: 1.2px;
  }
}
.link-white,
.link-yellow,
.btn-back,
.registration-mobile .reg,
.link-white-big {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}

.link-white::after,
.link-yellow::after,
.btn-back::after,
.registration-mobile .reg::after,
.link-white-big::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  opacity: 1;
  height: 1px;
  top: 100%;
  background: #fff;
  transition: all 0.3s;
}

.link-white:hover,
.link-yellow:hover,
.btn-back:hover,
.registration-mobile .reg:hover,
.link-white-big:hover {
  text-decoration: none;
}

.link-white:hover::after,
.link-yellow:hover::after,
.btn-back:hover,
.registration-mobile .reg:hover::after,
.link-white-big:hover::after {
  left: 50%;
  right: 50%;
  opacity: 0;
}

.link-yellow,
.btn-back {
  font-size: 30px;
  text-transform: none;
  color: #c2a036;
  font-weight: 800;
}

.btn-back {
  font-size: 26px;
}

.link-yellow:hover,
.btn-back:hover {
  text-decoration: none;
  color: #c2a036;
}

.link-yellow::after,
.btn-back::after {
  background-color: #c2a036;
}

.link-white-big {
  font-size: 30px;
  font-weight: 900;
}

@media (max-width: 1359px) {
  .link-white-big {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .link-yellow,
  .btn-back {
    font-size: 26px;
  }
  .link-white-big {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .link-yellow,
  .btn-back {
    font-size: 23px;
  }
  .link-white-big {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .link-white,
  .registration-mobile .reg {
    font-size: 18px;
  }
  .link-yellow,
  .btn-back {
    font-size: 21px;
  }
  .link-white-big {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .link-yellow,
  .btn-back {
    text-decoration: underline;
    text-align: center;
  }
  .link-yellow:after,
  .btn-back::after {
    display: none;
  }
  .link-yellow:hover,
  .btn-back:hover {
    text-decoration: none;
  }
  .btn-yellow-ls {
    padding-top: 3px;
    background-size: auto 100%;
    height: 38px;
    font-size: 15px;
  }
  .link-white-big {
    font-size: 16px;
  }
}
.link-orange,
.link-red,
.link-purple,
.link-brown,
.link-lemonade,
.link-gold,
.link-mentis-max,
.link-mentis-chill,
.link-mentis-vital,
.link-mentis-up,
.link-mentis-zen,
.link-liquid-strawberry,
.link-ice-menthol,
.link-liquid-vanilla,
.link-wild-cherry,
.link-green-apple,
.link-cannadips,
.link-ogeez-krunch,
.link-cheese {
  position: relative;
  color: #ff6c1c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}

.link-orange::after,
.link-red::after,
.link-purple::after,
.link-brown::after,
.link-lemonade::after,
.link-gold::after,
.link-mentis-max::after,
.link-mentis-chill::after,
.link-mentis-vital::after,
.link-mentis-up::after,
.link-mentis-zen::after,
.link-liquid-strawberry::after,
.link-ice-menthol::after,
.link-liquid-vanilla::after,
.link-wild-cherry::after,
.link-green-apple::after,
.link-cannadips::after,
.link-ogeez-krunch::after,
.link-cheese::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff6c1c;
  opacity: 1;
  transition: 0.3s all;
}

.link-orange:hover,
.link-red:hover,
.link-purple:hover,
.link-brown:hover,
.link-lemonade:hover,
.link-gold:hover,
.link-mentis-max:hover,
.link-mentis-chill:hover,
.link-mentis-vital:hover,
.link-mentis-up:hover,
.link-mentis-zen:hover,
.link-liquid-strawberry:hover,
.link-ice-menthol:hover,
.link-liquid-vanilla:hover,
.link-wild-cherry:hover,
.link-green-apple:hover,
.link-cannadips:hover,
.link-ogeez-krunch:hover,
.link-cheese:hover {
  color: #ff6c1c;
  text-decoration: none;
}

.link-orange:hover::after,
.link-red:hover::after,
.link-purple:hover::after,
.link-brown:hover::after,
.link-lemonade:hover::after,
.link-gold:hover::after,
.link-mentis-max:hover::after,
.link-mentis-chill:hover::after,
.link-mentis-vital:hover::after,
.link-mentis-up:hover::after,
.link-mentis-zen:hover::after,
.link-liquid-strawberry:hover::after,
.link-ice-menthol:hover::after,
.link-liquid-vanilla:hover::after,
.link-wild-cherry:hover::after,
.link-green-apple:hover::after,
.link-cannadips:hover::after,
.link-ogeez-krunch:hover::after,
.link-cheese:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

.link-brown {
  color: #ff9274;
}

.link-brown::after {
  background-color: #ff9274;
}

.link-brown:hover {
  color: #ff9274;
}

.link-lemonade {
  color: #ffb200;
}

.link-lemonade::after {
  background-color: #ffb200;
}

.link-lemonade:hover {
  color: #ffb200;
}

.link-gold {
  color: #f5b313;
}

.link-gold::after {
  background-color: #f5b313;
}

.link-gold:hover {
  color: #f5b313;
}

.link-red {
  color: #e70000;
}

.link-red::after {
  background-color: #e70000;
}

.link-red:hover {
  color: #e70000;
}

.link-purple {
  color: #c74fff;
}

.link-purple::after {
  background-color: #c74fff;
}

.link-purple:hover {
  color: #c74fff;
}

.link-mentis-max {
  color: #29b1ff;
}

.link-mentis-max::after {
  background-color: #29b1ff;
}

.link-mentis-max:hover {
  color: #29b1ff;
}

.link-mentis-chill {
  color: #ff008b;
}

.link-mentis-chill::after {
  background-color: #ff008b;
}

.link-mentis-chill:hover {
  color: #ff008b;
}

.link-mentis-vital {
  color: #ff6100;
}

.link-mentis-vital::after {
  background-color: #ff6100;
}

.link-mentis-vital:hover {
  color: #ff6100;
}

.link-mentis-up {
  color: #ffd119;
}

.link-mentis-up::after {
  background-color: #ffd119;
}

.link-mentis-up:hover {
  color: #ffd119;
}

.link-mentis-zen {
  color: #58f428;
}

.link-mentis-zen::after {
  background-color: #58f428;
}

.link-mentis-zen:hover {
  color: #58f428;
}

.link-liquid-strawberry {
  color: #ff4c4d;
}

.link-liquid-strawberry::after {
  background-color: #ff4c4d;
}

.link-liquid-strawberry:hover {
  color: #ff4c4d;
}

.link-ice-menthol {
  color: #7ffdde;
}

.link-ice-menthol::after {
  background-color: #7ffdde;
}

.link-ice-menthol:hover {
  color: #7ffdde;
}

.link-liquid-vanilla {
  color: #ffdd59;
}

.link-liquid-vanilla::after {
  background-color: #ffdd59;
}

.link-liquid-vanilla:hover {
  color: #ffdd59;
}

.link-wild-cherry {
  color: #ff3372;
}

.link-wild-cherry::after {
  background-color: #ff3372;
}

.link-wild-cherry:hover {
  color: #ff3372;
}

.link-green-apple {
  color: #c8e653;
}

.link-green-apple::after {
  background-color: #c8e653;
}

.link-green-apple:hover {
  color: #c8e653;
}

.link-cannadips {
  color: #f1424a;
}

.link-cannadips::after {
  background-color: #f1424a;
}

.link-cannadips:hover {
  color: #f1424a;
}

.link-ogeez-krunch {
  color: #f6e4ac;
}

.link-ogeez-krunch::after {
  background-color: #f6e4ac;
}

.link-ogeez-krunch:hover {
  color: #f6e4ac;
}

.link-cheese {
  color: #ffb716;
}

.link-cheese::after {
  background-color: #ffb716;
}

.link-cheese:hover {
  color: #ffb716;
}

@media (max-width: 1199px) {
  .link-orange,
  .link-red,
  .link-purple,
  .link-brown,
  .link-lemonade,
  .link-gold,
  .link-mentis-max,
  .link-mentis-chill,
  .link-mentis-vital,
  .link-mentis-up,
  .link-mentis-zen,
  .link-liquid-strawberry,
  .link-ice-menthol,
  .link-liquid-vanilla,
  .link-wild-cherry,
  .link-green-apple,
  .link-cannadips,
  .link-ogeez-krunch,
  .link-cheese {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-orange,
  .link-red,
  .link-purple,
  .link-brown,
  .link-lemonade,
  .link-gold,
  .link-mentis-max,
  .link-mentis-chill,
  .link-mentis-vital,
  .link-mentis-up,
  .link-mentis-zen,
  .link-liquid-strawberry,
  .link-ice-menthol,
  .link-liquid-vanilla,
  .link-wild-cherry,
  .link-green-apple,
  .link-cannadips,
  .link-ogeez-krunch,
  .link-cheese {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-orange,
  .link-red,
  .link-purple,
  .link-brown,
  .link-lemonade,
  .link-gold,
  .link-mentis-max,
  .link-mentis-chill,
  .link-mentis-vital,
  .link-mentis-up,
  .link-mentis-zen,
  .link-liquid-strawberry,
  .link-ice-menthol,
  .link-liquid-vanilla,
  .link-wild-cherry,
  .link-green-apple,
  .link-cannadips,
  .link-ogeez-krunch,
  .link-cheese {
    font-size: 11px;
  }
}
.btn-green-sm,
.btn-red-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 65px;
  background: #88b635 url("/images/eighty8/btn-green-sm.svg") no-repeat bottom right;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 10px;
}

.btn-green-sm:hover,
.btn-red-sm:hover {
  color: #ffffff;
  box-shadow: 0 0 50px rgba(136, 182, 53, 0.85);
}

.btn-red-sm {
  background: #d10e0e url("/images/eighty8/btn-red-sm.svg") no-repeat bottom right;
}

.btn-red-sm:hover {
  box-shadow: 0 0 50px rgba(231, 0, 0, 0.85);
}

.btn-enter,
.btn-leave {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 64px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 10px;
  position: relative;
}
.btn-enter > span,
.btn-leave > span {
  position: relative;
  z-index: 2;
  background: url("/images/eighty8/btn-enter.svg") no-repeat bottom center, linear-gradient(to top, #070707 0%, #232323 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s;
}
.btn-enter::before,
.btn-leave::before {
  content: "";
  position: absolute;
  inset: -1px;
  top: -2px;
  border-radius: 10px;
  background-image: linear-gradient(-11deg, #33240c 0%, #c29f32 27%, #33240c 52%, #c29f32 77%, #33240c 100%);
  box-shadow: 0 16px 24px #000000;
}
.btn-enter::after,
.btn-leave::after {
  content: "";
  position: absolute;
  border-radius: 10px;
  background-color: #aaaaaa;
  inset: 0;
  bottom: 50%;
  top: -1px;
}
.btn-enter:hover,
.btn-leave:hover {
  color: #ffffff;
}
.btn-enter:hover > span,
.btn-leave:hover > span {
  text-shadow: 0 0 15px #ffffff;
}

.btn-leave > span {
  color: #c29f32;
}
.btn-leave:hover > span {
  text-shadow: 0 0 15px #c29f32;
}

footer {
  background: #000 url("/images/eighty8/bg-footer.jpg") no-repeat bottom right;
  margin-top: 1px;
}

footer .container::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
}

footer .container {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}

.body-home footer .container {
  padding-top: 40px;
}

footer .row {
  position: relative;
  z-index: 2;
}

footer h3,
footer .h3,
footer h4,
footer .h4 {
  display: block;
  color: #c29f32;
  font-family: "Bebas Neue", cursive;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}

footer .help-heading {
  color: #fff;
  font-size: 45px;
  margin-bottom: 25px;
}

footer h4,
footer .h4 {
  font-size: 30px;
}

.footer-about .h3,
.footer-about .h4 {
  line-height: 1;
  margin-bottom: 30px;
}

.footer-about h2 span,
.footer-about .h4 span {
  color: #fff;
}

.footer-about .h3 small,
.footer-about .h4 small {
  color: #c8c8c8;
  font-size: 20px;
}

.footer-about p {
  color: #c8c8c8;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.82;
  margin-bottom: 30px;
  max-width: 460px;
}
.footer-about p strong {
  font-weight: 700;
  color: #fff !important;
}

.footer-about ul li {
  line-height: 1.8;
  font-size: 13px;
  color: #c8c8c8;
}

.footer-about-first {
  margin-top: 50px;
}
.footer-about-first .h3 {
  margin-bottom: 30px;
}

footer ul {
  list-style: none;
}

footer ul li,
footer ul a {
  color: #c8c8c8;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.1;
  transition: 0.3s all;
}
footer ul li strong,
footer ul a strong {
  color: #fff;
}

footer ul a:hover {
  text-decoration: none;
  color: #fff;
}

footer .contact-list ul {
  margin-bottom: 30px;
}

footer .contact-list ul li {
  line-height: 2.1;
}

footer .phone,
footer .mail {
  margin-bottom: 10px;
}

footer .phone .icon,
footer .mail .icon {
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

footer .phone .text {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  color: #c8c8c8;
}
footer .phone .text strong {
  margin-left: 4px;
  font-weight: 700;
  color: #fff;
}
footer .phone .text span {
  margin-left: 0;
  display: block;
  white-space: nowrap;
  font-weight: 500;
  font-size: 13px;
}

footer .mail .icon {
  margin-left: 3px;
}

footer .mail a {
  transition: all 0.3s;
  color: #c29f32;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 700;
}

footer .mail a:hover {
  text-decoration: none;
  color: #c2a036;
}

footer .copyright {
  color: #c5c5cf;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.8;
  text-align: center;
}

footer .copyright strong {
  font-weight: 700;
  color: #fff;
}
footer .copyright strong span {
  color: #c29f32;
}

footer .vortex .title {
  margin-right: 7px;
}

footer .copyright a:hover {
  color: #c2a036;
}

.created-items {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.created-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.created-item a {
  font-size: 14px;
  color: #c29f32;
  text-decoration: underline;
}
.created-item a:hover, .created-item a:focus, .created-item a:focus-within {
  text-decoration: none;
}

.created-item .title {
  margin-right: 8px;
  color: #c8c8c8;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

.footer-bottom {
  margin-top: 100px;
}

.socials {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.contact-inner .socials {
  margin-top: 20px;
}

.socials .item {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: all 0.3s;
}

.socials .item.fb {
  background: url("../../images/eighty8/ico-fb.svg") no-repeat center;
}
.socials .item.fb:hover, .socials .item.fb:focus, .socials .item.fb:focus-within {
  background: url("../../images/eighty8/ico-fb-hover.svg") no-repeat center;
}
.socials .item.ig {
  background: url("../../images/eighty8/ico-ig.svg") no-repeat center;
}
.socials .item.ig:hover, .socials .item.ig:focus, .socials .item.ig:focus-within {
  background: url("../../images/eighty8/ico-ig-hover.svg") no-repeat center;
}
.socials .item.tiktok {
  background: url("../../images/eighty8/ico-tiktok.svg") no-repeat center;
}
.socials .item.tiktok:hover, .socials .item.tiktok:focus, .socials .item.tiktok:focus-within {
  background: url("../../images/eighty8/ico-tiktok-hover.svg") no-repeat center;
}

.socials .item:hover::after {
  opacity: 1;
}

@media (max-width: 1559px) {
  footer .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 1359px) {
  footer .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  footer .help-heading {
    font-size: 42px;
  }
  .footer-about-first {
    margin-top: 40px;
  }
  .footer-about-first .h4 {
    margin-bottom: 15px;
  }
  .footer-about-first ul li {
    font-size: 12px;
  }
  .footer-bottom {
    margin-top: 80px;
  }
}
@media (max-width: 1199px) {
  footer .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  footer .help-heading {
    font-size: 38px;
  }
  .footer-about-first {
    margin-top: 40px;
  }
  .footer-about-first .h4 {
    margin-bottom: 15px;
  }
  .footer-about-first ul li {
    font-size: 12px;
  }
  .footer-bottom {
    margin-top: 60px;
  }
}
@media (max-width: 991px) {
  footer .container {
    background-size: auto 400px;
    padding-bottom: 60px;
    background-position: top 100px right;
  }
  .footer-bottom {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-about {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer-col {
    margin-bottom: 35px;
  }
  footer .container {
    padding-top: 30px;
  }
  footer .container::after {
    display: none;
  }
  footer .h3 {
    margin-bottom: 15px;
  }
  .footer-about {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .footer-about .h3 {
    margin-bottom: 15px;
  }
  footer .contact-list ul {
    margin-bottom: 15px;
  }
  .socials {
    margin-top: 15px;
  }
  footer .copyright {
    line-height: 1.9;
  }
}
/* Benefits */
.benefits {
  margin-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #202020;
}
@media (min-width: 768px) {
  .benefits {
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .benefits {
    padding-bottom: 20px;
  }
}
@media (min-width: 1360px) {
  .benefits {
    padding-bottom: 40px;
  }
}

.benefit-item {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
}
.benefit-item-ico {
  width: 68px;
  height: 57px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  background: url("../../images/eighty8/ico-benefit.svg") no-repeat center;
  background-size: contain !important;
}
.benefit-item-ico-quality {
  background: url("../../images/eighty8/ico-benefit.svg") no-repeat center;
}
.benefit-item-ico-legal {
  background: url("../../images/eighty8/ico-benefit2.svg") no-repeat center;
  margin-right: 10px;
}
.benefit-item-ico-express {
  background: url("../../images/eighty8/ico-benefit3.svg") no-repeat center;
}
.benefit-item-title {
  font-size: 30px;
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  text-transform: uppercase;
}
.benefit-item-text {
  font-size: 14px;
  font-weight: 400;
  color: #c8c8c8;
}

@media (max-width: 1559px) {
  .benefit-item-title {
    font-size: 28px;
  }
}
@media (max-width: 1359px) {
  .benefit-item-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .benefit-item-title {
    font-size: 22px;
  }
  .benefit-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .benefit-item-ico-legal {
    margin-right: 20px;
  }
  .benefit-item-text {
    font-size: 13px;
  }
  .benefit-item-ico {
    width: 58px;
    height: 45px;
  }
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 33px #000 inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}

.form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.form + h2 {
  margin-top: 25px;
}

.form-label-group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #4d4d4d;
}

.form-label-group.valid {
  position: relative;
}

.form-label-group.valid::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 16px;
  background: url("/images/eighty8/valid.svg") no-repeat center;
  right: 0;
  top: 30px;
}

.form-label-group:focus-within {
  border-bottom: 1px solid #fff;
}

.form-label-group label {
  color: #8c8c8c;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
  padding-top: 16px;
}

.form-label-group .form-control {
  background: transparent;
  border: none !important;
  box-shadow: 0 0 0 33px #000 inset;
  -webkit-box-shadow: 0 0 0 33px #000 inset;
  border-radius: 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 500;
  padding-left: 0;
  height: 65px;
}

.contact-form .form-label-group .form-control,
.contact-form .form-label-group .form-control:hover,
.contact-form .form-label-group .form-control:visited {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.form-label-group .form-control::placeholder {
  font-size: 14px;
}

.form-label-group .form-control:focus,
.form-label-group .form-control:active,
.form-label-group .form-control:hover {
  border: none !important;
  box-shadow: 0 0 0 33px #000 inset;
  -webkit-box-shadow: 0 0 0 33px #000 inset;
}

.contact-form .form-label-group .form-control:focus,
.contact-form .form-label-group .form-control:active,
.contact-form .form-label-group .form-control:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.contact-form .form-control {
  transition: border-color 0.15s ease-in-out;
}

.form-group-col {
  width: 50%;
  padding-left: 33px;
  padding-right: 33px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  border: none !important;
  outline: none !important;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  border-bottom: 1px solid #4d4d4d !important;
}

.bootstrap-select.show .btn:after {
  transform: rotate(180deg);
  transition: all 0.3s;
}

.bootstrap-select.show .btn:focus,
.bootstrap-select.show .btn:active,
.bootstrap-select.show .btn:hover {
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 1px solid transparent !important;
}

.bootstrap-select .btn {
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid #4d4d4d;
  height: 50px;
  box-shadow: none;
  border-radius: 0;
}

.bootstrap-select .btn:focus,
.bootstrap-select .btn:active,
.bootstrap-select .btn:hover {
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 1px solid #4d4d4d !important;
}

.bootstrap-select .btn.show:after {
  transform: rotate(180deg);
}

.bootstrap-select .filter-option:focus,
.bootstrap-select .filter-option:active,
.bootstrap-select .filter-option:hover,
.bootstrap-select .filter-option-inner:focus,
.bootstrap-select .filter-option-inner:active,
.bootstrap-select .filter-option-inner:hover,
.bootstrap-select .filter-option-inner-inner:focus,
.bootstrap-select .filter-option-inner-inner:active,
.bootstrap-select .filter-option-inner-inner:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.bootstrap-select .filter-option-inner-inner {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
}

.body-basket .panel-group {
  padding-top: 15px;
  padding-bottom: 15px;
}

.body-basket .panel-group .panel-heading a {
  position: relative;
  display: block;
}

.body-basket .panel-group .panel-body {
  padding-top: 15px;
}

.bootstrap-select .dropdown-toggle::after,
.body-basket .panel-group .panel-heading a::after {
  position: absolute;
  content: "";
  border: none;
  background: url("/images/eighty8/arr-down.svg") no-repeat center;
  width: 21px;
  height: 13px;
  right: 0;
  transform: rotate(180deg);
  transition: all 0.3s;
}

.body-basket .panel-group .panel-heading a.collapsed::after {
  transform: none;
}

.body-basket .panel-group .panel-heading a::after {
  top: 4px;
}

.bootstrap-select .dropdown-menu {
  background-color: transparent;
  border-radius: 10px;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  background: #000;
}

.bootstrap-select .dropdown-item {
  color: #fff;
  padding: 7px 10px;
  font-size: 18px;
  border-radius: 0;
}

.bootstrap-select .dropdown-item:hover {
  color: #000;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:focus {
  background-color: #c2a036;
  color: #000;
}

.bootstrap-select .dropdown-item:focus {
  background-color: #fff;
}

.form-select-group {
  margin-top: 20px;
}

.form-select-group label {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.form-label-group > input,
.form-label-group > label,
.form-label-group > textarea {
  padding-left: 0 !important;
}

.form-label-group > textarea {
  min-height: 230px;
  resize: none;
}

@media (max-width: 991px) {
  .form-group-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .form-group-col {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .modal-body .form-label-group label {
    font-size: 16px;
  }
  .modal-body .form-label-group .form-control {
    height: 60px;
    font-size: 20px;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 22px;
  }
}
/* Input Spinner */
.loader {
  position: absolute;
  opacity: 0.5;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.loader img {
  position: relative;
  top: 30%;
  opacity: 0;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-spinner {
  background: #000;
  width: 124px;
  height: 46px;
  border-radius: 8px;
  border: none;
  position: relative;
}

.number-input-wrap {
  display: flex;
  align-items: center;
}

.ui-spinner-input,
.cart-number input {
  background: transparent;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: 400;
  height: 46px;
  width: 124px;
  border-radius: 8px;
  border: 1px solid #39393d;
  font-family: "Montserrat", sans-serif;
}

.cart-number input {
  background: url("/images/eighty8/minus.svg") no-repeat left 10px center, url("/images/eighty8/plus.svg") no-repeat right 10px center;
}

.ui-spinner-input:focus,
.ui-spinner-input:active {
  outline: none;
}

.ui-spinner-button {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-spinner-button::after {
  content: "";
  top: 0;
  position: absolute;
  width: 15px;
  height: 5px;
}

.ui-spinner-button.ui-spinner-down {
  left: 0;
}

.ui-spinner-button.ui-spinner-down::after {
  background: url("/images/eighty8/minus.svg") no-repeat center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.ui-spinner-button.ui-spinner-up {
  right: 0;
}

.ui-spinner-button.ui-spinner-up::after {
  background: url("/images/eighty8/plus.svg") no-repeat center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  opacity: 0;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: none;
}

@media (max-width: 1659px) {
  .ui-spinner-input,
  .cart-number input,
  .ui-spinner {
    height: 44px !important;
  }
}
@media (max-width: 1559px) {
  .ui-spinner-input,
  .cart-number input,
  .ui-spinner {
    height: 40px !important;
    width: 112px;
  }
  .cart-box table tr td.cart-number span,
  .cart-box table tr .cart-number span {
    width: 112px !important;
  }
}
@media (max-width: 1359px) {
  .ui-spinner-input,
  .cart-number input,
  .ui-spinner {
    height: 35px !important;
  }
}
@media (max-width: 1199px) {
  .ui-spinner-input,
  .cart-number input,
  .ui-spinner {
    width: 124px;
    height: 44px !important;
  }
  .cart-box table tr td.cart-number span,
  .cart-box table tr .cart-number span {
    width: 124px !important;
  }
}
@media (max-width: 991px) {
  .cart-page .cart-number .ui-spinner,
  .cart-number input,
  .ui-spinner {
    width: 124px !important;
    height: 40px !important;
  }
}
/* END Input Spinner */
/* Check Box */
.check-styled {
  position: relative;
  margin-top: 0px;
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 100%;
}

input[type=checkbox],
.check-styled input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
}

input[type=checkbox] + label,
.check-styled input[type=radio] + label {
  display: block;
  width: 100%;
  margin: 0;
  float: left;
  min-height: 28px;
  margin: 0;
  vertical-align: middle;
  background: url("/images/eighty8/uncheck.svg") left top no-repeat;
  padding-left: 48px;
  cursor: pointer;
  font-weight: normal;
  padding-top: 3px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

input[type=checkbox]:checked + label,
.check-styled input[type=radio]:checked + label {
  background: url("/images/eighty8/check.svg") no-repeat;
}

#basket-shipping-address {
  padding-top: 45px;
}

#basket-addresses-switch input[type=checkbox] + label {
  background: url("/images/eighty8/check.svg") no-repeat;
}

#basket-addresses-switch input[type=checkbox]:checked + label {
  background: url("/images/eighty8/uncheck.svg") no-repeat;
}

@media (max-width: 991px) {
  .bootstrap-select .filter-option-inner-inner {
    font-size: 25px;
  }
  .bootstrap-select .dropdown-toggle::after,
  .body-basket .panel-group .panel-heading a.collapsed::after {
    width: 18px;
    height: 13px;
    background-size: 18px auto;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 25px !important;
  }
  .form-label-group label {
    font-size: 19px;
  }
  input[type=checkbox] + label,
  .check-styled input[type=radio] + label {
    font-size: 17px;
  }
  .form-select-group {
    margin-top: 0;
  }
  .form-select-group label {
    margin-bottom: 0;
  }
  .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  input[type=checkbox] + label,
  .check-styled input[type=radio] + label {
    font-size: 16px;
    padding-left: 38px;
  }
  .check-styled input[type=radio] + label {
    padding-right: 10px;
    font-size: 15px;
  }
}
/* END Check Box */
@media (max-width: 575px) {
  .form-label-group .form-control {
    font-size: 20px;
    height: 50px;
  }
  .form-label-group input:not(:placeholder-shown),
  .form-label-group textarea:not(:placeholder-shown) {
    padding-top: 1.55rem;
    padding-bottom: 0;
  }
  .form-label-group label {
    font-size: 18px;
  }
  .form-label-group {
    margin-bottom: 10px !important;
  }
  .form-label-group.valid::after {
    top: 28px !important;
  }
  .form-label-group input:not(:placeholder-shown) ~ label,
  .form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .bootstrap-select .btn {
    font-size: 21px;
    margin-top: 0;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 21px !important;
  }
  .bootstrap-select .btn {
    height: 40px;
  }
}
/* Modal */
.modal-dialog {
  max-width: 690px;
  margin: 10rem auto;
}

.modal-content {
  background-color: #fff;
  border: none;
  border-radius: 0;
  outline: 0;
  border-radius: 10px;
  background-color: #000000;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  border-bottom: none;
  border-radius: 0;
  background: url("/images/eighty8/modal-header-login.svg") no-repeat top center;
  padding: 15px 70px;
  padding-bottom: 85px;
}

#gdpr-modal .modal-header {
  padding-bottom: 25px;
  background: #c2a036;
}

#gdpr-modal .modal-header .modal-title {
  font-size: 32px;
}

#gdpr-modal .modal-header .close span {
  color: #c2a036;
  font-size: 42px;
}

#gdpr-modal .modal-body {
  padding: 30px 30px;
  padding-bottom: 60px;
}

.modal-title {
  color: #000000;
  font-family: "Bebas Neue", cursive;
  font-size: 60px;
  font-weight: 400;
}

.modal-body {
  padding: 0;
  padding: 15px 100px;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  border: none;
  border-radius: 0;
  padding-bottom: 90px;
  padding-top: 20px;
}

.modal-footer .link-white {
  margin-left: 44px;
  font-size: 17px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
  outline: none;
}

.modal-header .close {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 44px;
  height: 44px;
  background-color: #000000;
  border-radius: 50%;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.modal-header .close::after {
  content: "";
  position: absolute;
  background: url("/images/eighty8/close-hover.svg") no-repeat center;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: all 0.3s;
}

.modal-header .close:hover {
  background-color: #c2a036;
}

.modal-header .close:hover::after {
  opacity: 1;
}

.modal-footer {
  justify-content: flex-start;
  padding-left: 100px;
  padding-right: 100px;
}

.modal-reg .modal-dialog {
  width: 100%;
  max-width: 1256px;
}

.modal-reg .modal-header {
  background: url("/images/eighty8/registration-modal.svg") no-repeat top center;
}

.modal-reg .modal-body {
  padding-left: 77px;
  padding-right: 77px;
}

.modal-gallery .modal-dialog {
  max-width: unset;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 10px;
  max-width: 1250px;
}

.modal-gallery .modal-content {
  border-radius: 10px;
}

.modal-gallery .modal-header {
  background: url("/images/eighty8/modal-gallery.svg") no-repeat top center;
  background: #000;
  padding-top: 25px;
  padding-bottom: 40px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.cert-icons {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  padding-bottom: 0;
}

.cert-icons-item,
.cert-icons p {
  margin-right: 25px;
  margin-bottom: 25px;
  width: 70px;
  height: 70px;
}

.cert-icons img {
  max-width: 100%;
  height: auto !important;
}

.modal-gallery .carousel-control-prev {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.modal-gallery .carousel-control-next {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.modal-gallery .modal-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 100% 100%, 100% 100%;
  line-height: 0.7 !important;
  padding-bottom: 40px;
  padding-top: 20px;
  font-size: 72px;
}

.modal-gallery .modal-title small {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 50%;
}

.modal-gallery .modal-title::selection {
  color: #000;
  -webkit-text-fill-color: #000;
}

.modal-gallery .modal-title small::selection {
  color: #000;
  -webkit-text-fill-color: #000;
}

.modal-gallery .modal-header {
  padding: 0;
}

.modal-gallery .modal-header .close {
  z-index: 10;
}

.modal-gallery#modal-gallery-1 .modal-header {
  background: url("/images/eighty8/modal-gallery-1.svg") no-repeat top center;
  background: #45d4ff;
  background: #000;
}

.modal-gallery#modal-gallery-2 .modal-header {
  background: url("/images/eighty8/modal-gallery-2.svg") no-repeat top center;
  background: #ff427c;
  background: #000;
}

.modal-gallery#modal-gallery-3 .modal-header {
  background: url("/images/eighty8/modal-gallery-3.svg") no-repeat top center;
  background: #e70000;
  background: #000;
}

.modal-gallery#modal-gallery-4 .modal-header {
  background: url("/images/eighty8/modal-gallery-4.svg") no-repeat top center;
  background: #000;
}

.modal-gallery#modal-gallery-5 .modal-header {
  background: url("/images/eighty8/modal-gallery-5.svg") no-repeat top center;
  background: #c74fff;
  background: #000;
}

.modal-gallery#modal-gallery-6 .modal-header {
  background: url("/images/eighty8/modal-gallery-6.svg") no-repeat top center;
  background: #ff9274;
  background: #000;
}

.modal-gallery#modal-gallery-7 .modal-header {
  background: url("/images/eighty8/modal-gallery-7.svg") no-repeat top center;
  background: #ff9e3b;
  background: #000;
}

.modal-gallery#modal-gallery-8 .modal-header {
  background: url("/images/eighty8/modal-gallery-8.svg") no-repeat top center;
  background: #ffb200;
  background: #000;
}

.modal-gallery#modal-gallery-9 .modal-header {
  background: url("/images/eighty8/modal-gallery-9.svg") no-repeat top center;
  background: #c2ea5b;
  background: #000;
}

.modal-gallery#modal-gallery-10 .modal-header {
  background: url("/images/eighty8/modal-gallery-10.svg") no-repeat top center;
  background: #f5b313;
  background: #000;
}

.modal-gallery#modal-gallery-11 .modal-header {
  background: url("/images/eighty8/modal-gallery-11.svg") no-repeat top center;
  background: #ef3c7b;
  background: #000;
}

.modal-gallery#modal-gallery-1,
.modal-gallery#modal-gallery-2,
.modal-gallery#modal-gallery-3 {
  color: #fff;
}

.modal-gallery .modal-body {
  padding-top: 50px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.modal-gallery-text {
  height: 330px;
  overflow-y: auto;
  padding-right: 20px;
}

.modal-gallery-content {
  color: #ffffff;
  font-size: 23px;
  font-weight: 400;
}

.modal-gallery-content p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.modal-backdrop {
  background-color: #171719;
}

.modal-backdrop.show {
  opacity: 0.6;
}

@media (min-width: 768px) {
  .registration-mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  .modal-gallery .modal-dialog {
    margin-top: 80px;
  }
}
@media (max-width: 1659px) {
  .modal .form-label-group input:not(:placeholder-shown) ~ label,
  .modal .form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: 0;
  }
  .modal .form-label-group .form-control {
    height: 62px;
    font-size: 23px;
  }
  .modal .form-label-group label {
    font-size: 19px;
  }
  .modal-login .modal-dialog {
    max-width: 637px;
  }
  .modal-login .modal-header {
    padding: 15px 60px;
    padding-bottom: 80px;
    background-size: 100% 100%;
  }
  .modal-login .modal-title {
    font-size: 54px;
  }
  .modal-login .modal-body {
    padding: 15px 90px;
  }
  .modal-login .modal-footer {
    justify-content: space-between;
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 75px;
    padding-top: 15px;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 28px;
  }
  .modal-footer .link-white {
    margin-left: 10px;
  }
}
@media (max-width: 1559px) {
  .modal .form-label-group .form-control {
    height: 58px;
    font-size: 21px;
  }
  .modal .form-label-group label {
    font-size: 18px;
  }
  .modal-login .modal-dialog {
    max-width: 544px;
  }
  .modal-login .modal-header {
    padding: 15px 45px;
    padding-bottom: 60px;
  }
  .modal-login .modal-title {
    font-size: 50px;
  }
  .modal-login .modal-body {
    padding: 15px 55px;
  }
  .modal-login .modal-footer {
    justify-content: space-between;
    padding-left: 55px;
    padding-right: 55px;
    padding-bottom: 60px;
    padding-top: 10px;
  }
  .modal-login .modal-footer .btn-yellow-sm {
    width: 200px;
    font-size: 19px;
    height: 60px;
  }
  .modal-login .modal-footer .link-white {
    font-size: 16px;
  }
  .modal-reg .modal-dialog {
    max-width: 987px;
  }
  .modal-reg .modal-header {
    padding: 15px 45px;
    padding-bottom: 60px;
    background-size: 100% 100%;
  }
  .modal-reg .modal-title {
    font-size: 50px;
  }
  .modal-reg .modal-body {
    padding: 15px 25px;
  }
  .modal-reg .modal-body .form-group-col {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-reg .modal-footer {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 60px;
    padding-top: 15px;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 26px;
  }
}
@media (max-width: 1359px) {
  .modal .form-label-group .form-control {
    height: 54px;
    font-size: 20px;
  }
  .modal .form-label-group label {
    font-size: 17px;
  }
  .modal-login .modal-dialog {
    max-width: 450px;
  }
  .modal-login .modal-header {
    padding: 10px 35px;
    padding-bottom: 50px;
  }
  .modal-login .modal-title {
    font-size: 44px;
  }
  .modal-login .modal-body {
    padding: 15px 40px;
  }
  .modal-login .modal-footer {
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 5px;
  }
  .modal-login .modal-footer .btn-yellow-sm {
    width: 160px;
    font-size: 16px;
    height: 52px;
    background-size: 100% auto;
  }
  .modal-login .modal-footer .link-white,
  .modal-login .modal-footer .registration-mobile .reg {
    margin-left: 5px;
    font-size: 15px;
    margin-right: 0;
  }
  .modal-reg .modal-dialog {
    max-width: 764px;
  }
  .modal-reg .modal-header {
    padding: 10px 35px;
    padding-bottom: 40px;
  }
  .modal-reg .modal-title {
    font-size: 44px;
  }
  .modal-reg .modal-body {
    padding: 15px 25px;
  }
  .modal-reg .modal-body .form-group-col {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-reg .modal-footer {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 5px;
  }
  .bootstrap-select .filter-option-inner-inner {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1359px) {
  .modal-gallery .modal-content {
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 1235px) {
  .modal-gallery .carousel-control-next {
    right: -15px;
  }
  .modal-gallery .carousel-control-prev {
    left: -15px;
  }
}
@media (max-width: 1199px) {
  .modal-gallery .modal-body {
    padding: 30px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .modal-dialog {
    margin-top: 20px;
  }
  .bootstrap-select .btn {
    font-size: 25px;
  }
  .modal-reg .modal-body {
    padding-left: 55px;
    padding-right: 55px;
  }
  .modal-gallery .modal-header .close {
    top: 5px;
    right: 5px;
  }
  .modal-reg .bootstrap-select .filter-option-inner-inner {
    font-size: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-login .modal-header .close,
  .modal-gallery .modal-header .close {
    text-align: center;
    display: block;
    line-height: 44px;
  }
  .modal-login .modal-header .close::after,
  .modal-gallery .modal-header .close::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .modal-login .modal-header .close img,
  .modal-gallery .modal-header .close img {
    display: inline-block;
    padding-bottom: 3px;
  }
}
@media (max-width: 991px) {
  .modal-gallery .modal-title {
    font-size: 55px;
  }
  .modal-gallery-text {
    height: auto;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .modal-dialog {
    max-width: 632px;
    margin-top: 0px;
  }
  .modal-header .close {
    right: 5px;
    top: 5px;
  }
  .modal-header {
    background-size: 632px auto;
  }
  .modal-title {
    font-size: 50px;
  }
  .modal-body {
    padding: 15px 75px;
  }
  .modal-footer {
    padding-left: 75px;
    padding-right: 75px;
  }
  .modal-reg .modal-body {
    padding-left: 5px;
    padding-right: 5px;
  }
  .modal-reg .modal-header {
    padding-bottom: 60px;
  }
  .modal-reg .modal-footer {
    margin-top: 40px;
  }
  .modal-reg .modal-header {
    background: #c2a036;
  }
  .modal-reg .modal-header {
    padding-bottom: 20px;
  }
  .modal-login .modal-footer {
    flex-wrap: wrap;
    padding-top: 0;
    display: flex;
    flex-direction: column;
  }
  .registration-mobile {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .modal-footer .link-white {
    margin-left: 0;
    margin-top: 15px;
  }
  .modal-gallery .modal-dialog {
    padding-left: 0;
    padding-right: 0;
  }
  .modal-gallery .modal-title {
    font-size: 56px;
  }
  .modal-gallery-content p {
    font-size: 16px;
  }
  .cert-icons {
    padding-top: 30px;
  }
  .cert-icons-item,
  .cert-icons p {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .modal-gallery .modal-body {
    padding-top: 0;
    padding-bottom: 15px;
  }
}
.modal-login button {
  cursor: pointer;
}

@media (max-width: 575px) {
  .modal-login .modal-header {
    padding: 25px;
    padding-top: 20px;
  }
  .modal-header {
    padding: 25px;
    padding-left: 20px;
    padding-right: 60px;
    background: #c2a036;
  }
  .modal-gallery .modal-header {
    padding-bottom: 40px;
  }
  .modal-title {
    font-size: 40px;
    line-height: 1;
  }
  .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-footer {
    padding-top: 0;
    display: flex;
    flex-direction: column;
  }
  .modal-footer .link-white {
    margin-left: 0;
    margin-top: 15px;
  }
}
/* END Modal */
.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label,
.form-label-group > textarea {
  height: 3.125rem;
  padding: 0.75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder,
.form-label-group textarea::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder,
.form-label-group textarea::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder,
.form-label-group textarea::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown),
.form-label-group textarea:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder,
  .form-label-group textarea::-ms-input-placeholder {
    color: #777;
  }
}
/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder,
  .form-label-group textarea:-ms-input-placeholder {
    color: #777;
  }
}
.main-section .image-text {
  display: flex;
  justify-content: space-between;
}

.main-section .image-text .image {
  position: static;
}

.main-section.reverse .section-btn {
  justify-content: flex-start;
}

.main-section.bigger-pack {
  background: url("/images/eighty8/bigger-pack-bg.jpg") no-repeat top center;
  background-size: contain;
  margin-top: 0;
}

.main-section.bigger-pack .text h2 {
  line-height: 1.25;
}

.main-section.bigger-pack .text h2::selection {
  -webkit-text-fill-color: #fff;
}

.main-section.bigger-pack .text h3 {
  line-height: 1;
}

.main-section.bigger-pack .text h3::selection {
  -webkit-text-fill-color: #fff;
}

.main-section.bigger-pack .text h2,
.main-section.bigger-pack .text h3 {
  color: #88b635;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-bigger-pack.jpg");
}

.main-section.bigger-pack .text h2::selection,
.main-section.bigger-pack .text h3::selection {
  background-color: #88b635;
}

.main-section.bigger-pack .text ul li::selection {
  color: #fff;
  background-color: #88b635;
}

.main-section.bigger-pack .text ul li span::selection {
  color: #fff;
  background-color: #88b635;
}

.main-section.bigger-pack .text ul li a::selection {
  color: #88b635;
  background: #fff;
}

.main-section.bigger-pack .text ul li:first-child::before {
  background: url("/images/eighty8/bigger-pack-icon.png") no-repeat center;
  background-size: 100%;
}

.main-section.bigger-pack .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/bigger-pack-icon2.png") no-repeat center;
  background-size: 90%;
}

.main-section.bigger-pack .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/bigger-pack-icon3.png") no-repeat center;
  background-size: 85%;
}

/* new-brand */
.main-section.new-brand {
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.main-section.new-brand .text h2 {
  line-height: 1.25;
}

.main-section.new-brand .text h2::selection {
  -webkit-text-fill-color: #000;
}

.main-section.new-brand .text h3 {
  line-height: 1;
}

.main-section.new-brand .text h3::selection {
  -webkit-text-fill-color: #000;
}

.main-section.new-brand .text h2,
.main-section.new-brand .text h3 {
  color: #fff;
  background: transparent;
  -webkit-text-fill-color: #fff;
}

.main-section.new-brand .text h2 {
  font-size: 210px;
  font-family: "Bebas Neue";
  line-height: 1;
}

.main-section.new-brand .text h3 {
  text-align: right;
  color: #939393;
  background: transparent;
  -webkit-text-fill-color: #939393;
  margin-top: -25px;
}

.main-section.new-brand .text h2::selection,
.main-section.new-brand .text h3::selection {
  color: #000;
  background-color: white;
  -webkit-text-fill-color: #fff;
}

.main-section.new-brand .text > ul {
  position: relative;
  z-index: 3;
}

.main-section.new-brand .text > ul li {
  font-weight: 600;
  padding-right: 120px;
  margin-right: -25px;
}

.main-section.new-brand .text ul li::selection {
  color: #000;
  background-color: #c2a036;
}

.main-section.new-brand .text ul li span::selection {
  color: #000;
  background-color: #c2a036;
}

.main-section.new-brand .text ul li a::selection {
  color: #c2a036;
  background: #000;
}

.main-section.new-brand .text ul li:first-child::before {
  background: url("/images/eighty8/no-label-icon.png") no-repeat center;
  background-size: 100%;
}

.main-section.new-brand .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/no-label-icon2.png") no-repeat center;
  background-size: 90%;
}

.main-section.new-brand .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/no-label-icon3.png") no-repeat center;
  background-size: 85%;
}

.main-section.new-brand .image {
  top: 40px;
}

.section-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  position: relative;
  z-index: 3;
}
.section-btn .btn {
  height: 80px;
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 1659px) {
  .main-section.new-brand .image {
    width: 810px;
    left: 0;
  }
  .main-section.new-brand .text h2 {
    font-size: 160px;
  }
}
@media (max-width: 1359px) {
  .main-section.new-brand .image {
    width: 710px;
    left: 0;
  }
  .main-section.new-brand .text h2 {
    font-size: 135px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 105px;
  }
}
@media (max-width: 1199px) {
  .main-section.new-brand .image {
    width: 550px;
    left: 0;
  }
  .main-section.new-brand .text h2 {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .main-section.new-brand {
    margin-top: -30px;
  }
  .main-section.new-brand .image {
    width: 600px;
    left: -30px;
  }
  .main-section.new-brand .text h2 {
    font-size: 106px;
  }
  .main-section.new-brand .text h3 {
    margin-top: -12px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 90px;
  }
}
@media (max-width: 767px) {
  .main-section.new-brand {
    margin-bottom: 0;
    padding-bottom: 80px;
  }
  .main-section.new-brand .image {
    width: 440px;
    left: -50px;
  }
  .main-section.new-brand .text > ul li {
    margin-right: -10px;
  }
  .main-section.new-brand .text h2 {
    font-size: 54px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 60px;
  }
  .main-section.new-brand .section-btn {
    justify-content: flex-end;
  }
  .main-section.new-brand .section-btn .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.new-brand {
    margin-top: -30px !important;
  }
  .main-section.new-brand .image {
    width: 335px;
    left: 0;
    top: 15px;
  }
  .main-section.new-brand .text > ul li {
    margin-right: 0;
  }
  .main-section.new-brand .text h2 {
    font-size: 42px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 45px;
  }
}
@media (max-width: 499px) {
  .main-section.new-brand {
    margin-top: -30px;
  }
  .main-section.new-brand .image {
    width: 350px;
    left: -70px;
  }
  .main-section.new-brand .text h2 {
    font-size: 42px;
  }
  .main-section.new-brand .text h3 {
    margin-top: -5px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 45px;
  }
}
@media (max-width: 429px) {
  .main-section.new-brand .image {
    width: 350px;
    left: -80px;
  }
  .main-section.new-brand .text h2 {
    font-size: 42px;
  }
  .main-section.new-brand .text > ul li {
    padding-right: 40px;
  }
}
/* END reseller */
/* reseller */
.main-section.reseller {
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
.main-section.reseller .image {
  width: 1180px;
}
.main-section.reseller .image img {
  transform: translateX(100px);
}

.main-section.reseller .text h2 {
  line-height: 1.25;
}

.main-section.reseller .text h2::selection {
  -webkit-text-fill-color: #000;
}

.main-section.reseller .text h3 {
  line-height: 1;
}

.main-section.reseller .text h3::selection {
  -webkit-text-fill-color: #000;
}

.main-section.reseller .text h2,
.main-section.reseller .text h3 {
  color: #c2a036;
  background: transparent;
  -webkit-text-fill-color: #c2a036;
}

.main-section.reseller .text h2 {
  font-size: 210px;
  font-family: "Bebas Neue";
  line-height: 1;
}

.main-section.reseller .text h3 {
  width: 349px;
  margin-top: -25px;
}

.main-section.reseller .text h2::selection,
.main-section.reseller .text h3::selection {
  color: #000;
  background-color: #c2a036;
  -webkit-text-fill-color: #000;
}

.main-section.reseller .text > ul li {
  font-weight: 600;
  padding-left: 120px;
  margin-left: -25px;
}

.main-section.reseller .text ul li::selection {
  color: #000;
  background-color: #c2a036;
}

.main-section.reseller .text ul li span::selection {
  color: #000;
  background-color: #c2a036;
}

.main-section.reseller .text ul li a::selection {
  color: #c2a036;
  background: #000;
}

.main-section.reseller .text ul li:first-child::before {
  background: url("/images/eighty8/reseller-icon-2.png") no-repeat center;
  background-size: 100%;
}

.main-section.reseller .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/reseller-icon-2-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.reseller .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/reseller-icon-2-3.png") no-repeat center;
  background-size: 85%;
}

@media (max-width: 1659px) {
  .main-section.reseller .image {
    width: 1020px;
  }
  .main-section.reseller .text h2 {
    font-size: 160px;
  }
  .main-section.reseller .text h3 {
    width: 270px;
  }
}
@media (max-width: 1559px) {
  .main-section.reseller .image {
    width: 950px;
  }
  .main-section.reseller .text h2 {
    font-size: 135px;
  }
}
@media (max-width: 1359px) {
  .main-section.reseller .image {
    width: 850px;
  }
  .main-section.reseller .text h2 {
    font-size: 105px;
  }
  .main-section.reseller .text h3 {
    width: 200px;
    margin-top: -5px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 105px;
  }
}
@media (max-width: 1199px) {
  .main-section.reseller .image {
    width: 750px;
  }
  .main-section.reseller .text h2 {
    font-size: 90px;
  }
  .main-section.reseller .text h3 {
    width: 180px;
    margin-top: -5px;
  }
}
@media (max-width: 991px) {
  .main-section.reseller .image {
    width: 750px;
  }
  .main-section.reseller .image img {
    transform: translateX(150px);
  }
  .main-section.reseller .text h2 {
    font-size: 106px;
  }
  .main-section.reseller .text h3 {
    width: 155px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 90px;
  }
}
@media (max-width: 767px) {
  .main-section.reseller .image {
    width: 550px;
  }
  .main-section.reseller .image img {
    transform: translateX(100px);
  }
  .main-section.reseller .text > ul li {
    margin-left: -10px;
  }
  .main-section.reseller .text h2 {
    font-size: 54px;
  }
  .main-section.reseller .text h3 {
    width: 120px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 60px;
  }
  .main-section.reseller .section-btn {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .main-section.reseller .image {
    width: 400px;
  }
  .main-section.reseller .image img {
    transform: translateX(0);
  }
  .main-section.reseller .text > ul li {
    margin-left: 0;
  }
  .main-section.reseller .text h2 {
    font-size: 42px;
  }
  .main-section.reseller .text h3 {
    width: 90px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 45px;
  }
}
@media (max-width: 499px) {
  .main-section.reseller .image {
    width: 400px;
  }
  .main-section.reseller .image img {
    transform: translateX(70px);
  }
  .main-section.reseller .text h2 {
    font-size: 42px;
  }
  .main-section.reseller .text h3 {
    width: 80px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 45px;
  }
}
@media (max-width: 429px) {
  .main-section.reseller .image {
    width: 345px;
  }
  .main-section.reseller .image img {
    transform: translateX(80px);
  }
  .main-section.reseller .text h2 {
    font-size: 42px;
  }
  .main-section.reseller .text h3 {
    width: 70px;
  }
  .main-section.reseller .text > ul li {
    padding-left: 40px;
  }
}
/* END reseller */
/* Franchising vending */
.main-section.vending .text h3 {
  color: #c6c6c6;
  -webkit-text-fill-color: unset;
}
.main-section.vending .text ul {
  max-width: 520px;
}

@media (min-width: 1660px) {
  .main-section.bigger-pack {
    margin-top: -30px;
  }
}
/* Form subpage */
#cf {
  margin-top: -80px;
}

.form-subpage-wrap {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 120px;
}

.form-subpage-wrap h3 {
  color: #c2a036;
  font-family: "Bebas Neue", cursive;
  font-size: 45px;
  font-weight: 400;
  margin-bottom: 23px;
}

.form-subpage-wrap h3::selection {
  background-color: #c2a036;
  -webkit-text-fill-color: #000;
}

.form-subpage {
  display: flex;
  width: 100%;
  position: relative;
}

.form-subpage::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  border-radius: 10px;
  background-image: linear-gradient(58.27deg, #382900 0%, #bf9d34 22%, #382900 50%, #bf9d34 77%, #382900 100%);
  background-size: 100% 100%;
}

.form-subpage form {
  width: 100%;
}

.form-subpage .form {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 10px;
  background: #000000 url("/images/eighty8/sklo.jpg") no-repeat top left;
  padding-left: 67px;
  padding-right: 67px;
  padding-top: 68px;
  padding-bottom: 80px;
}

.form-subpage .btn {
  margin-top: 60px;
  height: 60px;
}

@media (max-width: 991px) {
  #cf {
    margin-top: -60px;
  }
  .form-subpage-wrap {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .form-subpage .form {
    padding: 30px;
  }
  .form-subpage .form .form-group-col {
    padding-left: 0;
    padding-right: 0;
  }
  .form-subpage .form .btn {
    margin-top: 30px;
  }
  #cf {
    margin-top: -40px;
  }
  .form-subpage-wrap {
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .form-subpage .form {
    padding: 25px 15px;
  }
  .form-subpage .btn {
    margin-top: 20px;
  }
  .form-subpage-wrap h3 {
    font-size: 32px;
    margin-bottom: 18px;
  }
  #cf {
    margin-top: -20px;
  }
  .form-subpage-wrap {
    padding-top: 60px;
  }
}
/* END Form subpage */
@media (max-width: 1659px) {
  .main-section.bigger-pack .image {
    width: 800px;
  }
  .section-btn .btn {
    max-width: 210px;
    height: 80px;
  }
}
@media (max-width: 1559px) {
  .main-section.bigger-pack .image {
    width: 700px;
  }
  .section-btn .btn {
    max-width: 190px;
    height: 78px;
    font-size: 19px;
  }
}
@media (max-width: 1359px) {
  .main-section.bigger-pack .image {
    width: 580px;
  }
  .section-btn .btn {
    max-width: 175px;
    height: 72px;
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .main-section .image-text {
    flex-wrap: wrap;
    align-items: center;
  }
  .main-section .image-text .image {
    position: absolute;
  }
  .main-section.bigger-pack .image-text {
    justify-content: flex-end;
  }
  .main-section.bigger-pack .image {
    width: 420px;
    position: absolute;
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .main-section .image-text .image {
    justify-content: center;
    max-width: unset;
    margin-left: 0;
  }
  .main-section .image-text .section-btn .btn,
  .main-section.new-brand .section-btn .btn,
  .main-section.reseller .section-btn .btn {
    max-width: 165px;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    background-size: 100% auto;
  }
  .main-section .image-text .image img {
    max-width: 360px;
  }
  .main-section.bigger-pack .image {
    width: auto;
  }
  .main-section.bigger-pack .image img {
    max-width: 280px;
    margin-left: 20px;
  }
  .main-section.bigger-pack .section-btn {
    justify-content: flex-end;
  }
  .main-section.reseller,
  .main-section.new-brand {
    background-position: top left;
    background-size: 100% auto !important;
    margin-top: 0;
  }
  .section-btn {
    justify-content: flex-start;
  }
  .main-section.new-brand .text h3 {
    padding-left: 23px;
  }
}
@media (max-width: 575px) {
  .main-section.bigger-pack {
    padding-bottom: 0;
  }
  .main-section.bigger-pack .image img {
    max-width: 190px;
    margin-left: 20px;
  }
  .section-btn .btn {
    margin-top: 10px;
    height: 55px;
    width: 165px;
    font-size: 16px;
  }
  .main-section .image-text .section-btn .btn,
  .main-section.new-brand .section-btn .btn,
  .main-section.reseller .section-btn .btn {
    max-width: 140px;
    height: 40px;
    font-size: 12px;
    background-size: 100% auto;
  }
}
/* Image Text Section */
.image-text-section {
  background: url("/images/eighty8/image-text-section-bg.jpg") no-repeat top center;
  background-image: none;
  background-size: contain;
  margin-top: 25px;
}

.image-text-section .text-col {
  display: flex;
  align-items: center;
}

.image-text-section .text h2 {
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 100px;
  font-weight: 400;
  margin-bottom: 50px;
}

.image-text-section.blog-detail h1 {
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 100px;
  font-weight: 400;
  margin-bottom: 0px;
}
.image-text-section.blog-detail h2 {
  font-size: 70px;
}
@media (max-width: 575px) {
  .image-text-section.blog-detail .text img {
    max-width: 100%;
    height: auto !important;
    float: none !important;
  }
}
.image-text-section.blog-detail .text-col {
  display: block;
}

.image-text-section .text h2 a {
  text-decoration: none;
}

.image-text-section .text p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.64;
  margin-bottom: 60px;
}

.image-text-section.blog-detail .text strong {
  font-weight: 800;
}
.image-text-section.blog-detail .text h2 {
  margin-bottom: 20px;
}
.image-text-section.blog-detail .text p {
  margin-bottom: 60px;
}
.image-text-section.blog-detail .text ul,
.image-text-section.blog-detail .text ol {
  list-style: none !important;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.image-text-section.blog-detail .text ul h2,
.image-text-section.blog-detail .text ul h4,
.image-text-section.blog-detail .text ol h2,
.image-text-section.blog-detail .text ol h4 {
  font-size: 26px;
  margin-bottom: 0;
}
.image-text-section.blog-detail .text ul li,
.image-text-section.blog-detail .text ol li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.5px;
}
.image-text-section.blog-detail .text ul li > ol > li,
.image-text-section.blog-detail .text ul li > ul > li,
.image-text-section.blog-detail .text ol li > ol > li,
.image-text-section.blog-detail .text ol li > ul > li {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.8px;
  font-family: "Montserrat", sans-serif;
}
.image-text-section.blog-detail .text ul li > ol > li::before,
.image-text-section.blog-detail .text ul li > ul > li::before,
.image-text-section.blog-detail .text ol li > ol > li::before,
.image-text-section.blog-detail .text ol li > ul > li::before {
  top: 5px;
}
.image-text-section.blog-detail .text ul li::before,
.image-text-section.blog-detail .text ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #c2a036;
}
.image-text-section.blog-detail .text ul li a:hover,
.image-text-section.blog-detail .text ol li a:hover {
  color: #c2a036;
}

.image-text-section .image-col {
  display: flex;
  align-items: center;
}

.image-text-section .image {
  margin-left: -70px;
}

.image-text-section.reverse {
  background-size: contain;
}

.image-text-section.reverse .image-col {
  order: 2;
}

.image-text-section.reverse .text-col {
  order: 1;
}

.image-text-section.reverse .image {
  margin-left: 0;
  margin-right: -70px;
}

@media (min-width: 1660px) {
  .image-text-section .text-col {
    max-width: 700px;
    flex: 0 0 700px;
    padding-left: 30px;
  }
  .image-text-section .image-col {
    max-width: 900px;
    flex: 0 0 900px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .image-text-section .text h2 {
    font-size: 92px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 92px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 68px;
  }
  .image-text-section .text p {
    font-size: 21px;
  }
  .image-text-section .text .btn {
    max-width: 210px;
    height: 83px;
  }
  .image-text-section .image-col .image {
    text-align: center;
    width: 100%;
    margin-left: 30px;
  }
  .image-text-section .image-col .image img {
    max-width: 800px;
    display: inline-block;
  }
  .image-text-section.reverse .image-col .image {
    margin-right: 30px;
    margin-left: 0;
  }
  .blog-link .link-yellow {
    font-size: 29px;
  }
}
@media (min-width: 1200px) and (max-width: 1559px) {
  .image-text-section .text h2 {
    font-size: 84px;
    margin-bottom: 30px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 84px;
    margin-bottom: 30px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 60px;
  }
  .image-text-section .text p {
    font-size: 20px;
    margin-bottom: 45px;
  }
  .image-text-section .text .btn {
    max-width: 185px;
    height: 75px;
    font-size: 19px;
  }
  .image-text-section .image-col .image {
    margin-left: 30px;
  }
  .image-text-section .image-col .image img {
    max-width: 700px;
  }
  .image-text-section.reverse .image-col .image {
    margin-right: 30px;
    margin-left: 0;
  }
  .blog-link .link-yellow {
    font-size: 28px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .image-text-section .text h2 {
    font-size: 72px;
    margin-bottom: 25px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 72px;
    margin-bottom: 25px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 56px;
  }
  .image-text-section .text p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .image-text-section .text .btn {
    max-width: 150px;
    height: 60px;
    font-size: 17px;
  }
  .image-text-section .image-col .image {
    margin-left: 70px;
    margin-top: 60px;
  }
  .image-text-section .image-col .image img {
    max-width: 550px;
  }
  .image-text-section.reverse .image-col .image {
    margin-right: 70px;
    margin-left: 0;
    margin-top: 60px;
  }
  .blog-link .link-yellow {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .image-text-section .text h2 {
    font-size: 64px;
    margin-bottom: 30px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 64px;
    margin-bottom: 30px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 48px;
  }
  .image-text-section .text p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  .image-text-section .text .btn {
    max-width: 150px;
    height: 60px;
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .image-text-section .text h2 {
    font-size: 48px;
    margin-bottom: 20px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 48px;
    margin-bottom: 20px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 38px;
  }
  .image-text-section .text p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .image-text-section .text .btn {
    height: 70px;
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .image-text-section.reverse {
    background: url("/images/eighty8/image-text-section-bg.jpg") no-repeat top center;
    background-size: contain;
  }
  .image-text-section.reverse .image-col {
    order: 1;
  }
  .image-text-section.reverse .text-col {
    order: 2;
  }
  .image-text-section .image {
    width: 360px;
    margin-left: 0;
  }
  .image-text-section {
    margin-top: 40px;
  }
  .image-text-section .text p {
    font-size: 16px;
  }
  .image-text-section .text h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .image-text-section.blog-detail h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .image-text-section.blog-detail h2 {
    font-size: 36px;
  }
  .image-text-section .text .btn {
    height: 60px;
    width: 170px;
    font-size: 17px;
  }
  .image-text-section.blog-detail .text h2 {
    margin-bottom: 15px;
  }
  .image-text-section.blog-detail .text p {
    margin-bottom: 40px;
  }
  .image-text-section.blog-detail .text ul h2 {
    font-size: 20px;
  }
  .image-text-section.blog-detail .text ul li::before {
    top: 7px;
  }
}
@media (max-width: 575px) {
  .image-text-section {
    margin-top: 40px;
  }
  .image-text-section.blog-detail {
    margin-top: 0;
  }
  .image-text-section .text h2 {
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 36px;
  }
  .image-text-section.blog-detail h2 {
    margin-top: 0;
    font-size: 32px;
  }
  .image-text-section.blog-detail h1 {
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 36px;
  }
  .image-text-section .text p {
    font-size: 15px;
  }
  .image-text-section.reverse .image {
    margin-right: 0;
  }
  .image-text-section .text .btn {
    height: 50px;
    width: 150px;
    font-size: 15px;
  }
  .image-text-section .image img {
    width: 100%;
  }
}
/* END Image Text Section */
.main-title.reverse .main-title-text-wrap {
  order: 2;
}

.main-title.reverse .main-title-image-wrap {
  order: 1;
}

.about-title .main-title-text {
  text-align: right;
  position: relative;
  z-index: 12;
  padding-top: 0;
}

.about-title .main-title-text h1 {
  font-size: 200px;
  line-height: 0.62;
  font-family: "Bebas Neue", cursive;
  font-weight: 400;
}

.about-title .main-title-text h1 span {
  font-size: 130px;
}

.about-title .main-title-text h1 small {
  font-size: 120px;
  display: block;
  font-weight: 400;
  line-height: 1;
  margin-top: 20px;
}

.about-title .main-title-text .logo img {
  max-width: 320px;
}

@media (min-width: 1660px) {
  .about-title .main-title-image {
    margin-top: -40px;
    margin-left: -40px;
  }
  .about-title .main-title-image img {
    max-width: 880px;
  }
  .about-title .main-title-text {
    padding-top: 50px;
  }
  .about-title .main-title-text-wrap {
    max-width: 900px;
    flex: 0 0 900px;
  }
  .about-title .main-title-image-wrap {
    max-width: 630px;
    flex: 0 0 630px;
  }
}
@media (max-width: 1659px) {
  .about-title .main-title-text h1 {
    font-size: 160px;
  }
  .about-title .main-title-text h1 span {
    font-size: 110px;
  }
  .about-title .main-title-text h1 small {
    font-size: 95px;
  }
  .about-title .main-title-text .logo {
    width: 270px;
    margin-left: auto;
  }
  .about-title .main-title-text .logo img {
    max-width: 100%;
  }
  .about-title .main-title-text {
    padding-top: 0;
  }
}
@media (max-width: 1559px) {
  .about-title .main-title-text h1 {
    font-size: 150px;
  }
  .about-title .main-title-text h1 span {
    font-size: 100px;
  }
  .about-title .main-title-text h1 small {
    font-size: 95px;
  }
  .about-title .main-title-text .logo {
    width: 260px;
  }
}
@media (max-width: 1359px) {
  .about-title .main-title-text h1 {
    font-size: 135px;
  }
  .about-title .main-title-text h1 span {
    font-size: 82px;
  }
  .about-title .main-title-text h1 small {
    font-size: 72px;
  }
  .about-title .main-title-text .logo {
    width: 230px;
  }
  .main-title-image {
    margin-top: -80px;
  }
  .about-title .main-title-text {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .about-title .main-title-text h1 {
    font-size: 110px;
  }
  .about-title .main-title-text h1 span {
    font-size: 68px;
  }
  .about-title .main-title-text h1 small {
    font-size: 53px;
  }
  .about-title .main-title-text .logo {
    width: 170px;
  }
  .main-title-image {
    margin-top: -80px;
  }
  .about-title .main-title-text {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  .about-title .main-title-text-wrap {
    padding-left: 0;
  }
  .about-title .main-title-text h1 {
    font-size: 95px;
  }
  .about-title .main-title-text h1 span {
    font-size: 52px;
  }
  .about-title .main-title-text h1 small {
    font-size: 48px;
    margin-top: 15px;
  }
  .about-title .main-title-text .logo {
    margin-top: 0 !important;
    width: 155px;
  }
  .main-title-image {
    margin-top: -80px;
  }
  .about-title .main-title-text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .about-title .main-title-text h1 {
    font-size: 70px;
  }
  .about-title .main-title-text h1 span {
    font-size: 45px;
  }
  .about-title .main-title-text h1 small {
    font-size: 36px;
  }
  .about-title .main-title-text .logo {
    width: 115px;
  }
  .main-title-image {
    margin-top: -40px;
  }
  .about-title .main-title-text {
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .about-title .main-title-image {
    width: 260px;
  }
  .about-title .main-title-text h1 {
    font-size: 48px;
    text-align: right;
  }
  .about-title .main-title-text h1 span {
    font-size: 24px;
  }
  .about-title .main-title-text h1 small {
    font-size: 21px;
    text-align: right;
    margin-top: 10px;
  }
  .about-title .main-title-text .logo {
    margin-top: 7px !important;
    width: 75px;
    margin-left: auto;
    margin-right: unset;
  }
  .main-title-image {
    margin-top: 0;
  }
}
/* Main Advantages */
.main-advantages {
  background: url("/images/eighty8/main-advantages-bg.jpg") no-repeat top right;
  background-size: contain;
}

.main-advantages ul {
  list-style: none;
}

.main-advantages ul li {
  display: flex;
  align-items: center;
}

.main-advantages ul li:not(:first-child) {
  margin-top: -35px;
}

.main-advantages ul li .icon {
  margin-top: -15px;
  width: 200px;
  height: 200px;
  flex: 0 0 200px;
  max-width: 200px;
}

.main-advantages ul li .item-text h3 {
  color: #ffffff;
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
}

.main-advantages ul li .item-text h3::selection {
  background-color: #c2a036;
}

.main-advantages ul li .item-text p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
}

.main-advantages ul li .item-text p::selection {
  background-color: #c2a036;
}

.main-advantages .ma-image-col {
  display: none;
}

@media (min-width: 768px) {
  .main-advantages .ma-image-col {
    display: block;
  }
}
@media (max-width: 1659px) {
  .main-advantages ul li .icon {
    width: 180px;
    height: 180px;
    flex: 0 0 180px;
    max-width: 180px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 64px;
  }
  .main-advantages ul li .item-text p {
    font-size: 22px;
  }
  .main-advantages .image {
    width: 100%;
    max-width: 580px;
  }
}
@media (max-width: 1559px) {
  .main-advantages ul li .icon {
    width: 160px;
    height: 160px;
    flex: 0 0 160px;
    max-width: 160px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 54px;
  }
  .main-advantages ul li .item-text p {
    font-size: 20px;
  }
  .main-advantages .image {
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 1359px) {
  .main-advantages ul li .icon {
    width: 140px;
    height: 140px;
    flex: 0 0 140px;
    max-width: 140px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 46px;
  }
  .main-advantages ul li .item-text p {
    font-size: 16px;
  }
  .main-advantages .image {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 1199px) {
  .main-advantages ul li .icon {
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 40px;
  }
  .main-advantages ul li .item-text p {
    font-size: 14px;
  }
  .main-advantages .image {
    width: 100%;
    max-width: 360px;
  }
}
@media (max-width: 991px) {
  .main-advantages ul li .icon {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    max-width: 100px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 34px;
  }
  .main-advantages ul li .item-text p {
    font-size: 14px;
  }
  .main-advantages ul li:not(:first-child) {
    margin-top: -20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [lang=de] .main-advantages ul li {
    padding-bottom: 20px;
  }
  .main-advantages ul li .icon {
    flex: 0 0 100px;
    max-width: 100px;
  }
}
@media (max-width: 767px) {
  .main-advantages {
    padding-top: 30px;
  }
  .main-advantages .image-col {
    order: 1;
  }
  .main-advantages .text-col {
    order: 2;
  }
  .main-advantages .image {
    max-width: 230px;
    text-align: center;
  }
  .main-advantages .image img {
    display: inline-block;
  }
  .main-advantages ul li .icon {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    max-width: 80px;
  }
  .main-advantages ul li .item-text h3 {
    font-size: 30px;
  }
  .main-advantages ul li .item-text p {
    font-size: 13px;
  }
  .main-advantages ul li:not(:first-child) {
    margin-top: 0px;
  }
  .main-advantages .text {
    justify-content: center;
    display: flex;
  }
  .main-advantages ul {
    margin-top: 30px;
    display: inline-flex;
    flex-direction: column;
  }
  .main-advantages ul li {
    display: inline-flex;
  }
}
@media (max-width: 575px) {
  .main-advantages {
    padding-top: 0;
  }
}
/* END Main Advantages */
/* Pay Ship */
.pay-ship {
  margin-top: 60px;
}

.pay-ship h4 {
  color: #c2a036;
  font-family: "Bebas Neue", cursive;
  font-size: 45px;
  font-weight: 400;
  margin-bottom: 30px;
}

.pay-ship .item {
  background-color: #000;
  position: relative;
  border-radius: 10px;
}

.pay-ship .item.pay .icon img {
  max-height: 225px;
}

.pay-ship .item.pay .content {
  padding-right: 10px;
}

.pay-ship .item.ship .icon img {
  max-height: 190px;
}

.pay-ship .item.ship .content {
  padding-right: 27px;
}

.pay-ship .item .content {
  display: flex;
  position: relative;
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  background-color: #000;
  border-radius: 10px;
  padding: 0 50px;
}

.pay-ship .item::before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  border-radius: 10px;
  background: linear-gradient(-191deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
}

.pay-ship .item ul {
  list-style: none;
  position: relative;
  z-index: 3;
}

.pay-ship .item ul li {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 2.5;
}

.pay-ship .item ul li span,
.pay-ship .item ul li strong {
  color: #c2a036;
  font-weight: 600;
}

.pay-ship .item ul li span::selection,
.pay-ship .item ul li strong::selection {
  background-color: #c2a036;
  color: #000;
}

.pay-ship .item ul li::selection {
  background-color: #c2a036;
}

.pay-ship .item .icon {
  position: relative;
  z-index: 3;
  display: flex;
  width: 230px;
  height: 225px;
  justify-content: flex-end;
  align-items: center;
}

@media (min-width: 1360px) {
  .pay-ship .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .pay-ship [class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1659px) {
  .pay-ship h4 {
    margin-bottom: 25px;
    font-size: 43px;
  }
}
@media (max-width: 1559px) {
  .pay-ship h4 {
    margin-bottom: 20px;
    font-size: 40px;
  }
}
@media (max-width: 1359px) {
  .pay-ship h4 {
    margin-bottom: 15px;
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .pay-ship .item .icon {
    width: 200px;
    height: 200px;
  }
  .pay-ship .item.pay .icon img {
    max-height: 185px;
  }
  .pay-ship .item .content {
    padding-left: 30px;
    padding-right: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pay-ship .item ul li {
    font-size: 19px;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .pay-ship {
    margin-top: 40px;
  }
  .pay-ship .item {
    margin-bottom: 30px;
  }
  .pay-ship h4 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .pay-ship .item ul li {
    font-size: 17px;
  }
  .pay-ship .item .icon {
    width: 130px;
    height: 130px;
  }
  .pay-ship .item.pay .icon img {
    max-height: 140px;
  }
  .pay-ship .item .content {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .pay-ship {
    margin-top: 30px;
  }
  .pay-ship .item {
    margin-bottom: 30px;
  }
  .pay-ship h4 {
    font-size: 30px;
  }
  .pay-ship .item .icon {
    width: 100px;
    height: 100px;
  }
  .pay-ship .item.pay .icon img {
    max-height: 140px;
  }
  .pay-ship .item ul li {
    font-size: 16px;
    line-height: 2;
  }
}
/* END Pay Ship */
/* Icon Text */
.icon-text {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 70px;
}

.icon-text .icon-wrap {
  width: 106px;
}

.icon-text .icon {
  width: 69px;
  height: 69px;
  background-color: #a91919;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  padding-top: 0.5px;
  padding-right: 0.5px;
}

.icon-text .text {
  width: calc(100% - 106px);
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
}

.icon-text .text p {
  margin-bottom: 0;
}

.icon-text .text p {
  font-size: 18px;
}

@media (max-width: 991px) {
  .icon-text {
    margin-top: 25px;
  }
  .icon-text .text {
    font-size: 16px;
  }
  .icon-text .icon {
    width: 72px;
    height: 72px;
  }
  .icon-text .icon img {
    max-width: 50px;
  }
  .icon-text .icon-wrap {
    width: 96px;
  }
  .icon-text .text {
    width: calc(100% - 96px);
  }
}
@media (max-width: 767px) {
  .icon-text {
    margin-top: 30px;
  }
  .icon-text .text {
    font-size: 16px;
  }
  .icon-text .icon {
    width: 60px;
    height: 60px;
    padding-right: 1px;
    padding-bottom: 1px;
  }
  .icon-text .icon img {
    max-width: 45px;
  }
  .icon-text .icon-wrap {
    width: 84px;
  }
  .icon-text .text {
    width: calc(100% - 84px);
  }
}
@media (max-width: 575px) {
  .icon-text {
    margin-top: 20px;
  }
  .icon-text .text {
    font-size: 15px;
  }
}
/* END Icon Text */
.text-page {
  overflow-x: hidden;
}

.text-page h1 {
  font-size: 36px;
  color: #c2a036;
  font-weight: 800;
}

.text-page > .container {
  margin-top: 25px;
}

.body-path-o-cbd .text-page > .container {
  margin-top: 0;
}

.text-page .main-title .main-title-image {
  margin-top: -290px;
  margin-left: -270px;
}

.text-page .main-title .main-title-text h1 {
  font-size: 130px;
  color: #fff;
}

.text-page .main-title .main-title-text h1 small {
  font-size: 110px;
  line-height: 0.8;
}

.text-page .main-title .main-title-text h1 small span {
  font-size: 100px;
}

.text-page .main-title .main-title-text .logo img {
  max-width: 416px;
}

@media (max-width: 1919px) {
  .text-page {
    background-size: contain;
  }
}
@media (min-width: 1660px) {
  .text-page .main-title .main-title-image img {
    width: 747px;
  }
}
@media (max-width: 1659px) {
  .text-page .main-title .main-title-image {
    margin-top: -350px;
    margin-left: -180px;
    width: 680px;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 100px;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 84px;
    line-height: 0.8;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 76px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 316px;
  }
}
@media (max-width: 1559px) {
  .text-page .main-title .main-title-image {
    margin-top: -300px;
    margin-left: -170px;
    width: 600px;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 90px;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 76px;
    line-height: 0.8;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 66px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 265px;
  }
}
@media (max-width: 1359px) {
  .text-page .main-title .main-title-image {
    margin-top: -210px;
    margin-left: -150px;
    width: 480px;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 76px;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 62px;
    line-height: 0.8;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 56px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 220px;
  }
}
@media (max-width: 1199px) {
  .text-page .main-title .main-title-image {
    margin-top: -210px;
    margin-left: -150px;
    width: 400px;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 70px;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 58px;
    line-height: 0.8;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 52px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .text-page .main-title .main-title-image {
    margin-top: -200px;
    margin-left: -60px;
    width: auto;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 70px;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 58px;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 53px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 222px;
  }
}
@media (max-width: 767px) {
  .text-page {
    background: #000 url("/images/eighty8/text-page-bg2.jpg") no-repeat top 70px right;
    background-size: contain;
  }
  .text-page .main-title .main-title-image {
    margin-top: 0;
    width: 200px;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 48px;
    line-height: 0.9;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 40px;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 38px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 160px;
  }
  .main-title-text .logo {
    margin-top: 7px;
  }
  .body-path-o-cbd .main-title {
    z-index: 8;
  }
}
@media (max-width: 575px) {
  .text-page {
    background-size: 435px auto;
  }
  .text-page .main-title .main-title-image {
    margin-top: 0;
    width: 150px;
    margin-left: -60%;
  }
  .text-page .main-title .main-title-text h1 {
    font-size: 30px;
    line-height: 0.9;
  }
  .text-page .main-title .main-title-text h1 small {
    font-size: 24px;
  }
  .text-page .main-title .main-title-text h1 small span {
    font-size: 20px;
  }
  .text-page .main-title .main-title-text .logo {
    width: 80px;
  }
  .text-page .main-title .main-title-text .logo img {
    max-width: 100%;
  }
  .text-page .main-title .main-title-text .logo {
    margin-top: 7px;
  }
}
@media (max-width: 419px) {
  .text-page {
    background-position: 10px 60px;
  }
}
/* Text Image */
.text-image {
  margin-bottom: 50px;
}

.text-image.reverse .image-wrap {
  order: 1;
}

.text-image.reverse .text-wrap {
  order: 2;
}

.text-image .text-wrap {
  position: relative;
  z-index: 3;
}

.body-path-obchodni-podminky .text-image .text-wrap {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.text-image h2 {
  color: #4ab3c9;
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 70px;
}

.text-image p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 35px;
}

.text-image p strong {
  font-weight: 700;
  font-size: 30px;
}

.text-image.cbd .image {
  margin-left: -350px;
}

.text-image.cbd h2::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.cbd p::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.cbd p strong::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.how-cbd h2 {
  color: #98cf50;
}

.text-image.how-cbd h2::selection {
  background-color: #98cf50;
  color: #000;
}

.text-image.how-cbd p::selection {
  background-color: #98cf50;
  color: #000;
}

.text-image.how-cbd p strong::selection {
  background-color: #98cf50;
  color: #000;
}

.text-image.how-cbd .image {
  margin-left: -200px;
}

.text-image.cbd-help h2 {
  color: #c2a036;
}

.text-image.cbd-help h2::selection {
  background-color: #c2a036;
  color: #000;
}

.text-image.cbd-help p::selection {
  background-color: #c2a036;
  color: #000;
}

.text-image.cbd-help p strong::selection {
  background-color: #c2a036;
  color: #000;
}

.text-image.cbd-help .image {
  margin-left: -350px;
}

.text-image.cbd-help .text {
  padding-top: 120px;
}

.text-image.cbd-advantages {
  margin-bottom: 0;
}

.text-image.cbd-advantages h2::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.cbd-advantages p::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.cbd-advantages p strong::selection {
  background-color: #4ab3c9;
  color: #fff;
}

.text-image.cbd-advantages .image {
  margin-left: -450px;
}

.text-image.cbd-advantages .text {
  padding-top: 150px;
}

.text-image.cbd-advantages .text ul {
  list-style: none;
  margin-left: -15px;
}

.text-image.cbd-advantages .text ul li {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  padding-left: 66px;
  position: relative;
  margin-bottom: 40px;
}

.text-image.cbd-advantages .text ul li::before {
  content: "";
  left: 0;
  top: -14px;
  position: absolute;
  width: 66px;
  height: 66px;
  background: url("/images/eighty8/cbd-odrazka.svg") no-repeat center;
  background-size: contain;
}

@media (min-width: 1660px) {
  .text-wrap {
    max-width: 800px;
    flex: 0 0 800px;
  }
  .image-wrap {
    max-width: 800px;
    flex: 0 0 800px;
  }
}
@media (max-width: 1659px) {
  .text-image.cbd .image {
    margin-left: -350px;
    margin-top: 70px;
  }
  .text-image.cbd .image img {
    max-width: 1330px;
  }
  .text-image {
    margin-bottom: 40px;
  }
  .text-image h2 {
    font-size: 65px;
    margin-bottom: 60px;
  }
  .text-image p {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .text-image p strong {
    font-size: 28px;
  }
  .text-image.how-cbd .image {
    margin-top: 50px;
    margin-left: -170px;
  }
  .text-image.how-cbd .image img {
    max-width: 1000px;
  }
  .text-image.cbd-help .image {
    margin-top: 100px;
    margin-left: -400px;
  }
  .text-image.cbd-help .image img {
    max-width: 1280px;
  }
  .text-image.cbd-advantages .image {
    margin-top: 100px;
    margin-left: -250px;
  }
  .text-image.cbd-advantages .image img {
    max-width: 1100px;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 21px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1559px) {
  .text-image.cbd .image {
    margin-left: -400px;
    margin-top: 100px;
  }
  .text-image.cbd .image img {
    max-width: 1250px;
  }
  .text-image h2 {
    font-size: 60px;
    margin-bottom: 50px;
  }
  .text-image p {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .text-image p strong {
    font-size: 26px;
  }
  .text-image.how-cbd .image {
    margin-top: 50px;
    margin-left: -260px;
  }
  .text-image.how-cbd .image img {
    max-width: 920px;
  }
  .text-image.cbd-help .image {
    margin-top: 100px;
    margin-left: -400px;
  }
  .text-image.cbd-help .image img {
    max-width: 1200px;
  }
  .text-image.cbd-advantages .image {
    margin-top: 100px;
    margin-left: -250px;
  }
  .text-image.cbd-advantages .image img {
    max-width: 1020px;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .text-image {
    margin-bottom: 30px;
  }
}
@media (max-width: 1359px) {
  .text-image.cbd .image {
    margin-left: -320px;
    margin-top: 70px;
  }
  .text-image.cbd .image img {
    max-width: 1100px;
  }
  .text-image h2 {
    font-size: 48px;
    margin-bottom: 35px;
  }
  .text-image p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .text-image p strong {
    font-size: 24px;
  }
  .text-image.how-cbd .image {
    margin-top: 50px;
    margin-left: -200px;
  }
  .text-image.how-cbd .image img {
    max-width: 800px;
  }
  .text-image.cbd-help .image {
    margin-top: 70px;
    margin-left: -330px;
  }
  .text-image.cbd-help .image img {
    max-width: 1050px;
  }
  .text-image.cbd-help .text {
    padding-top: 50px;
  }
  .text-image.cbd-advantages .image {
    margin-top: 0;
    margin-left: -250px;
  }
  .text-image.cbd-advantages .image img {
    max-width: 900px;
  }
  .text-image.cbd-advantages .text {
    padding-top: 30px;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .text-image {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-image.cbd .image {
    margin-left: -300px;
    margin-top: 70px;
  }
  .text-image.cbd .image img {
    max-width: 950px;
  }
  .text-image h2 {
    font-size: 40px;
    margin-bottom: 25px;
  }
  .text-image p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .text-image p strong {
    font-size: 22px;
  }
  .text-image.how-cbd .image {
    margin-top: 50px;
    margin-left: -200px;
  }
  .text-image.how-cbd .image img {
    max-width: 650px;
  }
  .text-image.cbd-help .image {
    margin-top: 100px;
    margin-left: -330px;
  }
  .text-image.cbd-help .image img {
    max-width: 900px;
  }
  .text-image.cbd-advantages .image {
    margin-top: 0;
    margin-left: -250px;
  }
  .text-image.cbd-advantages .image img {
    max-width: 780px;
  }
  .text-image.cbd-help .text {
    padding-top: 50px;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .text-image {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .text-image .image {
    margin-left: 0 !important;
    display: block;
    text-align: center;
  }
  .text-image .image img {
    display: inline-block;
    max-width: 100% !important;
    height: auto !important;
  }
  .text-image.cbd .image {
    margin-top: 0;
  }
  .text-image.how-cbd .image {
    margin-top: 0;
  }
  .text-image.cbd-help .image {
    margin-top: 0;
  }
  .text-image.cbd-advantages .text {
    padding-top: 0;
    margin-top: -50px;
  }
  .text-image.cbd-help .text {
    padding-top: 0;
  }
  .text-image .image-wrap {
    order: 1;
  }
  .text-image .text-wrap {
    order: 2;
  }
  .text-image h2 {
    font-size: 46px;
    margin-bottom: 20px;
  }
  .text-image p {
    font-size: 19px;
  }
  .text-image p strong {
    font-size: 23px;
  }
  .text-image.how-cbd .image img {
    max-width: 580px !important;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .text-image .image {
    display: block;
    text-align: center;
  }
  .text-image .image img {
    display: inline-block;
  }
  .text-image h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .text-image p {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .text-image p strong {
    font-size: 20px;
  }
  .text-image.how-cbd .image img {
    max-width: 400px !important;
    margin-left: -50px;
  }
  .text-image.cbd-help {
    margin-top: 0;
  }
  .text-image.cbd-help .image img {
    margin-left: -50px;
    max-width: 580px !important;
  }
  .text-image.cbd-advantages .text ul li {
    font-size: 18px;
  }
  .text-image.cbd-help {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .text-image {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .text-image .image {
    display: block;
  }
  .text-image h2 {
    font-size: 32px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .text-image p {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .text-image p strong {
    font-size: 18px;
  }
  .text-image.how-cbd .image img {
    max-width: 340px !important;
    margin-left: -30px;
  }
  .text-image.cbd-help {
    margin-top: 30px;
  }
  .text-image.cbd-help .image img {
    margin-left: -50px;
    max-width: 400px !important;
  }
  .text-image.cbd-advantages .text ul {
    margin-top: 20px;
  }
  .text-image.cbd-advantages .text ul li {
    padding-left: 45px;
    font-size: 15px;
    margin-bottom: 15px;
  }
  .text-image.cbd-advantages .text ul li::before {
    width: 45px;
    height: 45px;
    top: -10px;
  }
  .text-image.cbd-advantages .text {
    margin-top: -20px;
  }
  .text-image.cbd-advantages .text h2 {
    margin-top: 0;
    font-size: 28px;
  }
  .text-image.cbd-advantages .image img {
    max-width: 340px !important;
    margin-left: -20px;
  }
  .text-image.how-cbd h2 {
    margin-top: 0;
  }
  .text-image.cbd-help .text {
    margin-top: -25px;
  }
}
/* END Text Image */
/* Icon Group */
.icon-group {
  margin-bottom: 40px;
}

.icon-group .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}

.icon-group .item .icon {
  width: 125px;
  height: 125px;
  margin-bottom: 25px;
}

.icon-group .item .icon img {
  max-width: 100%;
  height: auto;
}

.icon-group .item .text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  white-space: normal;
}

@media (min-width: 1200px) {
  .icon-item-wrap {
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
}
@media (max-width: 1659px) {
  .icon-group .item .icon {
    width: 115px;
    height: 115px;
    margin-bottom: 20px;
  }
  .icon-group {
    margin-bottom: 35px;
  }
}
@media (max-width: 1559px) {
  .icon-group .item .icon {
    width: 105px;
    height: 105px;
    margin-bottom: 15px;
  }
  .icon-group > .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .icon-item-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
  .icon-group .item .text {
    font-size: 15px;
  }
}
@media (max-width: 1359px) {
  .icon-group .item .icon {
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
  }
  .icon-group > .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .icon-item-wrap {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .icon-group .item .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .icon-group .item .icon {
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
  }
  .icon-group .item .text {
    font-size: 15px;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .icon-group .item {
    margin-top: 10px;
  }
  .icon-group .item .icon {
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 575px) {
  .icon-group {
    margin-top: 0;
    margin-bottom: 0;
  }
  .icon-group .item .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 7px;
  }
  .icon-group .item .text {
    font-size: 13px;
  }
  .icon-group .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .icon-group [class*=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
/* END Icon Group */
.article-bottom {
  display: flex;
  justify-content: center;
  margin-top: -20px;
  position: relative;
  z-index: 12;
}

.article-bottom p {
  max-width: 1200px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.75;
}

.article-bottom p strong {
  font-weight: 700;
}

@media (max-width: 1659px) {
  .article-bottom p {
    font-size: 23px;
    line-height: 1.7;
  }
}
@media (max-width: 1559px) {
  .article-bottom p {
    font-size: 22px;
    line-height: 1.6;
  }
}
@media (max-width: 1359px) {
  .article-bottom p {
    font-size: 20px;
    line-height: 1.6;
  }
}
@media (max-width: 991px) {
  .article-bottom {
    margin-top: 20px;
  }
  .article-bottom p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .article-bottom p {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .article-bottom p {
    font-size: 16px;
  }
}
.front-page .modal-backdrop {
  background: #000;
  opacity: 1;
}

.frontpage {
  background: #000 url("/images/eighty8/front-page-bg2.jpg") no-repeat top center;
  height: 100vh;
  width: 100vw;
}

.frontpage .modal-dialog {
  width: 100%;
  height: 100%;
  max-width: unset;
  margin: 0;
}

.frontpage .modal-content {
  background: transparent;
  display: flex;
  justify-content: center;
  height: 100%;
}

.frontpage .modal-body {
  margin: 0;
  padding: 0;
  flex: unset;
  padding: 15px;
}

@media (max-width: 1919px) {
  .frontpage {
    background-size: contain;
  }
}
.frontpage-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.frontpage-content .frontpage-logo {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
}

.frontpage-content .frontpage-logo img {
  display: inline-block;
}

.frontpage-content .icon-wrap {
  width: 100%;
}

.frontpage-content .icon-text {
  margin-top: 70px;
  flex-wrap: wrap;
}

.frontpage-content .icon-text .icon {
  margin: 0 auto;
  margin-bottom: 24px;
  float: none;
}

.frontpage-content .icon-text .text {
  width: 100%;
  text-align: center;
}

.frontpage-content .icon-text .text p {
  text-align: center;
}

.frontpage-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.frontpage-buttons .btn {
  margin-left: 15px;
  margin-right: 15px;
}

@media (max-width: 575px) {
  .frontpage-content .frontpage-logo {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .frontpage-content .frontpage-logo img {
    max-width: 100%;
    height: auto;
  }
  .frontpage-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .frontpage-buttons .btn {
    width: calc(50% - 15px);
    height: 55px;
    font-size: 18px;
    margin-left: 7.5px;
    margin-right: 7.5px;
    font-size: 16px;
  }
  .frontpage-content .icon-text {
    margin-top: 35px;
  }
}
.cart-page {
  padding-top: 60px;
}

.cart-section {
  margin-bottom: 45px !important;
}

@media (min-width: 992px) {
  .body-path-skosik .cart-page > .cart-section {
    min-height: 450px;
  }
}
.cart-section h2 {
  color: #c2a036;
  font-family: "Bebas Neue", cursive;
  font-size: 45px;
  font-weight: 400;
  margin-bottom: 30px;
}

.gold-box {
  width: 100%;
  background-color: #000000;
  border-radius: 10px;
  position: relative;
}

.gold-box .content {
  position: relative;
  width: 100%;
  z-index: 2;
  border-radius: 10px;
  background-color: #000000;
  padding: 20px 40px;
  padding-bottom: 50px;
}

.gold-box::after {
  position: absolute;
  content: "";
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background-image: linear-gradient(20deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
  border-radius: 10px;
}

.cart-box table {
  border: none;
  margin: 0;
  padding: 0;
}

.cart-box table tr {
  border: none;
}

.cart-box table tr td {
  border: none;
  vertical-align: middle;
}

.cart-title-wrap {
  display: flex;
  align-items: center;
}
.cart-title-wrap .name span {
  display: block;
  font-size: 1.2rem;
}

.cart-box table tr td.cart-title .image {
  margin-right: 30px;
  width: 100px;
  height: 100px;
}

.cart-box table tr.confirm-discount td.cart-title .image,
.cart-box table tr.cart-del-pay td.cart-title .image {
  height: auto;
}

.cart-box .content table tr.confirm-discount td,
.cart-box .content table tr.cart-del-pay td {
  padding-top: 9px;
  padding-bottom: 9px;
}

.cart-box table tr td.cart-title .name {
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 30px;
  font-weight: 400;
}

.cart-box table tr td.cart-type {
  color: #c2a036;
  font-weight: 800;
  font-size: 28px;
}

.cart-box table tr td.cart-type small {
  font-size: 18px;
  font-weight: 600;
}

.cart-box table tr td.cart-price {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

.cart-box table tr td.cart-number span,
.cart-box table tr .cart-number span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  width: 124px;
}

.cart-box table tr td.cart-number .kusu,
.cart-box table tr .cart-number .kusu {
  margin-left: 10px;
  width: auto !important;
}

.cart-delete-wrap {
  display: flex;
  justify-content: flex-end;
}

.cart-delete a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: #c2a036;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  transition: all 0.3s;
}

.cart-delete a img {
  position: relative;
  z-index: 3;
}

.cart-delete a::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  transition: all 0.3s;
}

.cart-delete a:hover {
  transform: rotate(180deg);
}

.total {
  padding-top: 50px;
  padding-left: 40px;
  padding-right: 88px;
}

.divider {
  margin-top: 28px;
  width: 100%;
  height: 1px;
  background-color: #373737;
}

.total-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}

.total-row.coupon {
  justify-content: flex-start;
}

.total-row.discount {
  margin-top: 10px;
  margin-bottom: 40px;
  position: relative;
}

.total-row.discount .total-value {
  color: #c2a036;
}

.total-label {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.total-value {
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
}

.total-delete {
  position: absolute;
  top: 0;
  right: -87px;
}
.total-delete a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: #c2a036;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  transition: all 0.3s;
}

@media (max-width: 1660px) {
  .total-delete {
    right: -73px;
  }
}
@media (max-width: 1360px) {
  .total-delete {
    right: -53px;
  }
}
@media (max-width: 991px) {
  .total-delete {
    margin-left: 8px;
    right: 0;
    position: relative;
  }
}
.discount-code {
  display: flex;
}

.discount-code .form-label-group {
  margin-right: 11px;
  margin-left: 57px;
  margin-bottom: 2px;
}

.discount-code .form-label-group .form-control {
  height: 50px;
  max-width: 260px;
}

.discount-code .form-label-group.valid::after {
  top: 24px;
}

.discount-code .btn {
  margin-top: 4px;
}

.whole-price {
  display: flex;
  justify-content: flex-end;
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  margin-top: 28px;
}

.total-tag {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

.yellow-tag {
  display: inline-flex;
  align-items: center;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 8px;
  padding-bottom: 6px;
  border-radius: 6px;
  background-color: #c2a036;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

.yellow-tag strong {
  font-weight: 800;
  margin-left: 5px;
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-family: "Montserrat", sans-serif;
}

.gold-box .content .table td,
.table th {
  padding: 0;
}

@media (min-width: 991px) {
  .body-path-skosikpotvrzeni-objednavky .gold-box .content .table td.cart-title {
    width: 48%;
  }
  .body-path-skosikpotvrzeni-objednavky .gold-box .content .table td.cart-type {
    width: 16%;
  }
  .body-path-skosikpotvrzeni-objednavky .gold-box .content .table td.cart-item-count {
    width: 16%;
  }
  .body-path-skosikpotvrzeni-objednavky .gold-box .content .table td.cart-price {
    width: 16%;
  }
  .body-path-skosikpotvrzeni-objednavky .gold-box .content .table td.cart-delete {
    width: 4%;
  }
}
@media (min-width: 1200px) {
  .body-basket .gold-box .content .table td.cart-title {
    width: 35%;
  }
  .body-basket .gold-box .content .table td.cart-type {
    width: 20%;
  }
  .body-basket .gold-box .content .table td.cart-item-count {
    width: 20%;
  }
  .body-basket .gold-box .content .table td.cart-price {
    width: 20%;
  }
  .body-basket .gold-box .content .table td.cart-delete {
    width: 15%;
  }
}
@media (max-width: 1659px) {
  .cart-section h2 {
    font-size: 43px;
  }
  .gold-box .content {
    padding: 15px 35px;
    padding-bottom: 20px;
  }
  .total {
    padding-top: 40px;
    padding-right: 75px;
  }
  .total-row.discount {
    margin-top: 30px;
  }
  .cart-section {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 1559px) {
  .cart-section h2 {
    font-size: 40px;
  }
  .gold-box .content {
    padding: 10px 30px;
    padding-bottom: 20px;
  }
  .total {
    padding-top: 30px;
    padding-right: 70px;
  }
  .total-row.discount {
    margin-top: 20px;
  }
  .cart-section {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 1359px) {
  .cart-section h2 {
    font-size: 38px;
  }
  .gold-box .content {
    padding: 5px 25px;
    padding-bottom: 20px;
  }
  .total {
    padding-top: 20px;
    padding-right: 53px;
  }
  .total-row.discount {
    margin-top: 15px;
  }
  .cart-section {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 1199px) {
  .total {
    padding-right: 68px;
  }
}
@media (max-width: 991px) {
  .total {
    padding-right: 80px;
  }
  .cart-page .cart-box .content {
    padding: 20px;
    padding-bottom: 35px;
  }
  .cart-page .cart-box table tr td.cart-title .name {
    white-space: nowrap;
    font-size: 28px;
  }
  .cart-page .cart-box table {
    display: flex;
    flex-wrap: wrap;
  }
  .cart-page .cart-box table tr,
  .cart-page .cart-box table td,
  .cart-page .cart-box table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .cart-page .cart-box table tr td {
    width: auto;
  }
  .cart-page .cart-box table tr td.cart-title {
    width: 100px;
    padding-left: 0;
    position: relative;
  }
  .cart-page .cart-box table tr td.cart-title .image {
    margin-right: 0;
  }
  .cart-page .cart-box table tr td.cart-title .name {
    position: absolute;
    left: calc(100% + 0.75rem);
    top: 25px;
  }
  .cart-page .cart-box table tr td.cart-type {
    display: block;
    width: 30%;
    margin-top: 90px;
    margin-left: 10px;
  }
  .cart-page .cart-box table tr {
    width: 100%;
    align-items: center;
  }
  .cart-page .cart-number {
    align-items: center;
    padding-left: 0 !important;
  }
  .cart-delete {
    padding: 0;
  }
  .cart-page .cart-number .ui-spinner,
  .cart-number input {
    width: 114px;
  }
  .cart-page .total-row.coupon {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
  }
  .cart-page .total-label {
    white-space: nowrap;
  }
  .cart-page .discount-code .form-label-group {
    margin-left: 0;
  }
  .cart-page .total-row {
    margin-bottom: 20px;
  }
  .cart-section h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .cart-box table tr td.cart-type {
    font-size: 22px;
  }
  .cart-box table tr td.cart-type small {
    font-size: 16px;
  }
  .cart-page .cart-box .content {
    padding-top: 5px;
  }
  .cart-page .cart-box .content .divider {
    margin-top: 15px;
  }
  .total {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .cart-box table tr td.cart-price {
    flex-grow: 2;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 10px !important;
    font-size: 19px;
    align-items: center;
  }
  .cart-box table tr td.cart-delete {
    padding-right: 0;
  }
  .total-row.discount {
    margin-top: 30px;
  }
  .whole-price {
    font-size: 29px;
  }
  .total-tag {
    padding-top: 15px;
  }
  .yellow-tag {
    font-size: 15px;
  }
  .cart-section {
    margin-bottom: 35px !important;
  }
  .cart-section h2 {
    font-size: 34px;
  }
  .checkbox-item-wrap {
    width: 100%;
  }
  .cart-page .icon-text {
    margin-top: 25px;
  }
  .icon-text .text p {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cart-page .cart-box table tr td.cart-title .image {
    height: 100px;
    display: flex;
    align-items: center;
  }
  .cart-page .cart-box table tbody {
    width: 100%;
  }
  .discount-code .btn {
    display: inline-block;
    text-align: center;
    line-height: 46px;
  }
  .cart-box table tr td.cart-price {
    width: 23% !important;
  }
  .cart-box table tr td.cart-price span {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .cart-page .cart-box table tr td.cart-title {
    flex-direction: column;
    width: 100%;
  }
  .cart-page .cart-box table tr td.cart-type {
    width: auto;
  }
  .cart-page .cart-box table tr td {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cart-page .total {
    padding-right: 20px;
    padding-left: 20px;
  }
  .cart-page .yellow-tag {
    display: block;
  }
  .transport-box .content,
  .payment-box .content {
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .cart-box table tr td.cart-price span {
    margin-top: 3px;
  }
}
@media (max-width: 767px) {
  .cart-page .cart-section h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .cart-page .total {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .cart-page .cart-box table tr {
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #373737;
  }
  .cart-page .cart-box table tr:last-of-type {
    border-bottom: none;
  }
  .cart-page .cart-box table tr:first-of-type {
    margin-top: 0;
  }
  .cart-page .cart-box table tr td {
    width: 100% !important;
    justify-content: center;
    flex-direction: row;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .cart-page .cart-box table tr td.cart-delete {
    width: auto !important;
    position: absolute;
    top: 0;
    right: 0;
  }
  .cart-page .discount-code {
    flex-direction: column;
  }
  .cart-page .discount-code .btn {
    margin-top: 10px;
  }
  .cart-page .discount-code .form-label-group {
    width: 100%;
  }
  .cart-page .total-label {
    white-space: normal;
    font-size: 18px;
  }
  .cart-page .total-value {
    text-align: right;
    margin-left: auto;
  }
  .cart-page .total-row {
    margin-top: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .cart-page .yellow-tag {
    display: block;
    font-size: 14px;
  }
  .cart-page .cart-box table tr td.cart-title .name {
    position: static;
  }
  .cart-page .cart-box table tr td.cart-type {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .cart-title-wrap {
    align-items: flex-start;
  }
}
.transport-box .content,
.payment-box .content {
  padding-top: 40px;
  padding-bottom: 35px;
}

.invoice-box .content {
  padding-top: 45px;
  padding-bottom: 45px;
}

.invoice-box .checkbox-item {
  margin-top: 25px;
}

.invoice-box input[type=checkbox] + label,
.invoice-box input[type=radio] + label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}

.invoice-box .form-label-group.valid::after {
  top: 35px;
}

.body-path-sregistrace .cart-checkboxes {
  padding-left: 0;
}

.cart-checkboxes input[type=checkbox] + label,
.cart-checkboxes input[type=radio] + label,
.cart-checkboxes .reg-gdpr input[type=checkbox] + label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}

.checkbox-item {
  display: flex;
  justify-content: space-between;
}

.checkbox-item:not(:last-of-type) {
  margin-bottom: 15px;
}

.checkbox-item .price {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.cart-checkboxes {
  padding-left: 70px;
}

.cart-checkboxes .link-yellow {
  font-size: 16px;
  font-weight: 400;
}

.cart-page .icon-text {
  margin-top: 45px;
}

.cart-page .icon-text .text {
  font-size: 16px;
  line-height: 1.56;
}

.cart-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

.cart-buttons .btn-left {
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  .cart-section h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .cart-section {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 991px) {
  .transport-box .content,
  .payment-box .content {
    padding: 25px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .invoice-box .content {
    padding: 25px 15px;
  }
  .cart-checkboxes {
    padding-left: 15px;
  }
  .cart-page .icon-text {
    margin-top: 25px;
  }
  .cart-page .check-styled {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .cart-buttons {
    flex-direction: column;
  }
  .cart-buttons .btn-left {
    margin-bottom: 20px;
  }
  .transport-box .content,
  .payment-box .content {
    padding: 15px;
    padding-bottom: 15px;
  }
  .checkbox-item .price {
    font-size: 16px;
  }
  .invoice-box .content {
    padding: 5px;
  }
  .cart-checkboxes {
    padding-left: 0;
  }
  .cart-page .icon-text {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
  }
  .cart-page .icon-text .icon {
    margin-bottom: 15px;
  }
  .cart-buttons {
    margin-top: 25px;
  }
  .cart-buttons .btn-right {
    margin-right: 0;
  }
  .cart-buttons .btn-right .btn {
    width: 100%;
    max-width: 320px;
    font-size: 20px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .body-basket .cart-buttons {
    align-items: center;
  }
  .body-basket .cart-buttons .btn-left {
    order: 2;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .body-basket .cart-buttons .btn-right {
    order: 1;
  }
}
@media (max-width: 767px) {
  .cart-page .cart-box .content {
    padding: 10px 15px;
  }
  .cart-page {
    padding-top: 30px;
  }
  .cart-page .cart-box table tr td.cart-title,
  .cart-page .cart-box table tr td.cart-type {
    width: 50% !important;
  }
  .cart-page .cart-box table tr td.cart-number {
    margin: 0 !important;
    width: 57% !important;
  }
  .cart-page .cart-box table tr td.cart-price {
    width: 43% !important;
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 5px;
    padding-right: 0 !important;
  }
  .cart-box table tr td.cart-number {
    justify-content: flex-start !important;
  }
  .cart-box table tr td.cart-number span {
    margin-left: 0;
    margin-right: 0;
  }
  .cart-box table tr td.cart-number .kusu,
  .cart-box table tr .cart-number .kusu {
    margin-left: 7px;
  }
  .cart-box table tr td.cart-title {
    align-items: flex-start;
  }
  .cart-box table tr td.cart-title .name {
    font-size: 28px;
  }
  .cart-page .cart-box table tr td.cart-title .image {
    width: 85px;
    height: 85px;
  }
  .cart-page .cart-box table tr {
    align-items: flex-end;
  }
  .cart-page .cart-box table tr td.cart-type {
    text-align: right;
  }
  .cart-page .icon-text .text {
    font-size: 15px;
  }
  .cart-page .cart-box .content {
    padding-bottom: 15px;
  }
  .cart-page .check-styled {
    margin-bottom: 5px;
  }
  .cart-page .cart-box table tr td.cart-type {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  .cart-page .cart-box table tr td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .cart-page .cart-box table tr td.cart-title,
  .cart-page .cart-box table tr td.cart-type {
    width: 100% !important;
  }
  .cart-page .cart-box table tr td.cart-title {
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }
  .cart-page .cart-box table tr td.cart-title .name {
    margin-top: 10px;
    margin-left: 10px;
  }
  .cart-box table tr td.cart-title .name {
    font-size: 26px;
  }
  .cart-page .cart-box table tr {
    position: relative;
    margin-top: 15px;
    padding-bottom: 20px;
  }
  .cart-page .cart-box table tr td.cart-type {
    font-size: 18px;
    text-align: left;
    position: absolute;
    top: 67px;
    left: 95px;
    width: auto !important;
    margin-left: 0;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box table tr td.cart-type {
    top: 53px;
  }
  .cart-page .cart-number .ui-spinner,
  .cart-number input {
    height: 38px !important;
  }
  .cart-page .cart-box table tr td.cart-number {
    margin-top: 15px !important;
  }
  .cart-page .cart-box table tr td.cart-price {
    height: 38px;
    align-items: center;
    display: block;
    margin-top: -10px !important;
    padding-top: 0;
  }
  .cart-page .cart-box .content .divider {
    margin-top: 0;
  }
  .cart-page .total {
    padding-top: 5px;
  }
  .whole-price {
    margin-top: 15px;
    font-size: 28px;
  }
  .total-tag {
    padding-top: 10px;
  }
  .cart-section {
    margin-bottom: 20px !important;
  }
  .cart-page .cart-section h2 {
    font-size: 30px;
  }
  .transport-box .content,
  .payment-box .content {
    padding-bottom: 10px;
  }
  .icon-text .text {
    width: 100%;
  }
  .cart-page .icon-text {
    margin-top: 15px;
  }
  .cart-page .discount-code .btn {
    margin-top: 0;
  }
  .cart-page .check-styled {
    margin-bottom: 0;
  }
}
.system {
  overflow-x: hidden;
}

.system-two-cols {
  margin-top: 40px;
}

.system-two-cols .icon-text-item {
  display: flex;
  align-items: center;
  margin-bottom: 48px;
}

.system-two-cols .icon-text-item:first-of-type {
  margin-top: 35px;
}

.system-two-cols .icon-text-item .icon {
  margin-right: 23px;
  width: 75px;
  height: 55px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.system-two-cols .icon-text-item .icon img {
  position: relative;
  z-index: 9;
}

.system-two-cols .icon-text-item .icon::before {
  position: absolute;
  content: "";
  width: 132px;
  height: 132px;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/images/eighty8/kruh.svg") no-repeat top center;
  background-size: 100% 100%;
}

.system-two-cols .icon-text-item .text {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

.system-two-cols .icon-text-item .text .link-zde {
  border-bottom: 1px solid #c2a036;
  transition: all 0.3s;
  color: #c2a036;
}

.system-two-cols .icon-text-item .text .link-zde:hover {
  border-bottom: 1px solid transparent;
  text-decoration: none;
}

.system-two-cols .icon-text-item .text.yellow {
  color: #c2a036;
  font-size: 30px;
  font-weight: 700;
  text-transform: none;
}

.text-procent-wrap {
  display: flex;
  align-items: center;
}

.text-procent {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.text-procent .item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  width: 100%;
  margin-bottom: 34px;
}

.text-procent .item .text {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
}

.text-procent .item .text strong {
  font-weight: 700;
  font-size: 30px;
}

.text-procent .procent {
  color: #000000;
  font-weight: 800;
  font-size: 24px;
  width: 66px;
  height: 66px;
  background-color: #c2a036;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 30px;
}

@media (max-width: 1659px) {
  .system-two-cols .icon-text-item .icon::before {
    width: 120px;
    height: 120px;
    left: -57px;
  }
  .system-two-cols .icon-text-item .icon {
    width: 55px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 70px;
    margin-right: 8px;
  }
  .system-two-cols .icon-text-item .icon.price {
    width: 65px;
    margin-right: 13px;
  }
  .system-two-cols .icon-text-item .text {
    font-size: 22px;
  }
  .system-two-cols .icon-text-item .text .link-yellow {
    font-size: 24px;
  }
  .system-two-cols .icon-text-item .text.yellow {
    font-size: 24px;
  }
  .text-procent {
    margin-top: 30px;
  }
  .text-procent .procent {
    width: 63px;
    height: 63px;
    font-size: 22px;
  }
  .text-procent .item .text {
    font-size: 18px;
  }
  .text-procent .item .text strong {
    font-size: 26px;
  }
}
@media (max-width: 1559px) {
  .system-two-cols .icon-text-item .icon::before {
    width: 108px;
    height: 108px;
    left: -57px;
  }
  .system-two-cols .icon-text-item .icon {
    width: 50px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 65px;
    margin-right: 6px;
  }
  .system-two-cols .icon-text-item .icon.price {
    width: 60px;
    margin-right: 13px;
  }
  .system-two-cols .icon-text-item {
    margin-bottom: 35px;
  }
  .system-two-cols .icon-text-item .text {
    font-size: 20px;
  }
  .system-two-cols .icon-text-item .text .link-yellow {
    font-size: 22px;
  }
  .system-two-cols .icon-text-item .text.yellow {
    font-size: 22px;
  }
  .system-two-cols .icon-text-item:first-of-type {
    margin-top: 25px;
  }
  .text-procent {
    margin-top: 25px;
  }
  .text-procent .procent {
    width: 58px;
    height: 58px;
    font-size: 20px;
  }
  .text-procent .item {
    margin-bottom: 28px;
  }
  .text-procent .item .text {
    font-size: 17px;
  }
  .text-procent .item .text strong {
    font-size: 24px;
  }
}
@media (max-width: 1359px) {
  .system-two-cols .icon-text-item .icon::before {
    width: 100px;
    height: 100px;
    left: -57px;
  }
  .system-two-cols .icon-text-item .icon {
    width: 47px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 60px;
    margin-right: 7px;
  }
  .system-two-cols .icon-text-item .icon.price {
    width: 55px;
    margin-right: 13px;
  }
  .system-two-cols .icon-text-item {
    margin-bottom: 25px;
  }
  .system-two-cols .icon-text-item .text {
    font-size: 18px;
  }
  .system-two-cols .icon-text-item .text .link-yellow {
    font-size: 20px;
  }
  .system-two-cols .icon-text-item .text.yellow {
    font-size: 20px;
  }
  .system-two-cols .icon-text-item:first-of-type {
    margin-top: 20px;
  }
  .text-procent {
    margin-top: 20px;
  }
  .text-procent .procent {
    width: 52px;
    height: 52px;
    font-size: 18px;
  }
  .text-procent .item {
    margin-bottom: 23px;
  }
  .text-procent .item .text {
    font-size: 16px;
  }
  .text-procent .item .text strong {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .system-two-cols .icon-text-item .icon::before {
    width: 90px;
    height: 90px;
    left: -52px;
  }
  .system-two-cols .icon-text-item .icon {
    width: 42px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 54px;
    margin-right: 7px;
  }
  .system-two-cols .icon-text-item .icon.price {
    width: 50px;
    margin-right: 14px;
  }
  .system-two-cols .icon-text-item {
    margin-bottom: 20px;
  }
  .system-two-cols .icon-text-item .text {
    font-size: 16px;
  }
  .system-two-cols .icon-text-item .text .link-yellow {
    font-size: 18px;
  }
  .system-two-cols .icon-text-item .text.yellow {
    font-size: 18px;
  }
  .system-two-cols .icon-text-item:first-of-type {
    margin-top: 18px;
  }
  .text-procent {
    margin-top: 18px;
  }
  .text-procent .procent {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
  .text-procent .item {
    margin-bottom: 20px;
  }
  .text-procent .item .text {
    font-size: 15px;
  }
  .text-procent .item .text strong {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .text-procent .procent {
    margin-left: 20px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .system-two-cols {
    margin-top: 0;
  }
  .system-two-cols .icon-text-item {
    margin-bottom: -10px;
    padding-left: 15px;
  }
  .system-two-cols .icon-text-item .icon::before {
    width: 55px;
    height: 55px;
    left: -25px;
  }
  .system-two-cols .icon-text-item .icon {
    width: 25px;
    margin-right: 15px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 35px;
    margin-right: 5px;
  }
  .system-two-cols .icon-text-item .icon.truck {
    width: 35px;
    margin-right: 5px;
  }
  .system-two-cols .icon-text-item .text {
    font-size: 14px;
  }
  .system-two-cols .icon-text-item .text .link-yellow {
    font-size: 16px;
  }
  .system-two-cols .icon-text-item .text.yellow {
    font-size: 16px;
  }
  .text-procent {
    margin-top: 20px;
  }
  .text-procent .item {
    margin-bottom: 8px;
    justify-content: flex-start;
  }
  .text-procent .item .text {
    font-size: 14px;
    order: 2;
  }
  .text-procent .item .text strong {
    font-size: 16px;
  }
  .text-procent .procent {
    font-size: 12px;
    width: 35px;
    height: 35px;
    margin-left: 0;
    order: 1;
    margin-right: 20px;
  }
  .system-two-cols .icon-text-item:first-of-type {
    margin-top: 5px;
  }
  .system-two-cols .icon-text-item .icon.price {
    width: 32px;
    margin-right: 9px;
  }
}
/* Products Cart */
.products-cart {
  position: relative;
}

.your-cart-wrap {
  position: absolute;
  right: 0px;
  top: 33px;
  padding: 1px;
  top: 0;
}

@media (min-width: 1200px) {
  .your-cart-wrap.fixed {
    position: fixed;
    right: calc((100vw - 1125px) / 2);
    overflow-y: auto;
    max-height: calc(100% - 30px);
    top: 120px;
  }
}
@media (min-width: 1360px) {
  .your-cart-wrap.fixed {
    right: calc((100vw - 1315px) / 2);
  }
}
@media (min-width: 1560px) {
  .your-cart-wrap.fixed {
    right: calc((100vw - 1515px) / 2);
  }
}
@media (min-width: 1660px) {
  .your-cart-wrap.fixed {
    right: calc((100vw - 1615px) / 2);
  }
}
.product-cart-item {
  display: flex;
  margin-top: 70px;
}

.products-cart .product-cart-item {
  margin-top: 0;
}

@media (max-width: 1199px) {
  .products-cart .product-cart-item {
    margin-top: 50px;
  }
}
.product-cart-item .item-content h2 {
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 80px;
  font-weight: 400;
  margin-bottom: 15px;
}

.product-cart-item .gold-box .table {
  max-width: 628px;
}

.product-cart-item .gold-box .content {
  height: 100%;
  padding: 12px 16px;
}

.product-cart-item .gold-box .cart-type {
  text-align: left;
  padding-left: 0;
}

.product-cart-item .gold-box .cart-type small {
  font-size: 14px;
}

.product-cart-item .gold-box .cart-button {
  text-align: right;
  padding-right: 0;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
}

.product-cart-item .gold-box .cart-price {
  padding-left: 0;
  padding-right: 0;
}

.product-cart-item .dash-box {
  margin-top: 10px;
}

.product-cart-item .dash-box::after {
  display: none;
}

.product-cart-item .dash-box .content {
  border: 1px dashed #6d6d72;
}

.products-cart .basket-product-variant-form {
  display: flex;
}

.products-cart .cart-number-button {
  padding-right: 0;
}

.products-cart .basket-product-variant-form .cart-number {
  padding-right: 0.75rem;
  white-space: nowrap;
}

.products-cart .gold-box {
  max-width: 600px;
}

@media (max-width: 1559px) {
  .products-cart .gold-box {
    max-width: 520px;
  }
}
.products-cart .gold-box .content .table td,
.table th {
  line-height: 1;
}

@media (min-width: 768px) {
  .products-cart .gold-box .content .table td,
  .table th {
    padding: 3px;
  }
}
@media (min-width: 1200px) {
  .products-cart .product-cart-item {
    align-items: center;
  }
}
@media (min-width: 1660px) {
  .product-cart-item .image {
    margin-left: -70px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .product-cart-item {
    margin-top: 50px;
  }
  .product-cart-item .item-content h2 {
    font-size: 64px;
  }
  .product-cart-item .image {
    width: 520px;
  }
  .product-cart-item .cart-box table tr td.cart-type {
    font-size: 25px;
  }
  .product-cart-item .cart-box table tr td.cart-type small {
    font-size: 13px;
  }
  .product-cart-item .cart-box table tr td.cart-price {
    font-size: 17px;
  }
  .product-cart-item .cart-box table tr td {
    padding: 10px;
  }
  .product-cart-item .cart-box table tr td.cart-number span,
  .product-cart-item .cart-box table tr .cart-number span {
    height: 44px !important;
  }
  .product-cart-item .gold-box .cart-button .btn {
    height: 44px;
  }
  .product-cart-item .dash-box .content {
    padding: 8px 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1559px) {
  .product-cart-item {
    margin-top: 40px;
  }
  .product-cart-item .item-content {
    margin-left: -5px;
  }
  .product-cart-item .item-content h2 {
    font-size: 55px;
  }
  .product-cart-item .image {
    width: 400px;
  }
  .product-cart-item .cart-box table tr td.cart-type {
    font-size: 23px;
  }
  .product-cart-item .cart-box table tr td.cart-type small {
    font-size: 12px;
  }
  .product-cart-item .cart-box table tr td.cart-price {
    font-size: 16px;
  }
  .product-cart-item .cart-box table tr td {
    padding: 8px;
  }
  .product-cart-item .cart-box table tr td.cart-number span,
  .product-cart-item .cart-box table tr .cart-number span {
    height: 40px !important;
    width: 112px;
  }
  .product-cart-item .gold-box .cart-button .btn {
    height: 40px;
    width: 120px;
  }
  .product-cart-item .dash-box .content {
    padding: 8px 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .product-cart-item {
    margin-top: 30px;
  }
  .product-cart-item .item-content {
    margin-left: -30px;
  }
  .product-cart-item .item-content h2 {
    font-size: 46px;
  }
  .product-cart-item .image {
    width: 380px;
    display: flex;
    align-items: center;
    margin-left: -50px;
  }
  .product-cart-item .cart-box table tr td.cart-type {
    font-size: 21px;
  }
  .product-cart-item .cart-box table tr td.cart-type small {
    font-size: 11px;
  }
  .product-cart-item .cart-box table tr td.cart-price {
    font-size: 14px;
  }
  .product-cart-item .cart-box table tr td {
    padding: 7px;
  }
  .product-cart-item .cart-box table tr td.cart-number span,
  .product-cart-item .cart-box table tr .cart-number span {
    height: 35px !important;
  }
  .product-cart-item .gold-box .cart-button .btn {
    height: 35px;
    width: 105px;
    font-size: 13px;
  }
  .product-cart-item .dash-box .content {
    padding: 8px 12px;
  }
}
@media (max-width: 1199px) {
  .product-cart-item .image {
    width: 500px;
  }
  .product-cart-item {
    flex-direction: column;
    align-items: center;
  }
  .product-cart-item .item-content h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .product-cart-item {
    margin-top: 10px;
  }
  .product-cart-item .image {
    width: 200px;
  }
  .product-cart-item .item-content h2 {
    font-size: 36px;
  }
  .product-cart-item .gold-box .table {
    display: flex;
    flex-wrap: wrap;
  }
  .product-cart-item .gold-box .table tbody,
  .product-cart-item .gold-box .table tr,
  .product-cart-item .gold-box .table td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .product-cart-item .gold-box .table tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .product-cart-item .gold-box .cart-type {
    width: 50%;
  }
  .product-cart-item.gold-box .cart-price {
    width: 50%;
  }
  .cart-box table tr td.cart-number {
    padding-left: 0;
    width: 50%;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .product-cart-item .gold-box .cart-button {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 28px;
  }
  .product-cart-item .cart-box table tr td.cart-number > span {
    margin-left: 0;
  }
  .product-cart-item .cart-box table tr td.cart-number > span:last-of-type {
    margin-left: 8px;
  }
  .product-cart-item .gold-box .content {
    padding-top: 0;
  }
  .product-cart-item .cart-box table tr td.cart-number {
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  .product-cart-item .cart-box table tr td.cart-number span,
  .product-cart-item .cart-box table tr .cart-number span {
    margin-left: 0;
    margin-right: 0;
    height: 40px !important;
  }
  .product-cart-item .cart-box table tr td.cart-number {
    width: 65%;
    padding-bottom: 15px;
  }
  .products-cart .basket-product-variant-form {
    width: 100%;
    justify-content: space-between;
  }
  .products-cart .cart-number-button {
    width: 100%;
  }
  .product-cart-item .gold-box .cart-button {
    width: 35%;
    height: 40px;
    margin-bottom: 0;
    padding: 0 !important;
    margin-bottom: 15px;
  }
  .product-cart-item .gold-box .cart-button .btn {
    margin-top: 0;
    height: 100%;
  }
  .product-cart-item .cart-box table tr td.cart-type {
    font-size: 22px;
    padding-top: 15px;
  }
  .product-cart-item .cart-box table tr {
    border-bottom: 1px solid #373737;
  }
  .product-cart-item .cart-box table tr:last-of-type {
    border-bottom: none;
  }
  .product-cart-item .gold-box .table td {
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .product-cart-item .cart-box table tr td.cart-number > span {
    display: inline-flex;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .product-cart-item .gold-box .cart-type small {
    font-size: 16px;
    margin-left: 4px;
    transform: translateY(1px);
  }
  .product-cart-item .cart-box table tr td.cart-type {
    font-size: 20px;
  }
}
/* END Products Cart */
/* Your Cart */
.your-cart-wrap {
  width: 370px;
}

.your-cart-wrap h2 {
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 45px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px;
}

.your-cart-wrap .your-cart .content {
  padding: 30px;
  background: #000 url("/images/eighty8/sklo-cart.jpg") no-repeat top left;
  border-radius: 10px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.your-cart-wrap .your-cart::after {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.your-cart-wrap .your-cart.bottom {
  margin-top: 1px;
}

.your-cart-wrap .your-cart.bottom .content {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #000;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 0;
}

.your-cart-wrap .your-cart.bottom::after {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: linear-gradient(-10deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
}

.your-cart-wrap .your-cart.bottom .btn {
  margin-left: -30px;
  width: auto;
  margin-right: -30px;
}

.your-cart-wrap .your-cart .summary ul {
  list-style: none;
}

.your-cart-wrap .your-cart .summary ul li {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.875;
  text-align: right;
}

.your-cart-wrap .your-cart .summary ul li span {
  margin-right: 12px;
}

.your-cart-wrap .your-cart .summary ul li.sum-discount {
  font-size: 16px;
  font-weight: 400;
  color: #c2a036;
}

.your-cart-wrap .your-cart .summary ul li.sum-discount .tag {
  font-size: 13px;
  padding: 5px;
  border-radius: 6px;
  background-color: #c2a036;
  display: inline-flex;
  color: #000000;
  line-height: 1;
  font-weight: 700;
  /* margin-right: 16px; */
}

.your-cart-wrap .your-cart .summary ul li.dph {
  font-size: 16px;
  color: #ffffff;
}

.your-cart-wrap .your-cart .summary ul li.dph span {
  color: #838388;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.your-cart-wrap .your-cart .summary ul li.sum-price {
  font-size: 30px;
  margin-bottom: 10px;
}

.your-cart-wrap .your-cart-row {
  display: flex;
  width: 100%;
  align-items: center;
}

.your-cart-wrap .your-cart-row .dots {
  flex-grow: 8;
  border-bottom: 1px dotted #fff;
  margin-left: 10px;
  margin-right: 10px;
}

.your-cart-wrap .your-cart-row .name h5 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

.your-cart-wrap .your-cart-row .name p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.your-cart-wrap .your-cart-row .cart-delete {
  margin-left: 12px;
}

@media (min-width: 1200px) and (max-width: 1659px) {
  .your-cart-wrap {
    top: 18px;
    width: 340px;
  }
  .your-cart-wrap h2 {
    font-size: 40px;
  }
  .your-cart-wrap .your-cart .content {
    padding: 20px;
  }
  .your-cart-wrap .your-cart-row .name h5 {
    font-size: 22px;
  }
  .your-cart-wrap .your-cart-row .name p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a {
    width: 23px;
    height: 23px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a img {
    max-width: 100%;
    height: auto;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-discount {
    font-size: 15px;
  }
  .your-cart-wrap .your-cart .summary ul li {
    font-size: 18px;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-price {
    font-size: 26px;
  }
  .your-cart-wrap .your-cart.bottom .btn {
    margin-left: -20px;
    margin-right: -20px;
    height: 65px;
  }
}
@media (min-width: 1200px) and (max-width: 1559px) {
  .your-cart-wrap {
    top: 27px;
    width: 310px;
  }
  .your-cart-wrap h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .your-cart-wrap .your-cart .content {
    padding: 15px;
  }
  .your-cart-wrap .your-cart-row .name h5 {
    font-size: 20px;
  }
  .your-cart-wrap .your-cart-row .name p {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a {
    width: 21px;
    height: 21px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a img {
    max-width: 100%;
    height: auto;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-discount {
    font-size: 14px;
  }
  .your-cart-wrap .your-cart .summary ul li {
    font-size: 16px;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-price {
    font-size: 24px;
  }
  .your-cart-wrap .your-cart.bottom .btn {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 22px;
    height: 60px;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-discount .tag {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .your-cart-wrap {
    top: 23px;
    width: 280px;
  }
  .your-cart-wrap h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .your-cart-wrap .your-cart .content {
    padding: 14px;
  }
  .your-cart-wrap .your-cart-row .name h5 {
    font-size: 18px;
  }
  .your-cart-wrap .your-cart-row .name p {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a {
    width: 18px;
    height: 18px;
    padding: 5px;
  }
  .your-cart-wrap .your-cart-row .cart-delete a img {
    max-width: 100%;
    height: auto;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-discount {
    font-size: 13px;
  }
  .your-cart-wrap .your-cart .summary ul li {
    font-size: 14px;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-price {
    font-size: 23px;
  }
  .your-cart-wrap .your-cart.bottom .btn {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
    height: 48px;
  }
  .your-cart-wrap .your-cart .summary ul li.sum-discount .tag {
    font-size: 11px;
  }
}
@media (max-width: 1199px) {
  .your-cart-wrap {
    position: static;
    margin: 0 auto;
    margin-top: 60px;
  }
  .product-cart-item {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .your-cart-wrap {
    width: 100%;
  }
  .your-cart-wrap .your-cart .content {
    padding: 15px;
  }
  .your-cart-wrap .your-cart.bottom .btn {
    margin-left: -15px;
    margin-right: -15px;
  }
  .your-cart-wrap .your-cart-row .name h5 {
    font-size: 20px;
  }
  .your-cart-wrap .your-cart-row .name p {
    font-size: 12px;
  }
  .your-cart-wrap {
    margin-top: 25px;
  }
  .your-cart-wrap h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }
}
/* END Your Cart */

.variants .variant-list > label {
  display: none;
  margin-bottom: 0;
}

.variants .variant-list ul {
  list-style: none;
  display: flex;
}

.variants .variant-list ul li {
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 0.5rem;
  position: relative;
  margin-left: -4px;
}

.variants .variant-list ul li input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.variants .variant-list ul li label {
  margin-bottom: 0;
  cursor: pointer;
}

.body-path-skosikpotvrzeni-objednavky h2 + p,
.body-path-skosikdokonceni-objednavky h2 + p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  max-width: 770px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.body-basket .panel-group {
  padding-left: 32px;
  padding-right: 32px;
}

.body-basket .panel-group a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}

.body-basket .panel-group .form-group-col {
  padding-left: 0;
}

.body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name,
.body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-title-gift .name {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 600;
  width: calc(100% - 130px);
}

.body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-number,
.body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-number span {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

.body-path-skosikpotvrzeni-objednavky .total {
  padding-right: 0;
}

.body-path-skosikpotvrzeni-objednavky .total-value {
  font-size: 24px;
}

.body-path-skosikpotvrzeni-objednavky .invoice-box .content {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  padding-top: 30px;
  padding-bottom: 30px;
}

.body-path-skosik textarea,
.body-path-skosikpotvrzeni-objednavky textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  resize: none;
  border-bottom: 1px solid #4d4d4d;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.body-path-skosik textarea:focus,
.body-path-skosikpotvrzeni-objednavky:focus {
  outline: none;
  border-bottom: 1px solid #fff;
}

.body-path-skosikpotvrzeni-objednavky .cart-checkboxes {
  padding-left: 0;
}

.doprava-platba-item {
  display: flex;
  flex-wrap: wrap;
}

.doprava-platba-item-subcontent {
  width: 100%;
}

.body-path-sdekujeme-za-registraci .invoice-box .content p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.body-path-obchodni-podminky .text-page {
  background: none;
}

.image-text-section.blog-detail .image-col {
  flex: 0 0 100%;
  max-width: 100%;
}

.image-text-section.blog-detail .text-col {
  flex: 0 0 70%;
  max-width: 70%;
}

.image-text-section.blog-detail .image-col .image {
  text-align: left;
}

@media (max-width: 991px) {
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name {
    position: static;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name {
    font-size: 18px;
  }
  .body-path-skosikpotvrzeni-objednavky .total {
    padding-left: 0;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-page .total-row {
    margin-bottom: 0;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box .content {
    padding-bottom: 20px;
  }
  .body-path-skosikpotvrzeni-objednavky .invoice-box .content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .body-path-skosikpotvrzeni-objednavky h2 + p,
  .body-path-skosikdokonceni-objednavky h2 + p {
    font-size: 18px;
  }
  .body-path-skosikpotvrzeni-objednavky .invoice-box .content {
    font-size: 17px;
  }
  .cart-page .cart-box table tr td.cart-title-gift {
    width: auto;
    flex-wrap: wrap;
  }
  .cart-page .cart-box table tr td.cart-title-gift .image {
    display: none;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-title-gift .name {
    position: static !important;
    white-space: normal;
    width: auto;
  }
  .cart-page .cart-box table tr.confirm-discount {
    flex-wrap: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-number span,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr .cart-number span {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box table tr td.cart-title .name {
    top: 15px;
  }
}
@media (max-width: 767px) {
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box table tr td.cart-title .image {
    height: 70px;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box table tr {
    margin-bottom: 10px;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-page .cart-box table tr.cart-del-pay {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: none;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay:last-of-type {
    padding-bottom: 10px;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .image,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-type,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-number {
    display: none;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name {
    margin-top: 0;
    margin-left: 0;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-price {
    height: auto;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-number,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-number span {
    font-size: 16px;
  }
  .body-path-skosikpotvrzeni-objednavky .total-value {
    font-size: 22px;
  }
  .body-path-skosikpotvrzeni-objednavky .invoice-box .content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td {
    font-size: 17px !important;
  }
  .body-path-skosikpotvrzeni-objednavky h2 + p,
  .body-path-skosikdokonceni-objednavky h2 + p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .cart-page .cart-box table tr.confirm-discount .cart-type,
  .cart-page .cart-box table tr.confirm-discount .cart-item-count {
    display: none;
  }
  .image-text-section.blog-detail .text-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .body-path-skosik textarea,
  .body-path-skosikpotvrzeni-objednavky textarea {
    height: 100px;
  }
  .variants .variant-content {
    width: 65px;
    height: 60px;
  }
  .variants .variant-list ul li {
    margin-right: 5px;
  }
  .variant-title {
    font-size: 18px;
  }
  .variant-price {
    font-size: 12px;
  }
  .variants .variant-content.more {
    width: 92px;
    margin-right: 0;
    margin-left: 2px;
  }
  .variant-more {
    font-size: 18px;
  }
  .variants .btn {
    height: 60px;
    font-size: 16px;
    background-size: contain !important;
  }
  .body-path-cbd-kapky .variants .btn, .body-path-cbd-tablety .variants .btn, .body-path-cbd-konopi .variants .btn, .body-home .variants .btn, .body-path-ostatni .variants .btn, .body-path-vaporizacni-pera .variants .btn, .body-path-vaporizacni-pera-1 .variants .btn, .body-path-extrakty .variants .btn, .body-path-hhc .variants .btn, .body-path-edibles .variants .btn, .body-path-h4cbd .variants .btn, .body-path-super-strong .variants .btn {
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  .doprava-platba-item .name {
    width: calc(100% - 51px);
  }
  .doprava-platba-item .price {
    display: flex;
    align-items: center;
  }
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr.cart-del-pay td.cart-title .name,
  .body-path-skosikpotvrzeni-objednavky .cart-box table tr td.cart-title-gift .name {
    margin-top: 0;
    margin-left: 0;
  }
  .variants .variant-content.more {
    margin-top: 10px;
  }
  .body-path-cbd-kapky .variants .variant-content.more, .body-path-cbd-tablety .variants .variant-content.more, .body-path-cbd-konopi .variants .variant-content.more, .body-home .variants .variant-content.more, .body-path-ostatni .variants .variant-content.more, .body-path-vaporizacni-pera .variants .variant-content.more, .body-path-vaporizacni-pera-1 .variants .variant-content.more, .body-path-extrakty .variants .variant-content.more, .body-path-hhc .variants .variant-content.more, .body-path-edibles .variants .variant-content.more, .body-path-h4cbd .variants .variant-content.more, .body-path-super-strong .variants .variant-content.more {
    margin-top: 10px;
  }
  .variants .btn {
    margin-top: 0;
    margin-left: 0;
  }
  .variants .variant-list {
    display: flex;
    flex-grow: 2;
  }
  .variants .variant-list ul {
    flex-grow: 2;
    justify-content: flex-end;
  }
}
@media (max-width: 501px) {
  .variants .variant-content.more {
    margin-top: 0;
  }
}
@media (max-width: 459px) {
  .variants .variant-content {
    width: 45px;
    height: 40px;
  }
  .variants .variant-content.more {
    width: 60px;
  }
  .body-path-cbd-kapky .variants .variant-content.more, .body-path-cbd-tablety .variants .variant-content.more, .body-path-cbd-konopi .variants .variant-content.more, .body-home .variants .variant-content.more, .body-path-ostatni .variants .variant-content.more, .body-path-vaporizacni-pera .variants .variant-content.more, .body-path-vaporizacni-pera-1 .variants .variant-content.more, .body-path-extrakty .variants .variant-content.more, .body-path-hhc .variants .variant-content.more, .body-path-edibles .variants .variant-content.more, .body-path-h4cbd .variants .variant-content.more, .body-path-super-strong .variants .variant-content.more {
    margin-top: 10px;
  }
  .variants .variant-list ul li {
    margin-right: 5px;
  }
  .variants .variant-content.more {
    margin-left: 1px;
  }
  .variant-title {
    font-size: 14px;
  }
  .variant-more {
    font-size: 14px;
  }
  .variant-wholesale {
    font-size: 8px;
  }
  .variant-price {
    font-size: 9px;
  }
  .variants .btn {
    margin-top: 0;
    max-width: 100px;
    font-size: 11px;
    height: 48px;
  }
  .body-path-cbd-kapky .variants .btn, .body-path-cbd-tablety .variants .btn, .body-path-cbd-konopi .variants .btn, .body-home .variants .btn, .body-path-ostatni .variants .btn, .body-path-ostatni .variants .btn, .body-path-vaporizacni-pera .variants .btn, .body-path-vaporizacni-pera-1 .variants .btn, .body-path-extrakty .variants .btn, .body-path-hhc .variants .btn, .body-path-edibles .variants .btn, .body-path-h4cbd .variants .btn, .body-path-super-strong .variants .btn {
    margin-left: 5px;
    margin-top: 10px;
    height: 40px;
  }
  .variants .variant-content.more {
    margin-top: 10px;
  }
  .main-section .variants.sold-out .variant-content {
    width: 160px;
  }
}
@media (max-width: 359px) {
  .variants .variant-content {
    width: 40px;
    height: 35px;
  }
  .variants .variant-content.more {
    width: 50px;
  }
  .variants .variant-list ul li {
    margin-right: 2px;
  }
  .variant-title {
    font-size: 12px;
  }
  .variant-more {
    font-size: 12px;
  }
  .variant-wholesale {
    font-size: 7px;
  }
  .variant-price {
    font-size: 8px;
  }
  .variants .btn {
    margin-top: 0;
    max-width: 140px;
  }
  .body-path-cbd-kapky .variants .btn, .body-path-cbd-tablety .variants .btn, .body-path-cbd-konopi .variants .btn, .body-home .variants .btn, .body-path-ostatni .variants .btn, .body-path-vaporizacni-pera .variants .btn, .body-path-vaporizacni-pera-1 .variants .btn, .body-path-extrakty .variants .btn, .body-path-hhc .variants .btn, .body-path-edibles .variants .btn, .body-path-h4cbd .variants .btn, .body-path-super-strong .variants .btn {
    margin-left: 5px;
    margin-top: 10px;
    height: 36px;
    max-width: 90px;
  }
}
.alert-info {
  color: #fff;
  border-radius: 10px;
  border-color: transparent;
}

.alert-info .ui-icon-info {
  display: none;
}

.ui-widget.message {
  position: relative;
  background: #000;
  border-radius: 10px;
  margin-top: 20px;
}

.alert-info {
  background: #000;
  padding-top: 15px;
  padding-bottom: 15px;
}

.alert-info p {
  margin-bottom: 0;
}

.ui-widget.message::before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  border-radius: 10px;
  background-image: linear-gradient(20deg, #382900 0%, #c2a036 22%, #382900 50%, #c2a036 77%, #382900 100%);
  background-size: 100% 100%;
  z-index: -1;
}

.body-path-skosikdokonceni-objednavky .btn-back:hover {
  left: auto;
  right: auto;
  opacity: 1;
}

.body-path-skosikdokonceni-objednavky .btn-back::after {
  transition: all 0.3s;
}

.body-path-skosikdokonceni-objednavky .btn-back:hover::after {
  left: 50%;
  right: 50%;
  opacity: 0;
}

.doprava-platba-item-subcontent {
  padding-left: 48px;
  font-size: 16px;
}

.zasilkovna-selector-open {
  color: #c2a036;
  position: relative;
}

.zasilkovna-selector-open::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  right: 50%;
  opacity: 0;
  height: 1px;
  background: #c2a036;
  transition: all 0.3s;
}

.zasilkovna-selector-open:hover {
  color: #c2a036;
  text-decoration: none;
}

.zasilkovna-selector-open:hover::after {
  opacity: 1;
  left: 0;
  right: 0;
}

.zasilkovna-selector-branch-id {
  display: none;
}

.zasilkovna-selector-branch-name {
  margin-right: 15px;
}

.zasilkovna-selector-branch-name:empty {
  margin-right: 0;
}

.expl-mark {
  margin-left: 2px;
  margin-right: 2px;
}

#shipping-payment-box #basket-shippings-box,
#shipping-payment-box #basket-payments-box {
  float: none !important;
  margin-right: 0;
}

#shipping-payment-box .name {
  width: auto;
}

.ennotation {
  margin-top: 30px;
}

.gdpr-modal-link {
  text-decoration: underline;
}

.gdpr-modal-link:hover {
  text-decoration: none;
}

@media (max-width: 575px) {
  .ennotation {
    margin-top: 20px;
  }
  #shipping-payment-box .name {
    width: 80%;
  }
  #shipping-payment-box .price {
    text-align: right;
    justify-content: flex-end;
  }
  .doprava-platba-item-subcontent {
    padding-left: 38px;
  }
  #basket-shippings-box .selected .zasilkovna-info .zasilkovna-selector-branch-name {
    margin-right: 0;
  }
}
#basket-vouchers {
  width: 100%;
  float: none;
}

@media (max-width: 1559px) {
  .contact-two-col .image {
    max-width: 480px;
  }
}
@media (max-width: 1359px) {
  .contact-two-col .image {
    max-width: 440px;
  }
}
@media (max-width: 1199px) {
  .contact-two-col .image {
    max-width: 380px;
  }
}
.body-path-szapomenute-heslo .cart-section {
  max-width: 500px;
}

.body-path-szapomenute-heslo .btn-yellow-lg {
  font-size: 18px;
  height: 55px;
  padding-left: 16px;
  padding-right: 16px;
  width: 360px;
}

.body-path-szapomenute-heslo .invoice-box .content {
  padding: 35px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .body-path-szapomenute-heslo .btn-yellow-lg {
    line-height: 1;
  }
  .body-path-skosik .btn-yellow-lg {
    line-height: 1;
    padding: 0;
    float: none;
  }
}
@media (max-width: 767px) {
  .body-path-szapomenute-heslo .invoice-box .content {
    padding: 24px;
  }
}
@media (max-width: 575px) {
  .body-path-szapomenute-heslo .btn-yellow-lg {
    font-size: 15px;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
  }
  .body-path-szapomenute-heslo .invoice-box .content {
    padding: 10px;
  }
}
.body-path-sprihlaseni header {
  margin-bottom: 30px;
}

.body-path-sprihlaseni .ui-widget.message {
  max-width: 500px;
}

.body-path-sprihlaseni .cart-page {
  padding-top: 0;
}

.body-path-sprihlaseni .gold-box {
  max-width: 600px;
}

.body-path-sprihlaseni .invoice-box .content {
  padding-top: 15px;
  padding-bottom: 15px;
}

.in-signin-wrap {
  margin-top: 25px;
  max-width: 500px;
}

.in-signin-wrap .modal-body {
  padding-left: 0;
  padding-right: 0;
}

.in-signin-wrap .modal-footer {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 30px;
}

@media (min-width: 1600px) {
  .in-signin-wrap .cart-section {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .body-path-sprihlaseni .invoice-box .content {
    padding: 30px;
  }
  .in-signin-wrap .modal-footer {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .in-signin-wrap {
    margin-top: 0;
  }
  .in-signin-wrap .btn-yellow-sm {
    height: 45px;
    font-size: 16px;
  }
  .in-signin-wrap .modal-footer .link-white {
    font-size: 14px;
  }
  .in-signin-wrap .modal-footer .registration-mobile .reg {
    font-size: 14px;
  }
}
.cart-top {
  display: flex;
  justify-content: space-between;
  font-family: "Bebas Neue", cursive;
  margin-bottom: 40px;
}

.cart-top-item .text {
  font-size: 28px;
  font-weight: 400;
}

.cart-top-item.active .text {
  color: #c2a036;
}

.cart-top-item .text span:nth-child(1) {
  /* display: none;  */
  padding-right: 5px;
}

.discount {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .cart-top-item .text {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .cart-top-item .text {
    font-size: 30px;
  }
  .cart-top-item .text span:nth-child(1) {
    /* display: block; */
  }
  .cart-top-item .text span:nth-child(2) {
    display: none;
  }
  .cart-top {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.payment-box .cart-online-content {
  display: none;
  padding-left: 50px;
}

.payment-box .cart-online-wrap-head {
  padding-left: 48px;
  cursor: pointer;
  font-weight: normal;
  padding-top: 3px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  display: flex;
  background: url(/images/eighty8/uncheck.svg) left top no-repeat;
  min-height: 28px;
}

.payment-box .cart-online-wrap-head.active {
  background: url(/images/eighty8/check.svg) left top no-repeat;
}

.payment-box .cart-online-wrap-head span:nth-child(1) {
  position: relative;
}

.payment-box .cart-online-wrap-head span:nth-child(1):after {
  position: absolute;
  content: "";
  border: none;
  background: url(/images/eighty8/arr-down.svg) no-repeat center;
  width: 21px;
  height: 13px;
  left: calc(100% + 20px);
  top: 5px;
  /* transform: rotate(180deg); */
  transition: all 0.3s;
}

.payment-box .cart-online-wrap-head span:nth-child(2) {
  display: block;
  margin-left: auto;
  text-transform: none;
}

.payment-box .cart-online-wrap-head.open span:nth-child(1):after {
  transform: rotate(180deg);
}

@media (max-width: 575px) {
  .body-path-sdoprava-a-platba .payment-box .cart-online-wrap-head {
    font-size: 15px;
    padding-left: 40px;
  }
  .body-path-sdoprava-a-platba .payment-box .cart-online-content {
    padding-left: 30px;
  }
  .body-path-sdoprava-a-platba .checkbox-item .price {
    font-size: 15px;
  }
}
/** Categories **/
.categories {
  margin-bottom: 0;
  height: 160px;
  position: relative;
  z-index: 9;
}
.categories + .banner-cat {
  margin-top: 0;
}
@media (max-width: 1559px) {
  .categories {
    height: 160px;
  }
}
@media (max-width: 1359px) {
  .categories {
    height: 160px;
  }
}
@media (max-width: 1199px) {
  .categories {
    height: 160px;
  }
}
@media (max-width: 991px) {
  .categories {
    height: 160px;
  }
}
@media (max-width: 767px) {
  .categories {
    height: 150px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .categories {
    margin-bottom: 0;
  }
}

.categories-content {
  padding-top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 98;
}

.categories-row {
  margin: 0;
  padding: 0;
  display: flex;
}

.categories-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

.categories-cart {
  width: 173px;
  display: none;
}

.categories-item-col {
  padding-left: 0;
  padding-right: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.categories-item-img {
  text-align: center;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-bottom: -20px;
}
.categories-item-img img {
  max-width: unset !important;
  width: 100px !important;
  height: 110px !important;
  /* opacity: 0.8; */
  transition: opacity 0.3s;
}

.categories-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* &:hover,
  &:focus,
  &.active {
    outline: none;
    text-decoration: none;
    .categories-item-img {
      img {
        opacity: 1;
      }
    }
  } */
}
.categories-item:hover, .categories-item:focus, .categories-item.active {
  outline: none;
  text-decoration: none;
}
.categories-item:hover .categories-item-img, .categories-item:focus .categories-item-img, .categories-item.active .categories-item-img {
  background: url("../../images/eighty8/cat-hover.jpg") no-repeat center center;
  background-size: contain !important;
}
@media (max-width: 767px) {
  .categories-item:hover .categories-item-img, .categories-item:focus .categories-item-img, .categories-item.active .categories-item-img {
    background-size: 130% !important;
  }
}

.categories-item-txt {
  position: relative;
  z-index: 3;
  transition: all 0.3s;
}

.categories-item-txt span {
  color: #000000;
  font-weight: 700;
  color: #fff62a;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #ffffff 0%, #575757 100%);
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100%;
  font-size: 26px;
  transition: all 0.3s;
  font-family: "Big Shoulders Display", sans-serif;
  text-transform: uppercase;
}

.categories-logo {
  width: 140px;
  display: none;
}

.categories .component-box {
  display: none;
}

.categories-content.scroll-down .categories-items ul {
  top: 0;
}

@media (min-width: 768px) {
  .categories-items {
    position: relative;
  }
  .categories-items ul {
    width: 100%;
    transition: top 0.3s;
  }
}
#basket-box.fixed {
  position: fixed;
  padding-top: 25px;
  padding-left: 20px;
  top: 0;
  right: 15px;
  z-index: 99;
}

#basket-box.fixed .number {
  right: -16px;
  top: -8.6px;
  width: 24px;
  height: 24px;
}

#basket-box.fixed .cart .icon img {
  max-width: 38px;
}

.navbar-brand.fixed {
  position: fixed;
  width: 140px;
  padding-right: 20px;
  z-index: 99;
  top: 0;
}

.product-list {
  padding-top: 40px;
}

@media (min-width: 768px) {
  #basket-box,
  .navbar-brand {
    top: -60px;
    transition: all 0.3s;
  }
}
/* Scroll Down */
.categories-content.scroll-down {
  position: fixed;
  top: 0;
  padding-top: 25px;
  padding-bottom: 80px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 43%, #000000 44%, #000000 100%);
}

.categories-content.scroll-down .categories-cart,
.categories-content.scroll-down .categories-logo {
  display: block;
}

.categories-content.scroll-down .container {
  position: relative;
  height: 100%;
}

@media (min-width: 992px) {
  .categories-content.scroll-down .categories-item-col {
    flex-basis: unset;
    flex: unset;
    flex-grow: unset;
  }
}
.categories-content.scroll-down .categories-row {
  align-items: center;
  height: 100%;
}

.categories-content.scroll-down .categories-item-img {
  display: none;
  margin: 0;
  transition: none;
}

.categories-content.scroll-down .categories-item-txt {
  padding-top: 0;
}

.categories-content.scroll-down .categories-item-txt span {
  font-size: 28px;
  transition: all 0.3s;
}
@media (max-width: 1659px) {
  .categories-content.scroll-down .categories-item-txt span {
    font-size: 26px;
  }
}
@media (max-width: 1559px) {
  .categories-content.scroll-down .categories-item-txt span {
    font-size: 21px;
  }
}

.categories-content.scroll-down .categories-item-txt:hover span,
.categories-content.scroll-down .categories-item.active .categories-item-txt span {
  opacity: 1;
}

.categories-content.scroll-down .component-box {
  display: flex;
}

.categories-content.scroll-down .component-box .price {
  display: none;
}

.categories-content.scroll-down .categories-btn {
  flex-grow: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.categories-items {
  flex-grow: 2;
}

@media (min-width: 992px) {
  .categories-btn {
    display: none;
  }
  .categories-content.scroll-down .categories-btn {
    display: none;
  }
}
@media (max-width: 991px) {
  .categories-content.scroll-down .categories-row ul {
    /* padding-top: 20px; */
    padding-top: 40px;
  }
  .categories-content.scroll-down .categories-item-img {
    height: 90px;
  }
}
/* END Scroll Down */
/* Scroll Up */
.categories-content.scroll-up {
  position: fixed;
  top: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 30%, #000000 100%);
}

/* END Scroll Up */
@media (min-width: 576px) {
  #basket-box.fixed {
    right: calc((100vw - 510px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 510px) / 2);
  }
}
@media (min-width: 768px) {
  #basket-box.fixed {
    right: calc((100vw - 690px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 690px) / 2);
  }
}
@media (min-width: 992px) {
  #basket-box.fixed {
    right: calc((100vw - 930px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 930px) / 2);
  }
}
@media (min-width: 1199px) {
  #basket-box.fixed {
    right: calc((100vw - 1110px) / 2);
  }
  .navbar-brand.fixed {
    top: 22px;
    left: calc((100vw - 1110px) / 2);
  }
}
@media (min-width: 1360px) {
  #basket-box.fixed {
    right: calc((100vw - 1300px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 1300px) / 2);
  }
}
@media (min-width: 1560px) {
  #basket-box.fixed {
    right: calc((100vw - 1500px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 1500px) / 2);
  }
}
@media (min-width: 1660px) {
  #basket-box.fixed {
    right: calc((100vw - 1600px) / 2);
  }
  .navbar-brand.fixed {
    left: calc((100vw - 1600px) / 2);
  }
}
@media (max-width: 1659px) {
  .categories-item-txt span {
    font-size: 26px;
  }
  .product-list {
    padding-top: 65px;
    margin-top: 0;
  }
}
@media (max-width: 1559px) {
  .categories-content:not(.scroll-down) .container {
    max-width: unset;
  }
  .categories-item-txt span {
    font-size: 26px;
  }
  #basket-box.fixed .number {
    right: -10px;
  }
}
@media (max-width: 1359px) {
  .categories-item-txt span {
    font-size: 26px;
  }
  .categories-content.scroll-down .categories-item-txt span {
    font-size: 20px;
  }
  #basket-box.fixed .number {
    right: -19px;
  }
  .product-list {
    padding-top: 50px;
  }
}
@media (max-width: 1199px) {
  .categories {
    margin-top: -10px;
  }
  .categories-row ul {
    flex-wrap: wrap;
  }
  .categories-item-img {
    width: 90px;
  }
  .categories-item-txt span {
    font-size: 22px;
  }
  .categories-content.scroll-down .categories-item-txt span {
    font-size: 17px;
  }
  #basket-box.fixed {
    padding-top: 22px;
    padding-right: 10px;
  }
  #basket-box.fixed .header-cart .price {
    display: block;
  }
  .navbar-brand.fixed {
    width: 120px;
    top: 22px;
    padding-right: 20px;
  }
  .categories-logo {
    width: 110px;
  }
  #basket-box.fixed .number {
    right: -19px;
  }
}
@media (max-width: 991px) {
  .categories {
    margin-bottom: 10px;
  }
  .categories-content .container {
    max-width: unset !important;
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  .categories-content .container::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65px;
    background: linear-gradient(to left, #000 0%, transparent 100%);
  }
  .categories-row {
    flex-wrap: wrap;
  }
  .categories-row ul {
    width: 100%;
    order: 4;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    padding-right: 50px;
    padding-bottom: 10px;
  }
  .categories-item-img {
    width: 100%;
    margin-top: 0;
    margin-bottom: -27px;
  }
  .categories-item-img img {
    height: 82px !important;
    width: 75px !important;
  }
  .categories-item-col {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  .categories-item-txt span {
    font-size: 18px;
  }
  .categories-btn .btn {
    height: 45px;
    font-size: 16px;
    width: 100%;
    max-width: 200px;
  }
  .categories-content {
    padding-top: 0;
  }
  .categories-content.scroll-down {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 23%, #000000 24%, #000000 100%);
  }
  .categories.active .categories-content.scroll-down {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 6%, #000000 7%, #000000 100%);
  }
  .categories-items {
    width: 100%;
  }
  .categories-content.scroll-down {
    transition: all 0.3s;
    padding-bottom: 30px;
  }
  .categories-content.scroll-down .categories-item-img {
    display: block;
  }
  .categories-items.show {
    display: block !important;
  }
  .categories-content.scroll-down .categories-items {
    /* display: none; */
    display: block;
    flex-grow: 2;
    order: 4;
    z-index: 9;
  }
  .categories-btn {
    position: relative;
    opacity: 0;
    transition: margin-top 0.3s;
    margin-top: -40px;
  }
  .categories-content.scroll-down .categories-btn {
    opacity: 1;
    margin-top: -8px;
  }
  .categories.active .categories-content.scroll-down .categories-btn {
    z-index: 102;
  }
  #basket-box.fixed .number {
    right: -14px;
  }
  #basket-box {
    top: -51px;
    transition: top 0.3s;
  }
  .navbar-brand {
    top: -57px;
    padding-top: 3px;
  }
  .navbar-brand.fixed {
    transition: all 0.3s;
  }
  .product-list {
    padding-top: 0;
    margin-top: -20px;
  }
  /* #basket-box.fixed .header-cart .price {
    display: none;
  } */
  .categories-logo {
    width: 100px;
  }
  .categories-cart {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .categories {
    margin-top: -35px;
    margin-bottom: 35px;
    z-index: 99;
  }
  .categories-item-col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 575px) {
  .categories-item-col {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .categories-btn .btn {
    height: 40px;
    font-size: 15px;
    margin-top: 0;
  }
  .navbar-brand.fixed {
    top: 20px;
  }
  .navbar-brand.fixed img {
    max-width: 100%;
  }
  .categories-content.scroll-down .categories-btn {
    margin-top: -8px;
  }
  #basket-box.fixed .number {
    right: -9px;
  }
}
@media (max-width: 399px) {
  .categories-btn .btn {
    height: 42px;
    font-size: 15px;
  }
  .categories-content.scroll-down .categories-btn .btn {
    max-width: 150px;
  }
}
/** END Categories **/
/* Categories info */
.categories-info {
  padding-top: 40px;
}

.categories-info p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.64;
  font-family: "Montserrat";
  font-weight: 400;
  text-align: left;
}

@media (max-width: 575px) {
  .categories-info {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .categories-info p {
    font-size: 16px;
  }
}
/* END Categories info */
/* Show more-less */
.categories-more {
  max-width: unset;
}
.categories-more h2,
.categories-more .h2 {
  font-size: 32px;
  margin-bottom: 10px;
  color: #c2a036;
}
.categories-more a {
  color: #c2a036;
  text-decoration: underline;
}
.categories-more a:hover {
  text-decoration: none;
}

.categories-txt {
  height: 30px;
  overflow: hidden;
}

.more-less-wrap {
  overflow: hidden;
  max-height: 192px;
  margin-bottom: 10px;
}
.more-less-wrap + .more-less-btn span:nth-child(1) {
  display: block;
}
.more-less-wrap + .more-less-btn span:nth-child(2) {
  display: none;
}

.more-less-wrap.open {
  max-height: 9999px;
}
.more-less-wrap.open + .more-less-btn span:nth-child(1) {
  display: none;
}
.more-less-wrap.open + .more-less-btn span:nth-child(2) {
  display: block;
}

.more-less-btn {
  color: #c2a036;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 575px) {
  .more-less-wrap {
    height: 290px;
    max-height: 290px;
  }
  .more-less-wrap h2 {
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .more-less-btn {
    font-size: 16px;
  }
}
/* END Show more-less */
.modal-gallery-content .availability {
  margin: 10px 0;
  font-size: 18px;
}

.avail-unavailable,
.avail-available,
.avail-available_supplier {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

/** Mentis Come Soon **/
.mentis .come-soon {
  left: calc(50% + 130px);
}

@media (max-width: 991px) {
  .mentis .come-soon {
    left: calc(50% + 90px);
  }
}
@media (max-width: 767px) {
  .mentis .come-soon {
    left: 50%;
  }
}
/** END Mentis Come Soon **/
/** Mentis Max **/
.main-section.mentis-max {
  background: url("/images/eighty8/mentis-max-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.mentis-max .image {
  top: 0px;
  left: 0;
}

.main-section.mentis-max .text h2 {
  padding-right: 9px;
}

.main-section.mentis-max .text h2,
.main-section.mentis-max .text h3,
.modal-gallery#modal-gallery-17 .modal-title {
  color: #29b1ff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/mentis-max-txt.jpg");
  display: inline;
}

.main-section.mentis-max .text {
  position: relative;
  z-index: 15;
}

.main-section.mentis-max .text h3 {
  line-height: 0.9;
}

.main-section.mentis-max .text h2::selection,
.main-section.mentis-max .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #29b1ff;
}

.main-section.mentis-max .text ul li span::selection {
  color: #fff;
  background: #29b1ff;
}

.main-section.mentis-max .text ul li a::selection {
  color: #29b1ff;
  background: #fff;
}

.main-section.mentis-max .text ul li::selection {
  color: #fff;
  background: #29b1ff;
}

.main-section.mentis-max .text ul li:first-child::before {
  background: url("/images/eighty8/dna17.png") no-repeat center;
  background-size: 100%;
}

.main-section.mentis-max .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/glass.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-max .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/brain.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-max .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/heart.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-max .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon17.png") no-repeat center;
  background-size: 95%;
}

/* Mentis Max Variants */
.main-section.mentis-max .text .variants .variant-content .content {
  background-color: #0d3048;
}

.main-section.mentis-max .text .variants .variant-content::before,
.main-section.mentis-max .text .variants .variant-content::after {
  background-color: #0d3048;
}

.main-section.mentis-max .text .variants .variant-content:hover::after,
.main-section.mentis-max .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #0d3048 0%, #29b1ff 22%, #0d3048 50%, #29b1ff 77%, #0d3048 100%);
}

.main-section.mentis-max .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #0d3048 0%, #29b1ff 22%, #0d3048 50%, #29b1ff 77%, #0d3048 100%);
}

.main-section.mentis-max .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #29b1ff;
}

.main-section.mentis-max .text .variant-title,
.main-section.mentis-max .text .variant-more {
  color: #29b1ff;
}

.mentis-max .btn-addcart {
  background: #29b1ff url("/images/eighty8/btn-mentis-max-bottom.svg") no-repeat bottom center;
}

.mentis-max .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(41, 177, 255, 0.85);
}

.mentis-max .come-soon {
  background-color: #0d3048;
}

.mentis-max .come-soon span {
  text-shadow: 0 0 21px #29b1ff;
  color: #29b1ff;
}

/* END Mentis Max Variants */
/* Mentis Max Responsive */
@media (max-width: 1659px) {
  .main-section.mentis-max .image {
    width: 750px;
  }
}
@media (max-width: 1559px) {
  .main-section.mentis-max .image {
    width: 650px;
    top: -30px;
  }
}
@media (max-width: 1359px) {
  .main-section.mentis-max .image {
    width: 600px;
  }
}
@media (max-width: 1199px) {
  .main-section.mentis-max .image {
    width: 525px;
    top: -20px;
    left: -6%;
  }
}
@media (max-width: 991px) {
  .main-section.mentis-max {
    background: url("/images/eighty8/mentis-max-bg.jpg") no-repeat top left 55%;
    background-size: auto 100%;
  }
  .main-section.mentis-max .image {
    width: 450px;
    left: -15%;
  }
}
@media (max-width: 767px) {
  .main-section.mentis-max {
    background: url("/images/eighty8/mentis-max-bg.jpg") no-repeat top center;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.mentis-max .image {
    margin-bottom: -5px;
    width: 340px;
    left: -100px;
  }
}
@media (max-width: 575px) {
  .main-section.mentis-max .image {
    top: 0;
    width: 260px;
    left: -100px;
  }
}
/* END Mentis Max Responsive */
/** END Mentis Max **/
/** Mentis Chill **/
.main-section.mentis-chill {
  background: url("/images/eighty8/mentis-chill-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.mentis-chill .image {
  top: 50px;
  right: 15%;
}

.main-section.mentis-chill .text h2 {
  padding-right: 9px;
}

.main-section.mentis-chill .text h2,
.main-section.mentis-chill .text h3,
.modal-gallery#modal-gallery-18 .modal-title {
  color: #ff008b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/mentis-chill-txt.jpg");
  display: inline;
}

.main-section.mentis-chill .text {
  position: relative;
  z-index: 15;
}

.main-section.mentis-chill .text h3 {
  line-height: 0.9;
}

.main-section.mentis-chill .text h2::selection,
.main-section.mentis-chill .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff008b;
}

.main-section.mentis-chill .text ul li span::selection {
  color: #fff;
  background: #ff008b;
}

.main-section.mentis-chill .text ul li a::selection {
  color: #ff008b;
  background: #fff;
}

.main-section.mentis-chill .text ul li::selection {
  color: #fff;
  background: #ff008b;
}

.main-section.mentis-chill .text ul li:first-child::before {
  background: url("/images/eighty8/dna18.png") no-repeat center;
  background-size: 100%;
}

.main-section.mentis-chill .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/figure1.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-chill .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/figure2.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-chill .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/figure3.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-chill .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon18.png") no-repeat center;
  background-size: 95%;
}

/* Mentis Chill Variants */
.main-section.mentis-chill .text .variants .variant-content .content {
  background-color: #39001f;
}

.main-section.mentis-chill .text .variants .variant-content::before,
.main-section.mentis-chill .text .variants .variant-content::after {
  background-color: #39001f;
}

.main-section.mentis-chill .text .variants .variant-content:hover::after,
.main-section.mentis-chill .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #39001f 0%, #ff008b 22%, #39001f 50%, #ff008b 77%, #39001f 100%);
}

.main-section.mentis-chill .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #39001f 0%, #ff008b 22%, #39001f 50%, #ff008b 77%, #39001f 100%);
}

.main-section.mentis-chill .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff008b;
}

.main-section.mentis-chill .text .variant-title,
.main-section.mentis-chill .text .variant-more {
  color: #ff008b;
}

.mentis-chill .btn-addcart {
  background: #ff008b url("/images/eighty8/btn-mentis-chill-bottom.svg") no-repeat bottom center;
}

.mentis-chill .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 0, 139, 0.85);
}

.mentis-chill .come-soon {
  background-color: #39001f;
}

.mentis-chill .come-soon span {
  text-shadow: 0 0 21px #ff008b;
  color: #ff008b;
}

/* END Mentis Chill Variants */
/* Mentis Chill Responsive */
@media (max-width: 1659px) {
  .main-section.mentis-chill .image {
    width: 700px;
    top: -50px;
  }
}
@media (max-width: 1559px) {
  .main-section.mentis-chill .image {
    width: 600px;
    top: -30px;
    right: 15%;
  }
}
@media (max-width: 1359px) {
  .main-section.mentis-chill .image {
    width: 600px;
    right: 12%;
  }
}
@media (max-width: 1199px) {
  .main-section.mentis-chill .image {
    width: 500px;
    top: -20px;
    right: 15%;
  }
}
@media (max-width: 991px) {
  .main-section.mentis-chill {
    background: url("/images/eighty8/mentis-chill-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.mentis-chill .image {
    width: 450px;
    right: 5%;
  }
}
@media (max-width: 767px) {
  .main-section.mentis-chill {
    background: url("/images/eighty8/mentis-chill-bg.jpg") no-repeat top right -100px;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.mentis-chill .image {
    left: auto;
    width: 320px;
    right: 20px;
  }
}
@media (max-width: 575px) {
  .main-section.mentis-chill .image {
    left: auto;
    width: 240px;
    right: 20px;
  }
}
/* END Mentis Chill Responsive */
/** END Mentis Chill **/
/** Mentis Vital **/
.main-section.mentis-vital {
  background: url("/images/eighty8/mentis-vital-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.mentis-vital .image {
  top: 0px;
  left: 0;
}

.main-section.mentis-vital .text h2 {
  padding-right: 9px;
}

.main-section.mentis-vital .text h2,
.main-section.mentis-vital .text h3,
.modal-gallery#modal-gallery-19 .modal-title {
  color: #ff6100;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/mentis-vital-txt.jpg");
  display: inline;
}

.main-section.mentis-vital .text {
  position: relative;
  z-index: 15;
}

.main-section.mentis-vital .text h3 {
  line-height: 0.9;
}

.main-section.mentis-vital .text h2::selection,
.main-section.mentis-vital .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff6100;
}

.main-section.mentis-vital .text ul li span::selection {
  color: #fff;
  background: #ff6100;
}

.main-section.mentis-vital .text ul li a::selection {
  color: #ff6100;
  background: #fff;
}

.main-section.mentis-vital .text ul li::selection {
  color: #fff;
  background: #ff6100;
}

.main-section.mentis-vital .text ul li:first-child::before {
  background: url("/images/eighty8/dna19.png") no-repeat center;
  background-size: 100%;
}

.main-section.mentis-vital .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/heart2.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-vital .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/tacho.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-vital .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/vaha.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-vital .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon19.png") no-repeat center;
  background-size: 95%;
}

/* Mentis Vital Variants */
.main-section.mentis-vital .text .variants .variant-content .content {
  background-color: #311300;
}

.main-section.mentis-vital .text .variants .variant-content::before,
.main-section.mentis-vital .text .variants .variant-content::after {
  background-color: #311300;
}

.main-section.mentis-vital .text .variants .variant-content:hover::after,
.main-section.mentis-vital .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #311300 0%, #ff6100 22%, #311300 50%, #ff6100 77%, #311300 100%);
}

.main-section.mentis-vital .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #311300 0%, #ff6100 22%, #311300 50%, #ff6100 77%, #311300 100%);
}

.main-section.mentis-vital .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff6100;
}

.main-section.mentis-vital .text .variant-title,
.main-section.mentis-vital .text .variant-more {
  color: #ff6100;
}

.mentis-vital .btn-addcart {
  background: #ff6100 url("/images/eighty8/btn-mentis-vital-bottom.svg") no-repeat bottom center;
}

.mentis-vital .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 97, 0, 0.85);
}

.mentis-vital .come-soon {
  background-color: #311300;
}

.mentis-vital .come-soon span {
  text-shadow: 0 0 21px #ff6100;
  color: #ff6100;
}

/* END Mentis Vital Variants */
/* Mentis Vital Responsive */
@media (max-width: 1659px) {
  .main-section.mentis-vital .image {
    width: 800px;
  }
}
@media (max-width: 1559px) {
  .main-section.mentis-vital .image {
    width: 700px;
    top: -30px;
  }
}
@media (max-width: 1359px) {
  .main-section.mentis-vital .image {
    width: 650px;
  }
}
@media (max-width: 1199px) {
  .main-section.mentis-vital .image {
    width: 550px;
    top: -20px;
    left: 5%;
  }
}
@media (max-width: 991px) {
  .main-section.mentis-vital .image {
    width: 450px;
    left: -10%;
  }
}
@media (max-width: 767px) {
  .main-section.mentis-vital {
    background: url("/images/eighty8/mentis-vital-bg.jpg") no-repeat top left 10%;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.mentis-vital .image {
    width: 345px;
    left: -40px;
  }
}
@media (max-width: 575px) {
  .main-section.mentis-vital .image {
    width: 260px;
    left: -70px;
  }
}
/* END Mentis Vital Responsive */
/** END Mentis Vital **/
/** Mentis Up **/
.main-section.mentis-up {
  background: url("/images/eighty8/mentis-up-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.mentis-up .image {
  top: 50px;
  right: 15%;
}

.main-section.mentis-up .text h2 {
  padding-right: 9px;
}

.main-section.mentis-up .text h2,
.main-section.mentis-up .text h3,
.modal-gallery#modal-gallery-20 .modal-title {
  color: #ffd119;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/mentis-up-txt.jpg");
  display: inline;
}

.main-section.mentis-up .text {
  position: relative;
  z-index: 15;
}

.main-section.mentis-up .text h3 {
  line-height: 0.9;
}

.main-section.mentis-up .text h2::selection,
.main-section.mentis-up .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ffd119;
}

.main-section.mentis-up .text ul li span::selection {
  color: #fff;
  background: #ffd119;
}

.main-section.mentis-up .text ul li a::selection {
  color: #ffd119;
  background: #fff;
}

.main-section.mentis-up .text ul li::selection {
  color: #fff;
  background: #ffd119;
}

.main-section.mentis-up .text ul li:first-child::before {
  background: url("/images/eighty8/dna20.png") no-repeat center;
  background-size: 100%;
}

.main-section.mentis-up .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/smile.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-up .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/glass2.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-up .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/foot.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-up .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon20.png") no-repeat center;
  background-size: 95%;
}

/* Mentis Up Variants */
.main-section.mentis-up .text .variants .variant-content .content {
  background-color: #30250a;
}

.main-section.mentis-up .text .variants .variant-content::before,
.main-section.mentis-up .text .variants .variant-content::after {
  background-color: #30250a;
}

.main-section.mentis-up .text .variants .variant-content:hover::after,
.main-section.mentis-up .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #30250a 0%, #e4b806 22%, #30250a 50%, #e4b806 77%, #30250a 100%);
}

.main-section.mentis-up .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #30250a 0%, #e4b806 22%, #30250a 50%, #e4b806 77%, #30250a 100%);
}

.main-section.mentis-up .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e4b806;
}

.main-section.mentis-up .text .variant-title,
.main-section.mentis-up .text .variant-more {
  color: #ffd119;
}

.mentis-up .btn-addcart {
  background: #e4b806 url("/images/eighty8/btn-mentis-up-bottom.svg") no-repeat bottom center;
}

.mentis-up .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(228, 184, 6, 0.85);
}

.mentis-up .come-soon {
  background-color: #30250a;
}

.mentis-up .come-soon span {
  text-shadow: 0 0 21px #e4b806;
  color: #e4b806;
}

/* END Mentis Up Variants */
/* Mentis Up Responsive */
@media (max-width: 1659px) {
  .main-section.mentis-up .image {
    width: 700px;
    top: -50px;
  }
}
@media (max-width: 1559px) {
  .main-section.mentis-up .image {
    width: 600px;
    top: -30px;
    right: 15%;
  }
}
@media (max-width: 1359px) {
  .main-section.mentis-up .image {
    width: 600px;
    right: 12%;
  }
}
@media (max-width: 1199px) {
  .main-section.mentis-up .image {
    width: 500px;
    top: -20px;
    right: 15%;
  }
}
@media (max-width: 991px) {
  .main-section.mentis-up {
    background: url("/images/eighty8/mentis-up-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.mentis-up .image {
    width: 450px;
    right: 5%;
  }
}
@media (max-width: 767px) {
  .main-section.mentis-up {
    background: url("/images/eighty8/mentis-up-bg.jpg") no-repeat top right -100px;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.mentis-up .image {
    width: 320px;
    right: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.mentis-up .image {
    width: 240px;
    right: 20px;
  }
}
/* END Mentis Up Responsive */
/** END Mentis Up **/
/** Mentis Zen **/
.main-section.mentis-zen {
  background: url("/images/eighty8/mentis-zen-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.mentis-zen .image {
  top: 0px;
  left: 0;
}

.main-section.mentis-zen .image img {
  margin-left: -1.5%;
}

.main-section.mentis-zen .text h2 {
  padding-right: 9px;
}

.main-section.mentis-zen .text h2,
.main-section.mentis-zen .text h3,
.modal-gallery#modal-gallery-21 .modal-title {
  color: #58f428;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/mentis-zen-txt.jpg");
  display: inline;
}

.main-section.mentis-zen .text {
  position: relative;
  z-index: 15;
}

.main-section.mentis-zen .text h3 {
  line-height: 0.9;
}

.main-section.mentis-zen .text h2::selection,
.main-section.mentis-zen .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #58f428;
}

.main-section.mentis-zen .text ul li span::selection {
  color: #fff;
  background: #58f428;
}

.main-section.mentis-zen .text ul li a::selection {
  color: #58f428;
  background: #fff;
}

.main-section.mentis-zen .text ul li::selection {
  color: #fff;
  background: #58f428;
}

.main-section.mentis-zen .text ul li:first-child::before {
  background: url("/images/eighty8/dna21.png") no-repeat center;
  background-size: 100%;
}

.main-section.mentis-zen .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/leaf.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-zen .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/brain2.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-zen .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/umbrella.png") no-repeat center;
  background-size: 90%;
}

.main-section.mentis-zen .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon21.png") no-repeat center;
  background-size: 95%;
}

/* Mentis Zen Variants */
.main-section.mentis-zen .text .variants .variant-content .content {
  background-color: #103306;
}

.main-section.mentis-zen .text .variants .variant-content::before,
.main-section.mentis-zen .text .variants .variant-content::after {
  background-color: #103306;
}

.main-section.mentis-zen .text .variants .variant-content:hover::after,
.main-section.mentis-zen .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #103306 0%, #58f428 22%, #103306 50%, #58f428 77%, #103306 100%);
}

.main-section.mentis-zen .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #103306 0%, #58f428 22%, #103306 50%, #58f428 77%, #103306 100%);
}

.main-section.mentis-zen .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #58f428;
}

.main-section.mentis-zen .text .variant-title,
.main-section.mentis-zen .text .variant-more {
  color: #58f428;
}

.mentis-zen .btn-addcart {
  background: #42bf22 url("/images/eighty8/btn-mentis-zen-bottom.svg") no-repeat bottom center;
}

.mentis-zen .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(88, 244, 40, 0.85);
}

.mentis-zen .come-soon {
  background-color: #103306;
}

.mentis-zen .come-soon span {
  text-shadow: 0 0 21px #58f428;
  color: #58f428;
}

/* END Mentis Zen Variants */
/* Mentis Zen Responsive */
@media (max-width: 1659px) {
  .main-section.mentis-zen .image {
    width: 700px;
  }
}
@media (max-width: 1559px) {
  .main-section.mentis-zen .image {
    width: 700px;
    top: -30px;
  }
  .main-section.mentis-zen .image img {
    margin-left: 0%;
  }
}
@media (max-width: 1359px) {
  .main-section.mentis-zen .image {
    width: 650px;
  }
  .main-section.mentis-zen .image img {
    /* margin-left: -5.8%; */
  }
}
@media (max-width: 1199px) {
  .main-section.mentis-zen .image {
    width: 550px;
    top: -20px;
  }
  .main-section.mentis-zen .image img {
    margin-left: 5%;
  }
}
@media (max-width: 991px) {
  .main-section.mentis-zen {
    background: url("/images/eighty8/mentis-zen-bg.jpg") no-repeat top left 45%;
    background-size: auto 100%;
  }
  .main-section.mentis-zen .image {
    width: 450px;
  }
  .main-section.mentis-zen .image img {
    margin-left: -10%;
  }
}
@media (max-width: 767px) {
  .main-section.mentis-zen {
    background: url("/images/eighty8/mentis-zen-bg.jpg") no-repeat top left -30px;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.mentis-zen .image {
    width: 320px;
  }
}
@media (max-width: 575px) {
  .main-section.mentis-zen .image {
    width: 240px;
    left: -40px;
  }
}
/* END Mentis Zen Responsive */
/** END Mentis Zen **/
/** Liquid Strawberry **/
.main-section.liquid-strawberry {
  background: url("/images/eighty8/liquid-strawberry-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.liquid-strawberry .image {
  top: 0;
  right: 8%;
}

.main-section.liquid-strawberry .text h2 {
  padding-right: 9px;
  padding-bottom: 38px;
}

.main-section.liquid-strawberry .text h2,
.main-section.liquid-strawberry .text h3,
.modal-gallery#modal-gallery-22 .modal-title {
  color: #ff4c4d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/liquid-strawberry-txt.jpg");
}

.main-section.liquid-strawberry .text {
  position: relative;
  z-index: 15;
}

.main-section.liquid-strawberry .text h3 {
  line-height: 0.9;
}

.main-section.liquid-strawberry .text h2::selection,
.main-section.liquid-strawberry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff4c4d;
}

.main-section.liquid-strawberry .text ul li span::selection {
  color: #fff;
  background: #ff4c4d;
}

.main-section.liquid-strawberry .text ul li a::selection {
  color: #ff4c4d;
  background: #fff;
}

.main-section.liquid-strawberry .text ul li::selection {
  color: #fff;
  background: #ff4c4d;
}

.main-section.liquid-strawberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna22.png") no-repeat center;
  background-size: 100%;
}

.main-section.liquid-strawberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila22.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-strawberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut22.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-strawberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni22.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-strawberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon22.png") no-repeat center;
  background-size: 95%;
}

/* Liquid Strawberry Variants */
.main-section.liquid-strawberry .text .variants .variant-content .content {
  background-color: #331111;
}

.main-section.liquid-strawberry .text .variants .variant-content::before,
.main-section.liquid-strawberry .text .variants .variant-content::after {
  background-color: #331111;
}

.main-section.liquid-strawberry .text .variants .variant-content:hover::after,
.main-section.liquid-strawberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #331111 0%, #f13636 22%, #331111 50%, #f13636 77%, #331111 100%);
}

.main-section.liquid-strawberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #331111 0%, #f13636 22%, #331111 50%, #f13636 77%, #331111 100%);
}

.main-section.liquid-strawberry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f13636;
}

.main-section.liquid-strawberry .text .variant-title,
.main-section.liquid-strawberry .text .variant-more {
  color: #ff4c4d;
}

.liquid-strawberry .btn-addcart {
  background: #f13636 url("/images/eighty8/btn-liquid-strawberry-bottom.svg") no-repeat bottom center;
}

.liquid-strawberry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(241, 54, 54, 0.85);
}

.liquid-strawberry .come-soon {
  background-color: #331111;
}

.liquid-strawberry .come-soon span {
  text-shadow: 0 0 21px #f13636;
  color: #f13636;
}

/* END Liquid Strawberry Variants */
/* Liquid Strawberry Responsive */
@media (max-width: 1659px) {
  .main-section.liquid-strawberry .image {
    width: 700px;
    top: -50px;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 28px;
  }
}
@media (max-width: 1559px) {
  .main-section.liquid-strawberry .image {
    width: 600px;
    top: -30px;
    right: 5%;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 23px;
  }
}
@media (max-width: 1359px) {
  .main-section.liquid-strawberry .image {
    width: 550px;
    right: 5%;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 18px;
  }
}
@media (max-width: 1199px) {
  .main-section.liquid-strawberry .image {
    width: 500px;
    top: -20px;
    right: 5%;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .main-section.liquid-strawberry {
    background: url("/images/eighty8/liquid-strawberry-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.liquid-strawberry .image {
    width: 425px;
    right: 0;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .main-section.liquid-strawberry {
    background: url("/images/eighty8/liquid-strawberry-bg.jpg") no-repeat top right -30%;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.liquid-strawberry .image {
    margin-bottom: -80px;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.liquid-strawberry .image {
    top: 0;
    margin-bottom: -40px;
  }
  .main-section.liquid-strawberry .image img {
    max-width: 280px;
    margin: 0 auto;
  }
  .main-section.liquid-strawberry .text h2 {
    padding-bottom: 10px;
  }
}
/* END Liquid Strawberry Responsive */
/** END Liquid Strawberry **/
/** Ice Menthol **/
.main-section.ice-menthol {
  background: url("/images/eighty8/ice-menthol-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.ice-menthol .image {
  top: 0;
  left: 4%;
}

.main-section.ice-menthol .text h2 {
  padding-right: 10px;
}

.main-section.ice-menthol .text h2,
.main-section.ice-menthol .text h3,
.modal-gallery#modal-gallery-23 .modal-title {
  color: #7ffdde;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ice-menthol-txt.jpg");
  display: inline;
}

.main-section.ice-menthol .text {
  position: relative;
  z-index: 15;
}

.main-section.ice-menthol .text h3 {
  line-height: 0.9;
}

.main-section.ice-menthol .text h2::selection,
.main-section.ice-menthol .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #7ffdde;
}

.main-section.ice-menthol .text ul li span::selection {
  color: #fff;
  background: #7ffdde;
}

.main-section.ice-menthol .text ul li a::selection {
  color: #7ffdde;
  background: #fff;
}

.main-section.ice-menthol .text ul li::selection {
  color: #fff;
  background: #7ffdde;
}

.main-section.ice-menthol .text ul li:first-child::before {
  background: url("/images/eighty8/dna23.png") no-repeat center;
  background-size: 100%;
}

.main-section.ice-menthol .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila23.png") no-repeat center;
  background-size: 90%;
}

.main-section.ice-menthol .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut23.png") no-repeat center;
  background-size: 90%;
}

.main-section.ice-menthol .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni23.png") no-repeat center;
  background-size: 90%;
}

.main-section.ice-menthol .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon23.png") no-repeat center;
  background-size: 95%;
}

/* Ice Menthol Variants */
.main-section.ice-menthol .text .variants .variant-content .content {
  background-color: #0e2922;
}

.main-section.ice-menthol .text .variants .variant-content::before,
.main-section.ice-menthol .text .variants .variant-content::after {
  background-color: #0e2922;
}

.main-section.ice-menthol .text .variants .variant-content:hover::after,
.main-section.ice-menthol .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #0e2922 0%, #55c7ab 22%, #0e2922 50%, #55c7ab 77%, #0e2922 100%);
}

.main-section.ice-menthol .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #0e2922 0%, #55c7ab 22%, #0e2922 50%, #55c7ab 77%, #0e2922 100%);
}

.main-section.ice-menthol .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #55c7ab;
}

.main-section.ice-menthol .text .variant-title,
.main-section.ice-menthol .text .variant-more {
  color: #7ffdde;
}

.ice-menthol .btn-addcart {
  background: #55c7ab url("/images/eighty8/btn-ice-menthol-bottom.svg") no-repeat bottom center;
}

.ice-menthol .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(85, 199, 171, 0.85);
}

.ice-menthol .come-soon {
  background-color: #0e2922;
}

.ice-menthol .come-soon span {
  text-shadow: 0 0 21px #55c7ab;
  color: #55c7ab;
}

/* END Ice Menthol Variants */
/* Ice Menthol Responsive */
@media (max-width: 1659px) {
  .main-section.ice-menthol .image {
    width: 800px;
    top: -50px;
  }
}
@media (max-width: 1559px) {
  .main-section.ice-menthol .image {
    width: 660px;
    top: -30px;
    left: 7.5%;
  }
}
@media (max-width: 1359px) {
  .main-section.ice-menthol .image {
    width: 600px;
    left: 3%;
  }
}
@media (max-width: 1199px) {
  .main-section.ice-menthol .image {
    width: 580px;
    top: -20px;
  }
}
@media (max-width: 991px) {
  .main-section.ice-menthol {
    background: url("/images/eighty8/ice-menthol-bg.jpg") no-repeat top left 45%;
    background-size: auto 100%;
  }
  .main-section.ice-menthol .image {
    width: 425px;
  }
}
@media (max-width: 767px) {
  .main-section.ice-menthol {
    background: url("/images/eighty8/ice-menthol-bg.jpg") no-repeat top left -30%;
    background-size: auto 100%;
  }
  .main-section.ice-menthol .image {
    margin-bottom: -40px;
    left: 0;
  }
}
@media (max-width: 575px) {
  .main-section.ice-menthol .image {
    top: 0;
    margin-bottom: -25px;
  }
  .main-section.ice-menthol .image img {
    max-width: 280px;
    margin: 0 auto;
  }
}
/* END Ice Menthol Responsive */
/** END Ice Menthol **/
/** Liquid Vanilla **/
.main-section.liquid-vanilla {
  background: url("/images/eighty8/liquid-vanilla-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.liquid-vanilla .image {
  top: 0;
  right: 8%;
}

.main-section.liquid-vanilla .text h2 {
  padding-right: 9px;
}

.main-section.liquid-vanilla .text h2,
.main-section.liquid-vanilla .text h3,
.modal-gallery#modal-gallery-24 .modal-title {
  color: #ffdd59;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/liquid-vanilla-txt.jpg");
  display: inline;
}

.main-section.liquid-vanilla .text {
  position: relative;
  z-index: 15;
}

.main-section.liquid-vanilla .text h3 {
  line-height: 0.9;
}

.main-section.liquid-vanilla .text h2::selection,
.main-section.liquid-vanilla .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ffdd59;
}

.main-section.liquid-vanilla .text ul li span::selection {
  color: #fff;
  background: #ffdd59;
}

.main-section.liquid-vanilla .text ul li a::selection {
  color: #ffdd59;
  background: #fff;
}

.main-section.liquid-vanilla .text ul li::selection {
  color: #fff;
  background: #ffdd59;
}

.main-section.liquid-vanilla .text ul li:first-child::before {
  background: url("/images/eighty8/dna24.png") no-repeat center;
  background-size: 100%;
}

.main-section.liquid-vanilla .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila24.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-vanilla .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut24.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-vanilla .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni24.png") no-repeat center;
  background-size: 90%;
}

.main-section.liquid-vanilla .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon24.png") no-repeat center;
  background-size: 95%;
}

/* Liquid Vanilla Variants */
.main-section.liquid-vanilla .text .variants .variant-content .content {
  background-color: #332c11;
}

.main-section.liquid-vanilla .text .variants .variant-content::before,
.main-section.liquid-vanilla .text .variants .variant-content::after {
  background-color: #332c11;
}

.main-section.liquid-vanilla .text .variants .variant-content:hover::after,
.main-section.liquid-vanilla .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #332c11 0%, #f7d347 22%, #332c11 50%, #f7d347 77%, #332c11 100%);
}

.main-section.liquid-vanilla .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #332c11 0%, #f7d347 22%, #332c11 50%, #f7d347 77%, #332c11 100%);
}

.main-section.liquid-vanilla .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f7d347;
}

.main-section.liquid-vanilla .text .variant-title,
.main-section.liquid-vanilla .text .variant-more {
  color: #ffdd59;
}

.liquid-vanilla .btn-addcart {
  background: #f7d347 url("/images/eighty8/btn-liquid-vanilla-bottom.svg") no-repeat bottom center;
  color: #332c11;
}

.liquid-vanilla .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(247, 211, 71, 0.85);
}

.liquid-vanilla .come-soon {
  background-color: #332c11;
}

.liquid-vanilla .come-soon span {
  text-shadow: 0 0 21px #f7d347;
  color: #f7d347;
}

/* END Liquid Vanilla Variants */
/* Liquid Vanilla Responsive */
@media (max-width: 1659px) {
  .main-section.liquid-vanilla .image {
    width: 700px;
    top: -50px;
  }
}
@media (max-width: 1559px) {
  .main-section.liquid-vanilla .image {
    width: 600px;
    top: -30px;
    right: 5%;
  }
}
@media (max-width: 1359px) {
  .main-section.liquid-vanilla .image {
    width: 550px;
    right: 5%;
  }
}
@media (max-width: 1199px) {
  .main-section.liquid-vanilla .image {
    width: 500px;
    top: -20px;
    right: 5%;
  }
}
@media (max-width: 991px) {
  .main-section.liquid-vanilla {
    background: url("/images/eighty8/liquid-vanilla-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.liquid-vanilla .image {
    width: 425px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .main-section.liquid-vanilla {
    background: url("/images/eighty8/liquid-vanilla-bg.jpg") no-repeat top right -30%;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.liquid-vanilla .image {
    margin-bottom: -80px;
  }
}
@media (max-width: 575px) {
  .main-section.liquid-vanilla .image {
    top: 0;
    margin-bottom: -40px;
  }
  .main-section.liquid-vanilla .image img {
    max-width: 280px;
    margin: 0 auto;
  }
}
/* END Liquid Vanilla Responsive */
/** END Liquid Vanilla **/
/** Wild Cherry **/
.main-section.wild-cherry {
  background: url("/images/eighty8/wild-cherry-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.wild-cherry .image {
  top: 0;
  left: 10%;
}

.main-section.wild-cherry .text h2 {
  padding-right: 9px;
  padding-bottom: 38px;
}

.main-section.wild-cherry .text h2,
.main-section.wild-cherry .text h3,
.modal-gallery#modal-gallery-25 .modal-title {
  color: #ff3372;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/wild-cherry-txt.jpg");
}

.main-section.wild-cherry .text {
  position: relative;
  z-index: 15;
}

.main-section.wild-cherry .text h3 {
  line-height: 0.9;
}

.main-section.wild-cherry .text h2::selection,
.main-section.wild-cherry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff3372;
}

.main-section.wild-cherry .text ul li span::selection {
  color: #fff;
  background: #ff3372;
}

.main-section.wild-cherry .text ul li a::selection {
  color: #ff3372;
  background: #fff;
}

.main-section.wild-cherry .text ul li::selection {
  color: #fff;
  background: #ff3372;
}

.main-section.wild-cherry .text ul li:first-child::before {
  background: url("/images/eighty8/dna25.png") no-repeat center;
  background-size: 100%;
}

.main-section.wild-cherry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila25.png") no-repeat center;
  background-size: 90%;
}

.main-section.wild-cherry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut25.png") no-repeat center;
  background-size: 90%;
}

.main-section.wild-cherry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni25.png") no-repeat center;
  background-size: 90%;
}

.main-section.wild-cherry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon25.png") no-repeat center;
  background-size: 95%;
}

/* Wild Cherry Variants */
.main-section.wild-cherry .text .variants .variant-content .content {
  background-color: #340d19;
}

.main-section.wild-cherry .text .variants .variant-content::before,
.main-section.wild-cherry .text .variants .variant-content::after {
  background-color: #340d19;
}

.main-section.wild-cherry .text .variants .variant-content:hover::after,
.main-section.wild-cherry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #340d19 0%, #ca3261 22%, #340d19 50%, #ca3261 77%, #340d19 100%);
}

.main-section.wild-cherry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #340d19 0%, #ca3261 22%, #340d19 50%, #ca3261 77%, #340d19 100%);
}

.main-section.wild-cherry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ca3261;
}

.main-section.wild-cherry .text .variant-title,
.main-section.wild-cherry .text .variant-more {
  color: #ff3372;
}

.wild-cherry .btn-addcart {
  background: #ca3261 url("/images/eighty8/btn-wild-cherry-bottom.svg") no-repeat bottom center;
}

.wild-cherry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(202, 50, 97, 0.85);
}

.wild-cherry .come-soon {
  background-color: #340d19;
}

.wild-cherry .come-soon span {
  text-shadow: 0 0 21px #ca3261;
  color: #ca3261;
}

/* END Wild Cherry Variants */
/* Wild Cherry Responsive */
@media (max-width: 1659px) {
  .main-section.wild-cherry .image {
    width: 700px;
    top: -50px;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 28px;
  }
}
@media (max-width: 1559px) {
  .main-section.wild-cherry .image {
    width: 600px;
    top: -30px;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 23px;
  }
}
@media (max-width: 1359px) {
  .main-section.wild-cherry .image {
    width: 550px;
    left: 6%;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 18px;
  }
}
@media (max-width: 1199px) {
  .main-section.wild-cherry .image {
    width: 500px;
    top: -20px;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .main-section.wild-cherry {
    background: url("/images/eighty8/wild-cherry-bg.jpg") no-repeat top left 45%;
    background-size: auto 100%;
  }
  .main-section.wild-cherry .image {
    width: 425px;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .main-section.wild-cherry {
    background: url("/images/eighty8/wild-cherry-bg.jpg") no-repeat top left -30%;
    background-size: auto 100%;
  }
  .main-section.wild-cherry .image {
    margin-bottom: -40px;
    left: 0;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.wild-cherry .image {
    top: 0;
    margin-bottom: -25px;
  }
  .main-section.wild-cherry .image img {
    max-width: 280px;
    margin: 0 auto;
  }
  .main-section.wild-cherry .text h2 {
    padding-bottom: 10px;
  }
}
/* END Wild Cherry Responsive */
/** END Wild Cherry **/
/** Green Apple **/
.main-section.green-apple {
  background: url("/images/eighty8/green-apple-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.green-apple .image {
  top: 0;
  right: 8%;
}

.main-section.green-apple .text h2 {
  padding-right: 9px;
  padding-bottom: 40px;
}

.main-section.green-apple .text h2,
.main-section.green-apple .text h3,
.modal-gallery#modal-gallery-26 .modal-title {
  color: #c8e653;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/green-apple-txt.jpg");
}

.main-section.green-apple .text {
  position: relative;
  z-index: 15;
}

.main-section.green-apple .text h3 {
  line-height: 0.9;
}

.main-section.green-apple .text h2::selection,
.main-section.green-apple .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #c8e653;
}

.main-section.green-apple .text ul li span::selection {
  color: #fff;
  background: #c8e653;
}

.main-section.green-apple .text ul li a::selection {
  color: #c8e653;
  background: #fff;
}

.main-section.green-apple .text ul li::selection {
  color: #fff;
  background: #c8e653;
}

.main-section.green-apple .text ul li:first-child::before {
  background: url("/images/eighty8/dna26.png") no-repeat center;
  background-size: 100%;
}

.main-section.green-apple .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila26.png") no-repeat center;
  background-size: 90%;
}

.main-section.green-apple .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut26.png") no-repeat center;
  background-size: 90%;
}

.main-section.green-apple .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni26.png") no-repeat center;
  background-size: 90%;
}

.main-section.green-apple .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon26.png") no-repeat center;
  background-size: 95%;
}

/* Green Apple Variants */
.main-section.green-apple .text .variants .variant-content .content {
  background-color: #23290b;
}

.main-section.green-apple .text .variants .variant-content::before,
.main-section.green-apple .text .variants .variant-content::after {
  background-color: #23290b;
}

.main-section.green-apple .text .variants .variant-content:hover::after,
.main-section.green-apple .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #23290b 0%, #a7c530 22%, #23290b 50%, #a7c530 77%, #23290b 100%);
}

.main-section.green-apple .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #23290b 0%, #a7c530 22%, #23290b 50%, #a7c530 77%, #23290b 100%);
}

.main-section.green-apple .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #c8e653;
}

.main-section.green-apple .text .variant-title,
.main-section.green-apple .text .variant-more {
  color: #c8e653;
}

.green-apple .btn-addcart {
  background: #a7c530 url("/images/eighty8/btn-green-apple-bottom.svg") no-repeat bottom center;
}

.green-apple .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(167, 197, 48, 0.85);
}

.green-apple .come-soon {
  background-color: #23290b;
}

.green-apple .come-soon span {
  text-shadow: 0 0 21px #a7c530;
  color: #a7c530;
}

/* END Green Apple Variants */
/* Green Apple Responsive */
@media (max-width: 1659px) {
  .main-section.green-apple .image {
    width: 700px;
    top: -50px;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 28px;
  }
}
@media (max-width: 1559px) {
  .main-section.green-apple .image {
    width: 600px;
    top: -30px;
    right: 5%;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 23px;
  }
}
@media (max-width: 1359px) {
  .main-section.green-apple .image {
    width: 550px;
    right: 5%;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 18px;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 16px;
    background-size: 100% 100%, 100% 150%;
  }
}
@media (max-width: 1199px) {
  .main-section.green-apple .image {
    width: 500px;
    top: -20px;
    right: 5%;
  }
}
@media (max-width: 991px) {
  .main-section.green-apple {
    background: url("/images/eighty8/green-apple-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.green-apple .image {
    width: 425px;
    right: 0;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 18px;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 16px;
    background-size: 100% 100%, 100% 100%;
  }
}
@media (max-width: 767px) {
  .main-section.green-apple {
    background: url("/images/eighty8/green-apple-bg.jpg") no-repeat top right -30%;
    background-size: auto 100%;
    right: 0;
  }
  .main-section.green-apple .image {
    margin-bottom: -80px;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.green-apple .image {
    top: 0;
    margin-bottom: -40px;
  }
  .main-section.green-apple .image img {
    max-width: 280px;
    margin: 0 auto;
  }
  .main-section.green-apple .text h2 {
    padding-bottom: 10px;
  }
}
/* END Green Apple Responsive */
/** END Green Apple **/
/* Liquid title */
.main-section.liquid .text h3 {
  padding-bottom: 6px;
}

/* END Liquid title */
/** Cannadips **/
.main-section.cannadips {
  background: url("/images/eighty8/cannadips-bg.jpg") no-repeat top right;
  background-size: auto 100%;
}

.main-section.cannadips .image {
  top: -60px;
  right: 8%;
}

.main-section.cannadips .text h2 {
  padding-right: 9px;
  padding-bottom: 40px;
}

.main-section.cannadips .text h2,
.main-section.cannadips .text h3,
.modal-gallery#modal-gallery-27 .modal-title {
  color: #f1424a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cannadips-txt.jpg");
  display: inline;
}

.main-section.cannadips .text {
  position: relative;
  z-index: 15;
}

.main-section.cannadips .text h3 {
  line-height: 0.9;
}

.main-section.cannadips .text h2::selection,
.main-section.cannadips .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f1424a;
}

.main-section.cannadips .text ul li span::selection {
  color: #fff;
  background: #f1424a;
}

.main-section.cannadips .text ul li a::selection {
  color: #f1424a;
  background: #fff;
}

.main-section.cannadips .text ul li::selection {
  color: #fff;
  background: #f1424a;
}

.main-section.cannadips .text ul li:first-child::before {
  background: url("/images/eighty8/dna27.png") no-repeat center;
  background-size: 100%;
}

.main-section.cannadips .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info27.png") no-repeat center;
  background-size: 95%;
}

.main-section.cannadips .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut27.png") no-repeat center;
  background-size: 90%;
}

.main-section.cannadips .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni27.png") no-repeat center;
  background-size: 90%;
}

.main-section.cannadips .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon27.png") no-repeat center;
  background-size: 95%;
}

/* Cannadips Variants */
.main-section.cannadips .text .variants .variant-content {
  width: 230px;
}

.main-section.cannadips .text .variants .variant-content.more {
  width: 119px;
}

.main-section.cannadips .text .variants .variant-content .content {
  background-color: #401b1b;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
}

.main-section.cannadips .text .variants .variant-content.more .content {
  justify-content: center;
}

.main-section.cannadips .text .variants .variant-content::before,
.main-section.cannadips .text .variants .variant-content::after {
  background-color: #401b1b;
}

.main-section.cannadips .text .variants .variant-content:hover::after,
.main-section.cannadips .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #401b1b 0%, #d13a41 22%, #401b1b 50%, #d13a41 77%, #401b1b 100%);
}

.main-section.cannadips .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #401b1b 0%, #d13a41 22%, #401b1b 50%, #d13a41 77%, #401b1b 100%);
}

.main-section.cannadips .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f1424a;
}

.main-section.cannadips .text .variant-title,
.main-section.cannadips .text .variant-more {
  color: #f1424a;
  font-size: 22px;
  font-weight: 800;
  line-height: 0.8;
  text-transform: none;
}

.cannadips .btn-addcart {
  background: #d13a41 url("/images/eighty8/btn-cannadips-bottom.svg") no-repeat bottom center;
}

.cannadips .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(209, 58, 65, 0.85);
}

.cannadips .come-soon {
  background-color: #401b1b;
}

.cannadips .come-soon span {
  text-shadow: 0 0 21px #d13a41;
  color: #f1424a;
}

.main-section.cannadips .variants .variant-list ul li:first-child .variant-title {
  color: #78f5b5;
}

.main-section.cannadips .variants .variant-list ul li:nth-child(2) .variant-title {
  color: #fff937;
}

.main-section.cannadips .variants .variant-list ul li:nth-child(3) .variant-title {
  color: #ff3c45;
}

.main-section.cannadips .variants .variant-list ul li:first-child input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #78f5b5;
}

.main-section.cannadips .variants .variant-list ul li:nth-child(2) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #fff937;
}

.main-section.cannadips .variants .variant-list ul li:nth-child(3) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f1424a;
}

/* END Cannadips Variants */
/* Cannadips Responsive */
@media (max-width: 1659px) {
  .main-section.cannadips .image {
    width: 850px;
    top: -100px;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 28px;
  }
  .main-section.cannadips .text .variants .variant-content {
    width: 200px;
  }
  .main-section.cannadips .text .variant-title {
    font-size: 20px;
  }
}
@media (max-width: 1559px) {
  .main-section.cannadips .image {
    width: 800px;
    top: -120px;
    right: 5%;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 23px;
  }
  .main-section.cannadips .text .variant-title {
    font-size: 17px;
  }
  .main-section.cannadips .text .variants .variant-content {
    width: 170px;
  }
}
@media (max-width: 1359px) {
  .main-section.cannadips .image {
    width: 700px;
    right: 5%;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 18px;
  }
  .main-section.cannadips .text .variants .variant-content {
    width: 140px;
  }
  .main-section.cannadips .text .variant-title {
    font-size: 16px;
  }
  .main-section.cannadips .text .variant-more {
    font-size: 19px;
  }
}
@media (max-width: 1199px) {
  .main-section.cannadips .image {
    width: 600px;
    top: -80px;
    right: 10%;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .main-section.cannadips {
    background: url("/images/eighty8/cannadips-bg.jpg") no-repeat top right 45%;
    background-size: auto 100%;
  }
  .main-section.cannadips .image {
    width: 500px;
    right: 0;
    top: -50px;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .main-section.cannadips {
    background: url("/images/eighty8/cannadips-bg.jpg") no-repeat top right -100px;
    background-size: auto 100%;
    right: 0;
    top: 0;
  }
  .body-path-ostatni .main-section:first-of-type {
    margin-top: 50px;
  }
  .main-section.cannadips .image {
    width: 330px;
    right: 0;
    top: -100px;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 15px;
  }
  .main-section.cannadips .text .variants .variant-list ul {
    flex-wrap: wrap;
  }
  .main-section.cannadips .text .variants .variant-content .content {
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cannadips .variants .btn {
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.cannadips .image {
    top: -100px;
    width: 250px;
  }
  .main-section.cannadips .text h2 {
    padding-bottom: 10px;
  }
  .main-section.cannadips .text .variant-title {
    font-size: 14px;
  }
  .main-section.cannadips .text .variants .variant-content {
    width: 130px;
  }
  .main-section.cannadips .text .variants .variant-list ul li {
    margin-left: 2px;
  }
  .main-section.cannadips .text .variants .variant-content.more {
    margin-left: 7px;
  }
  .main-section.cannadips .text .variant-more {
    font-size: 14px;
  }
  .main-section.cannadips .variants .btn {
    margin-top: 0;
    max-width: 100px;
    font-size: 11px;
    height: 40px;
  }
  .main-section.cannadips .variants .variant-content.more {
    margin-top: 0;
  }
}
/* END Cannadips Responsive */
/** END Cannadips **/
/** Ogeez Krunch **/
.main-section.ogeez-krunch {
  background: url("/images/eighty8/ogeez-krunch-bg.jpg") no-repeat top left;
  background-size: auto 100%;
}

.main-section.ogeez-krunch .variants .variant-content.more {
  width: 119px;
}

.main-section.ogeez-krunch .image {
  top: 0;
  left: 10%;
}

.main-section.ogeez-krunch .text h2 {
  padding-right: 9px;
  padding-bottom: 38px;
}

.main-section.ogeez-krunch .text h2,
.main-section.ogeez-krunch .text h3,
.modal-gallery#modal-gallery-28 .modal-title {
  color: #f6e4ac;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ogeez-krunch-txt.jpg");
}

.main-section.ogeez-krunch .text {
  position: relative;
  z-index: 15;
}

.main-section.ogeez-krunch .text h3 {
  line-height: 0.9;
}

.main-section.ogeez-krunch .text h2::selection,
.main-section.ogeez-krunch .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f6e4ac;
}

.main-section.ogeez-krunch .text ul li span::selection {
  color: #fff;
  background: #f6e4ac;
}

.main-section.ogeez-krunch .text ul li a::selection {
  color: #f6e4ac;
  background: #fff;
}

.main-section.ogeez-krunch .text ul li::selection {
  color: #fff;
  background: #f6e4ac;
}

.main-section.ogeez-krunch .text ul li:first-child::before {
  background: url("/images/eighty8/dna28.png") no-repeat center;
  background-size: 100%;
}

.main-section.ogeez-krunch .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info28.png") no-repeat center;
  background-size: 90%;
}

.main-section.ogeez-krunch .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut28.png") no-repeat center;
  background-size: 90%;
}

.main-section.ogeez-krunch .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni28.png") no-repeat center;
  background-size: 90%;
}

.main-section.ogeez-krunch .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon28.png") no-repeat center;
  background-size: 95%;
}

/* Ogeez Krunch Variants */
.main-section.ogeez-krunch .text .variants .variant-content .content {
  background-color: #665a3e;
}

.main-section.ogeez-krunch .text .variants .variant-content::before,
.main-section.ogeez-krunch .text .variants .variant-content::after {
  background-color: #665a3e;
}

.main-section.ogeez-krunch .text .variants .variant-content:hover::after,
.main-section.ogeez-krunch .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #665a3e 0%, #ffdd8a 25%, #665a3e 50%, #ffdd8a 76%, #665a3e 100%);
}

.main-section.ogeez-krunch .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #665a3e 0%, #ffdd8a 25%, #665a3e 50%, #ffdd8a 76%, #665a3e 100%);
}

.main-section.ogeez-krunch .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #a28b55;
}

.main-section.ogeez-krunch .text .variant-title {
  font-size: 22px;
  text-transform: none;
}

.main-section.ogeez-krunch .text .variant-title,
.main-section.ogeez-krunch .text .variant-more {
  color: #f6e4ac;
}

.main-section.ogeez-krunch .text .variant-more {
  font-size: 25px;
}

.ogeez-krunch .btn-addcart {
  background: #a28b55 url("/images/eighty8/btn-ogeez-krunch-bottom.svg") no-repeat bottom center;
}

.ogeez-krunch .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(162, 139, 85, 0.85);
}

.ogeez-krunch .come-soon {
  background-color: #665a3e;
}

.ogeez-krunch .come-soon span {
  text-shadow: 0 0 21px #a28b55;
  color: #f6e4ac;
}

.main-section.ogeez-krunch .variants .variant-content {
  width: 180px;
}

.main-section.ogeez-krunch .variants .variant-list ul li:first-child .variant-title {
  color: #57ffa4;
}

.main-section.ogeez-krunch .variants .variant-list ul li:nth-child(2) .variant-title {
  color: #ffc2a2;
}

.main-section.ogeez-krunch .variants .variant-list ul li:nth-child(3) .variant-title {
  color: #69d6ff;
}

.main-section.ogeez-krunch .variants .variant-list ul li:nth-child(4) .variant-title {
  color: #e074ff;
}

.main-section.ogeez-krunch .variants .variant-list ul li:nth-child(5) .variant-title {
  color: #ffc38a;
}

.main-section.ogeez-krunch .variants .variant-list ul li:nth-child(6) .variant-title {
  color: #ffdd8a;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:first-child input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #57ffa4;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:nth-child(2) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ffc2a2;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:nth-child(3) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #69d6ff;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:nth-child(4) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e074ff;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:nth-child(5) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ffc38a;
}

.main-section.ogeez-krunch .text .variants .variant-list ul li:nth-child(6) input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ffdd8a;
}

/* END Ogeez Krunch Variants */
/* Ogeez Krunch Responsive */
@media (max-width: 1659px) {
  .main-section.ogeez-krunch .image {
    width: 850px;
    top: -50px;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 28px;
  }
  .ogeez-krunch .btn-addcart {
    margin-right: 10px;
  }
  .main-section.ogeez-krunch .variants .variant-content {
    width: 170px;
  }
  .main-section.ogeez-krunch .text .variant-title {
    font-size: 20px;
  }
}
@media (max-width: 1559px) {
  .main-section.ogeez-krunch .image {
    width: 800px;
    top: -80px;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 23px;
  }
  .ogeez-krunch .btn-addcart {
    margin-right: 10px;
  }
  .main-section.ogeez-krunch .variants .variant-content {
    width: 140px;
  }
  .main-section.ogeez-krunch .text .variant-title {
    font-size: 17px;
  }
  .main-section.ogeez-krunch .text .variant-more {
    font-size: 21px;
  }
}
@media (max-width: 1359px) {
  .main-section.ogeez-krunch .image {
    width: 750px;
    left: 6%;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 18px;
  }
  .ogeez-krunch .btn-addcart {
    margin-right: 10px;
  }
  .main-section.ogeez-krunch .text .variant-more {
    font-size: 19px;
  }
  .main-section.ogeez-krunch .text .variant-title {
    font-size: 16px;
  }
  .main-section.ogeez-krunch .variants .variant-content.more {
    width: 115px;
  }
  .main-section.ogeez-krunch .variants .variant-content {
    width: 115px;
  }
  .main-section.ogeez-krunch .text .variant-title {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .main-section.ogeez-krunch .image {
    width: 650px;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 16px;
  }
  .main-section.ogeez-krunch .variants .variant-content.more {
    margin-left: 5px;
    margin-right: 14px;
    width: 90px;
  }
  .main-section.ogeez-krunch .variants .variant-list ul {
    flex-wrap: wrap;
  }
  .main-section.ogeez-krunch .variants .btn {
    margin-right: auto;
  }
  .main-section.ogeez-krunch .text .variant-more {
    font-size: 19px;
  }
  .main-section.ogeez-krunch .variants .variant-content {
    width: 90px;
  }
  .main-section.ogeez-krunch .variants .variant-content .content {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
  }
  .main-section.ogeez-krunch .text .variant-title {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .main-section.ogeez-krunch {
    background: url("/images/eighty8/ogeez-krunch-bg.jpg") no-repeat top left 45%;
    background-size: auto 100%;
  }
  .main-section.ogeez-krunch .image {
    width: 500px;
    left: 0;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 18px;
  }
  .main-section.ogeez-krunch .variants {
    justify-content: flex-start;
  }
  .main-section.ogeez-krunch .variant-list {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .main-section.ogeez-krunch {
    background: url("/images/eighty8/ogeez-krunch-bg.jpg") no-repeat top left -30%;
    background-size: auto 100%;
    margin-bottom: 0;
  }
  .main-section.ogeez-krunch .image {
    margin-bottom: 0;
    left: 0;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ogeez-krunch {
    margin-top: 0;
  }
  .main-section.ogeez-krunch .image {
    top: 0;
    margin-bottom: 0;
  }
  .main-section.ogeez-krunch .image img {
    max-width: 320px;
    margin: 0 auto;
  }
  .main-section.ogeez-krunch .text h2 {
    padding-bottom: 10px;
  }
  .main-section.ogeez-krunch .variants .variant-list ul li {
    margin-left: 0;
  }
  .main-section.ogeez-krunch .variants .variant-content.more {
    margin-right: 0;
  }
}
/* END Ogeez Krunch Responsive */
/** END Ogeez Krunch **/
/** Royal Cheese **/
.main-section.cheese {
  background: url("/images/eighty8/cheese-bg.jpg") no-repeat top left;
  background-size: auto 100%;
  margin-top: -30px;
}

.main-section.cheese.hp-section.avail-prepare {
  margin-bottom: -40px;
}

.main-section.cheese .image {
  top: 0px;
}

.main-section.cheese .image img {
  width: 100%;
}

.main-section.cheese .text h2 {
  padding-right: 9px;
  padding-bottom: 37px;
}

.main-section.cheese .text h2,
.main-section.cheese .text h3 {
  display: inline;
  line-height: 1.3;
}

.main-section.cheese .text h2,
.main-section.cheese .text h3,
.modal-gallery#modal-gallery-31 .modal-title {
  color: #ffb716;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cheese-txt.jpg");
}

.main-section.cheese .text {
  position: relative;
  z-index: 15;
}

.main-section.cheese .text h3 {
  line-height: 0.3;
}

.main-section.cheese .text h2::selection,
.main-section.cheese .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ffb716;
}

.main-section.cheese .text ul li span::selection {
  color: #fff;
  background: #ffb716;
}

.main-section.cheese .text ul li a::selection {
  color: #ffb716;
  background: #fff;
}

.main-section.cheese .text ul li::selection {
  color: #fff;
  background: #ffb716;
}

.main-section.cheese .text ul li:first-child::before {
  background: url("/images/eighty8/dna31.png") no-repeat center;
  background-size: 100%;
}

.main-section.cheese .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila31.png") no-repeat center;
  background-size: 90%;
}

.main-section.cheese .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune31.png") no-repeat center;
  background-size: 90%;
}

.main-section.cheese .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni31.png") no-repeat center;
  background-size: 95%;
}

.main-section.cheese .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon31.png") no-repeat center;
  background-size: 95%;
}

/* Royal Cheese Variants */
.main-section.cheese .text .variants .variant-content .content {
  background-color: #38260c;
}

.main-section.cheese .text .variants .variant-content::before,
.main-section.cheese .text .variants .variant-content::after {
  background-color: #38260c;
}

.main-section.cheese .text .variants .variant-content:hover::after,
.main-section.cheese .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #38260c 0%, #ffb716 22%, #38260c 50%, #ffb716 77%, #38260c 100%);
}

.main-section.cheese .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #38260c 0%, #ffb716 22%, #38260c 50%, #ffb716 77%, #38260c 100%);
}

.main-section.cheese .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ffb716;
}

.main-section.cheese .text .variant-title,
.main-section.cheese .text .variant-more {
  color: #ffb716;
}

.cheese .btn-addcart {
  color: #fff;
  background: #eca000 url("/images/eighty8/btn-cheese-bottom.svg") no-repeat bottom center;
}

.cheese .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 183, 22, 0.85);
}

.cheese .come-soon {
  background-color: #38260c;
}

.cheese .come-soon span {
  text-shadow: 0 0 21px #ffb716;
  color: #ffb716;
}

/* END Royal Cheese Variants */
/* Royal Cheese Responsive */
@media (max-width: 1659px) {
  .main-section.cheese .image {
    width: 900px;
  }
}
@media (max-width: 1559px) {
  .main-section.cheese .image {
    width: 800px;
  }
  .main-section.cheese .image img {
    width: 100%;
  }
}
@media (max-width: 1359px) {
  .main-section.cheese .image {
    width: 700px;
  }
  .main-section.cheese.avail-prepare .image {
    top: -80px;
  }
}
@media (max-width: 1199px) {
  .main-section.cheese .image {
    width: 600px;
    top: 0;
  }
  .main-section.cheese.hp-section.avail-prepare {
    margin-bottom: -80px;
  }
  .main-section.cheese.avail-prepare .image {
    top: -40px;
  }
}
@media (max-width: 991px) {
  .main-section.cheese {
    background: url("/images/eighty8/cheese-bg.jpg") no-repeat top left -150px;
    background-size: auto 100%;
  }
  .main-section.cheese .image {
    width: 530px;
    z-index: 3;
    top: -30px;
  }
  .main-section.cheese.hp-section.avail-prepare {
    margin-bottom: -20px;
  }
  .main-section.cheese.avail-prepare .image {
    top: 40px;
  }
}
@media (max-width: 767px) {
  .main-section.cheese {
    background: url("/images/eighty8/cheese-bg.jpg") no-repeat top left 0px;
    background-size: auto 100%;
    right: 0;
    margin-top: 0;
  }
  .main-section.cheese .image {
    margin-bottom: 0;
    max-width: 400px;
    top: 0;
  }
  .main-section.cheese .text {
    margin-top: -30px;
  }
  .main-section.cheese .text h3 {
    line-height: 1;
  }
}
@media (max-width: 575px) {
  .main-section.cheese {
    margin-top: 0;
  }
  .main-section.cheese .image {
    left: 0;
    top: 0;
    margin-bottom: -10px;
    width: 270px !important;
  }
  .main-section.cheese .image img {
    max-width: 100%;
    margin: 0 auto;
  }
}
/* END Royal Cheese Responsive */
/** END Royal Cheese **/
/* Isolate */
.main-section.isolate {
  margin-top: 60px;
}

@media (max-width: 1199px) {
  .main-section.isolate {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.isolate {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .main-section.isolate {
    margin-top: 30px;
  }
}
/* END Isolate */
.countryselect {
  width: 320px;
  position: relative;
  border-bottom: 1px solid #4d4d4d;
  margin-bottom: 20px;
  margin-top: 30px;
}

/*  cookies */
.body-path-cookies .text-page {
  background: none;
}

.show--consent:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  opacity: 0.5;
  z-index: 1200;
}

#cm.box.center {
  bottom: 10%;
}

#cc_div #cm .close-cookie {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 0;
  font-size: 23px;
}

#cc_div #cm .close-cookie:before,
#cc_div #cm .close-cookie:after {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: #444d53;
  background: var(--cc-btn-secondary-text);
  transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}

#cc_div #cm .close-cookie:after {
  transform: rotate(-45deg);
}

#c-p-bn {
  flex: 1 1 100%;
}

.cc_div #c-bns button {
  margin: 5px;
}

.cookie-link {
  background: none;
  border: none;
  padding: 0;
  color: #fff;
}

#c-bns button:first-child,
#s-bns button:first-child {
  background: #c2a036;
  color: #fff;
}

#c-bns button:first-child:hover,
#s-bns button:first-child:hover {
  background: #c2a036;
}

.cc_div .c-bn {
  background: #f2f2f2;
}

#s-bl .c-bl.b-ex {
  background: #f2f2f2;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #34d762;
}

.cookie-page h2 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.cookie-page h4 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
}

.cc_div #c-bns {
  flex-wrap: wrap;
}

#s-bns #s-sv-bn {
  background: #c2a036;
  color: #fff;
}

#s-bns #s-all-bn {
  background: #f2f2f2;
  color: #40505a;
}
#s-bns #s-all-bn:hover {
  background: #d8e0e6;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  opacity: 0.3;
}

.cc_div a {
  color: #2d4156;
}

.cookie-table {
  margin-bottom: 50px;
}
.cookie-table table {
  width: 100%;
}
.cookie-table table td {
  padding: 10px;
  width: 25%;
  border-bottom: 1px solid #e7e7e7;
}
.cookie-table table th {
  background: #c2a036;
  padding: 10px;
}

.cookie-page {
  margin-top: 30px;
}

@media (max-width: 767px) {
  #cm,
  #cm.cloud,
  #cm.left,
  #cm.right {
    padding: 10px !important;
  }
  #c-txt {
    font-size: 10px;
  }
  .cc_div #c-bns {
    margin-top: 10px;
  }
  .cc_div .c-bn {
    padding: 8px 10px;
  }
  .cc_div #c-bns button {
    margin: 2px;
  }
  #cm.box,
  #cm.cloud {
    left: 10px;
    right: 10px;
  }
  #cm.bottom {
    bottom: 10px;
  }
}
.location-checks #vendor_filters_categories_list_1 + label {
  position: relative;
  background-position: left center;
  padding: 10px 30px;
  padding-left: 86px;
}
.location-checks #vendor_filters_categories_list_1 + label::before {
  width: 44px;
  height: 44px;
  content: "";
  position: absolute;
  left: 35px;
  top: -3px;
  background: url("/images/eighty8/konopi-filter.svg") no-repeat center left;
}
.location-checks #vendor_filters_categories_list_2 + label {
  position: relative;
  background-position: left center;
  padding: 10px 30px;
  padding-left: 86px;
}
.location-checks #vendor_filters_categories_list_2 + label::before {
  width: 44px;
  height: 44px;
  content: "";
  position: absolute;
  left: 35px;
  top: -3px;
  background: url("/images/eighty8/drops-filter.svg") no-repeat center left;
}
.location-checks #vendor_filters_categories_list_5 + label {
  position: relative;
  background-position: left center;
  padding: 10px 30px;
  padding-left: 86px;
}
.location-checks #vendor_filters_categories_list_5 + label::before {
  width: 44px;
  height: 44px;
  content: "";
  position: absolute;
  left: 35px;
  top: -3px;
  background: url("/images/eighty8/vapes-filter.svg") no-repeat center left;
}
.location-checks #vendor_filters_categories_list_6 + label {
  position: relative;
  background-position: left center;
  padding: 10px 30px;
  padding-left: 86px;
}
.location-checks #vendor_filters_categories_list_6 + label::before {
  width: 44px;
  height: 44px;
  content: "";
  position: absolute;
  left: 35px;
  top: -3px;
  background: url("/images/eighty8/kava-filter.svg") no-repeat center left;
}
.location-checks #vendor_filters_categories_list_7 + label {
  position: relative;
  background-position: left center;
  padding: 10px 30px;
  padding-left: 86px;
}
.location-checks #vendor_filters_categories_list_7 + label::before {
  width: 44px;
  height: 44px;
  content: "";
  position: absolute;
  left: 35px;
  top: -3px;
  background: url("/images/eighty8/extract-filter.svg") no-repeat center left;
}

body.body-path-wholesale,
body.body-path-wholesale-1 {
  background: #000 url("/images/eighty8/blog-bg.jpg") no-repeat top center;
  background-size: contain;
}
body.body-path-wholesale.body-product,
body.body-path-wholesale-1.body-product {
  background: #000 url("/images/eighty8/hhc-banner-bg.jpg") no-repeat top center;
  background-size: contain;
}
body.body-path-wholesale .text-page,
body.body-path-wholesale-1 .text-page {
  background: 0 0;
}

/* brands swiper */
.brands-swiper {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 575px) {
  .brands-swiper {
    height: 175px;
  }
  .brands-swiper .swiper-slide {
    height: calc((100% - 15px) / 2);
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .brands-swiper .swiper-slide img {
    max-width: unset;
    width: 100%;
    max-height: 100%;
  }
}
.brands-swiper-wrap {
  position: relative;
  max-width: 1700px;
  margin: 0 auto;
}
.brands-swiper-wrap .swiper-button-next,
.brands-swiper-wrap .swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: 0;
  z-index: 10;
  left: 15px;
}
@media (min-width: 1700px) {
  .brands-swiper-wrap .swiper-button-next,
  .brands-swiper-wrap .swiper-button-prev {
    left: 0;
  }
}
.brands-swiper-wrap .swiper-button-next::after,
.brands-swiper-wrap .swiper-button-prev::after {
  content: "";
}
.brands-swiper-wrap .swiper-button-next {
  left: auto;
  right: 15px;
}
@media (min-width: 1700px) {
  .brands-swiper-wrap .swiper-button-next {
    right: 0;
  }
}
.brands-swiper .swiper-wrapper {
  align-items: center;
  position: relative;
}

@media (max-width: 575px) {
  .brands-swiper {
    margin-bottom: 100px;
  }
  .brands-swiper-wrap .swiper-button-next,
  .brands-swiper-wrap .swiper-button-prev {
    right: 50%;
    left: auto;
    top: 100%;
    height: 25px;
    width: 25px;
    border-radius: 99px;
    background-color: #c2a036;
    margin-left: 7.5px;
    margin-right: 7.5px;
    padding-right: 2px;
    margin-top: 10px;
  }
  .brands-swiper-wrap .swiper-button-next svg,
  .brands-swiper-wrap .swiper-button-prev svg {
    width: 10px;
    height: auto;
  }
  .brands-swiper-wrap .swiper-button-next svg path,
  .brands-swiper-wrap .swiper-button-prev svg path {
    fill: #000;
  }
  .brands-swiper-wrap .swiper-button-next {
    left: 50%;
    right: auto;
    padding-right: 0;
    padding-left: 2px;
  }
}
.navbar {
  position: relative;
}

.box-lang-list,
.box-currency-list {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.box-lang-list .btn,
.box-currency-list .btn {
  margin-top: 0;
}
.box-lang-list .lang-sk,
.box-currency-list .lang-sk {
  display: none;
}
.box-lang-list img,
.box-currency-list img {
  width: 16px;
}
.box-lang-list span,
.box-currency-list span {
  color: #fff;
  font-size: 14px;
  padding-left: 5px;
}
.box-lang-list .dropdown-toggle::after,
.box-currency-list .dropdown-toggle::after {
  color: #dbb02f;
  transform: translateY(1px);
}
.box-lang-list .dropdown-menu,
.box-currency-list .dropdown-menu {
  background: #000;
  left: auto;
  right: 0;
}
.box-lang-list .dropdown-menu .dropdown-item.active,
.box-lang-list .dropdown-menu .dropdown-item:active,
.box-currency-list .dropdown-menu .dropdown-item.active,
.box-currency-list .dropdown-menu .dropdown-item:active {
  background: #dbb02f !important;
}
.box-lang-list .dropdown-menu .dropdown-item.active span,
.box-lang-list .dropdown-menu .dropdown-item:active span,
.box-currency-list .dropdown-menu .dropdown-item.active span,
.box-currency-list .dropdown-menu .dropdown-item:active span {
  color: #fff !important;
}
.box-lang-list .dropdown-menu .dropdown-item:hover,
.box-currency-list .dropdown-menu .dropdown-item:hover {
  background: #000;
}
.box-lang-list .dropdown-menu .dropdown-item:hover span,
.box-currency-list .dropdown-menu .dropdown-item:hover span {
  color: #dbb02f;
}

.box-currency-list {
  right: 80px;
}

@media (max-width: 1559px) {
  .box-lang-list,
  .box-currency-list {
    top: 5px;
  }
}
@media (max-width: 1559px) {
  .box-lang-list,
  .box-currency-list {
    top: 5px;
  }
}
@media (max-width: 767px) {
  .box-lang-list,
  .box-currency-list {
    top: 20px;
  }
}
@media (max-width: 767px) {
  .box-lang-list,
  .box-currency-list {
    top: 2px;
  }
}
@media (max-width: 575px) {
  .box-lang-list,
  .box-currency-list {
    top: 2px;
  }
}
.body-path-mapa-webu .text-page,
.body-path-web-map .text-page {
  background: #000;
}
@media (min-width: 1200px) {
  .body-path-mapa-webu .text-page > .container,
  .body-path-web-map .text-page > .container {
    max-width: 600px;
  }
}

.web-map h1 {
  margin-bottom: 40px;
}
.web-map h2 {
  margin-bottom: 20px;
  font-size: 28px;
}
.web-map .text ul {
  list-style: none !important;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.web-map .text ul li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
}
.web-map .text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #c2a036;
}
.web-map .text ul li a {
  color: #c5c5cf;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s all;
  text-decoration: none;
}
.web-map .text ul li a:hover {
  text-decoration: none;
  color: #fff;
}
.web-map .text ul li > ul {
  margin-top: 12px;
  margin-bottom: 16px;
}
.web-map .text ul li > ul > li::before {
  background-color: transparent;
  border: 2px solid #c2a036;
}

.breadcrumb {
  background: transparent;
  padding: 0;
}

@media (max-width: 767px) {
  .breadcrumb {
    margin-bottom: 20px;
    font-size: 12px;
  }
}
.btn-addcart span:nth-child(2), .btn-addcart span:nth-child(3) {
  display: none;
}

.faq-page h1 {
  margin-bottom: 3rem;
  text-transform: uppercase;
  font-family: "Bebas Neue", cursive;
  font-size: 5rem;
}

.accordion {
  width: 100%;
}
.accordion .card {
  width: 100%;
  background: transparent;
}
.accordion .card-header {
  padding: 0.75rem 0;
}
.accordion .card-header h4 {
  font-size: 1.8rem;
  font-family: "Bebas Neue", cursive;
}
.accordion .card-body {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 1rem;
}
.accordion .card-link {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 3rem;
}
.accordion .card-link.collapsed:after {
  content: "\f067";
}
.accordion .card-link:after {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 1.4rem;
  line-height: 1;
  color: #bc983a;
  transition: all 0.3s;
}

.skull {
  width: 60px;
  transform: translateX(-5px);
}

/* HP Carousel HHC*/
.hp-carousel {
  margin-top: -181px;
  /* &1 {
    + .hp-categories {
      margin-top: -200px;
    }

    @media (max-width: 1659px) {
      + .hp-categories {
        margin-top: -140px;
      }
    }
    @media (max-width: 1359px) {
      + .hp-categories {
        margin-top: -160px;
      }
    }

    @media (max-width: 1199px) {
      + .hp-categories {
        margin-top: -90px;
      }
    }

    @media (max-width: 991px) {
      + .hp-categories {
        margin-top: -70px;
      }
    }

    @media (max-width: 767px) {
      + .hp-categories {
        margin-top: -45px;
      }
    }
  } */
}

.hp-carousel .main-title {
  margin-top: 0;
  padding-top: 181px;
  background: #000 url("/images/eighty8/super-strong-banner-bg.jpg") no-repeat top center;
  background-size: contain;
  height: 900px;
  margin-bottom: -15px;
}

.hp-carousel .main-title-text {
  max-width: 800px;
  position: relative;
  z-index: 5;
}

.hp-carousel .main-title-text h1 {
  color: #ff2226;
  -webkit-text-fill-color: transparent;
  font-size: 200px;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/super-strong-banner-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  line-height: 0.9;
  display: inline;
  margin-bottom: 22px;
  padding: 3px;
  padding-left: 0;
  letter-spacing: normal;
}

.hp-carousel .main-title-text h1 + * {
  margin-top: 0;
}

.hp-carousel .main-title-text h1::selection {
  background-color: #ff2226;
  color: #fff;
}

.hp-carousel .main-title-text .perex {
  max-width: 730px;
}

.hp-carousel .main-title-text p {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.67;
}

.hp-carousel .main-title-text p::selection {
  background-color: #ff2226;
  color: #fff;
}

.hp-carousel .main-title-text .perex p {
  color: #ff2226;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.11;
  margin-bottom: 10px;
}

.hp-carousel .main-title-text .btn {
  min-width: 320px;
  height: 92px;
  color: #fff;
  background: url("../../images/eighty8/cat-btn-super-strong.svg") no-repeat bottom left -3px, #ff2226;
  background-size: 100% auto;
  font-size: 38px;
  font-weight: 800;
}
.hp-carousel .main-title-text .btn:hover {
  box-shadow: 0 0 40px rgba(255, 34, 38, 0.85);
}

.hp-carousel .main-title-image {
  position: absolute;
  right: 30px;
  bottom: 0;
  max-width: 1000px;
  position: relative;
  /* &::before {
    content: "";
    width: 662px;
    height: 455px;
    position: absolute;
    right: 45px;
    top: -195px;
    background: url("../../images/eighty8/super-strong-neon.png") no-repeat
      center;
    background-size: 100% auto;
    z-index: -1;
    @media (max-width: 1659px) {
      width: 570px;
      height: 375px;
      right: 30px;
      top: -175px;
    }
    @media (max-width: 1199px) {
      width: 450px;
      height: 250px;
      right: -40px;
      top: -115px;
    }
    @media (max-width: 991px) {
      width: 350px;
      height: 200px;
      right: -45px;
      top: -95px;
    }

    @media (max-width: 767px) {
      width: 350px;
      height: 200px;
      right: -80px;
      top: -95px;
    }

    @media (max-width: 499px) {
      width: 280px;
      height: 150px;
      right: -70px;
      top: -80px;
    }
  } */
}

.hp-carousel .carousel-indicators {
  bottom: 30px;
}

@media (max-width: 1729px) {
  .hp-carousel .main-title {
    height: 840px;
    margin-bottom: -15px;
  }
  .hp-carousel .main-title-image {
    max-width: 950px;
    right: 20px;
    bottom: 0;
  }
}
@media (max-width: 1659px) {
  .hp-carousel .main-title {
    height: 840px;
    margin-bottom: -15px;
  }
  .hp-carousel .main-title-image {
    max-width: 850px;
    right: 0px;
    bottom: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 185px;
  }
}
@media (max-width: 1559px) {
  .hp-carousel .main-title {
    height: 800px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 175px;
  }
  .hp-carousel .main-title-text p {
    font-size: 26px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 43px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 34px;
    height: 90px;
    letter-spacing: 2.7px;
  }
  .hp-carousel .main-title-image {
    max-width: 730px;
    right: 0px;
    bottom: 0;
    transform: translateY(-40px);
  }
}
@media (max-width: 1359px) {
  .hp-carousel .main-title {
    height: 700px;
  }
  .hp-carousel .main-title-text {
    padding-top: 70px;
    max-width: 580px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 145px;
  }
  .hp-carousel .main-title-text p {
    font-size: 24px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 37px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 28px;
    height: 70px;
    max-width: 280px;
    letter-spacing: 2.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 640px;
    right: 0px;
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .hp-carousel .main-title {
    height: 650px;
  }
  .hp-carousel .main-title-text {
    padding-top: 65px;
    max-width: 500px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 120px;
  }
  .hp-carousel .main-title-text p {
    font-size: 22px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 32px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 24px;
    height: 60px;
    min-width: 234px;
    max-width: 240px;
    letter-spacing: 2.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 540px;
    right: 0px;
    bottom: 0;
  }
}
@media (max-width: 1069px) {
  .hp-carousel .main-title-image {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .hp-carousel .main-title {
    height: 500px;
    padding-top: 205px;
  }
  .hp-carousel .main-title-text {
    max-width: 400px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 85px;
  }
  .hp-carousel .main-title-text p {
    font-size: 18px;
  }
  .hp-carousel .main-title-text .perex {
    max-width: 380px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .hp-carousel .main-title-text .btn {
    min-width: 170px;
    padding-left: 25px;
    padding-right: 25px;
    width: unset;
    max-width: 200px;
    font-size: 22px;
    max-width: 220px;
    height: 55px;
    letter-spacing: 3.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 400px;
    right: 0px;
    bottom: -5px;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hp-carousel .main-title {
    height: 430px;
    padding-top: 205px;
  }
  .hp-carousel .main-title-text {
    max-width: 300px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 70px;
  }
  .hp-carousel .main-title-text p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 21px;
    min-width: 170px;
    padding-left: 20px;
    padding-right: 20px;
    width: unset;
    max-width: 170px;
    letter-spacing: 1.7px;
    font-size: 18px;
    max-width: 180px;
    height: 45px;
  }
  .hp-carousel .main-title-text .perex {
    max-width: 240px;
  }
  .hp-carousel .main-title-image {
    max-width: 330px;
    right: 0px;
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .hp-carousel .main-title {
    height: 430px;
    padding-top: 200px;
    background-size: 150% auto;
    padding-bottom: 0;
  }
  .hp-carousel .main-title-text {
    max-width: 285px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 55px;
  }
  .hp-carousel .main-title-text p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 16px;
    height: 40px;
    min-width: unset;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 150px;
    letter-spacing: 1.2px;
    margin-top: 5px;
  }
  .hp-carousel .main-title-image {
    max-width: 330px;
    right: 0px;
    bottom: 25px;
  }
}
@media (max-width: 499px) {
  .hp-carousel .main-title {
    height: 400px;
    padding-top: 185px;
    background-size: 180% auto;
  }
  .hp-carousel .main-title-text {
    max-width: 240px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
  .hp-carousel .main-title-text p {
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text h1 + * {
    margin-top: 7px;
  }
  .hp-carousel .main-title-text p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-text .btn {
    min-width: unset;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    max-width: 125px;
    height: 35px;
  }
  .hp-carousel .main-title-image {
    max-width: 260px;
    right: 0px;
    bottom: 30px;
  }
}
@media (max-width: 449px) {
  .hp-carousel .main-title-text .btn {
    font-size: 12px;
    max-width: 100px;
    height: 30px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
}
@media (max-width: 429px) {
  .hp-carousel {
    margin-top: -30px;
  }
  .hp-carousel .main-title {
    height: 250px;
    padding-top: 50px;
    background-size: 100% auto;
  }
  .hp-carousel .main-title-text {
    max-width: 210px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 7px;
  }
  .hp-carousel .main-title-text p {
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text h1 + * {
    margin-top: 7px;
  }
  .hp-carousel .main-title-text p {
    font-size: 12px;
    margin-bottom: 7px;
    max-width: 170px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
    line-height: 1;
    max-width: 170px;
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-image {
    max-width: 225px;
    right: 0px;
    bottom: 40px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 11px;
    max-width: 90px;
    height: 28px;
  }
}
/* END HP Carousel HHC */
/* HP Carousel Gummies */
.hp-carousel {
  margin-top: -181px;
}

.hp-carousel .main-title {
  margin-top: 0;
  padding-top: 181px;
  background: #000 url("/images/eighty8/super-strong-banner-bg.jpg") no-repeat top center;
  background-size: contain;
  height: 900px;
  margin-bottom: -15px;
}

.hp-carousel .main-title-text {
  max-width: 800px;
  position: relative;
  z-index: 5;
}

.hp-carousel .main-title-text h1 {
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/super-strong-banner-txt.jpg") no-repeat top -120px left;
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 0.9;
  display: inline;
  margin-bottom: 22px;
  padding: 3px;
  padding-left: 0;
  letter-spacing: normal;
}

.hp-carousel .main-title-text h1 + * {
  margin-top: 0;
}

.hp-carousel .main-title-text h1::selection {
  background-color: #ff2226;
  color: #fff;
}

.hp-carousel .main-title-text .perex {
  max-width: 600px;
}

.hp-carousel .main-title-text p {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.67;
}

.hp-carousel .main-title-text p::selection {
  background-color: #ff2226;
  color: #fff;
}

.hp-carousel .main-title-text .perex p {
  color: #ff2226;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.11;
  margin-bottom: 10px;
}

.hp-carousel .main-title-text .btn {
  min-width: 320px;
  height: 92px;
  color: #fff;
  background: url("../../images/eighty8/cat-btn-super-strong.svg") no-repeat bottom left -3px, #ff2226;
  background-size: 100% auto;
  font-size: 38px;
  font-weight: 800;
}
.hp-carousel .main-title-text .btn:hover {
  box-shadow: 0 0 40px rgba(255, 34, 38, 0.85);
}

.hp-carousel .main-title-image {
  position: absolute;
  right: 30px;
  bottom: 0;
  max-width: 1000px;
  transform: translateY(30px);
}

.hp-carousel .carousel-indicators {
  bottom: 30px;
}

@media (max-width: 1729px) {
  .hp-carousel .main-title {
    height: 840px;
    margin-bottom: -15px;
  }
  .hp-carousel .main-title-image {
    max-width: 950px;
    right: 20px;
    bottom: 0;
  }
}
@media (max-width: 1659px) {
  .hp-carousel .main-title {
    height: 840px;
    margin-bottom: -15px;
  }
  .hp-carousel .main-title-image {
    max-width: 850px;
    right: 0px;
    bottom: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 185px;
  }
}
@media (max-width: 1559px) {
  .hp-carousel .main-title {
    height: 800px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 175px;
  }
  .hp-carousel .main-title-text p {
    font-size: 26px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 43px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 34px;
    height: 90px;
    letter-spacing: 2.7px;
  }
  .hp-carousel .main-title-image {
    max-width: 750px;
    right: 0px;
    bottom: 0;
    transform: translateY(30px);
  }
}
@media (max-width: 1359px) {
  .hp-carousel .main-title {
    height: 700px;
  }
  .hp-carousel .main-title-text {
    padding-top: 70px;
    max-width: 580px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 145px;
  }
  .hp-carousel .main-title-text p {
    font-size: 24px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 37px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 28px;
    height: 70px;
    max-width: 280px;
    letter-spacing: 2.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 700px;
    right: 0px;
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .hp-carousel .main-title {
    height: 650px;
  }
  .hp-carousel .main-title-text {
    padding-top: 65px;
    max-width: 500px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 120px;
  }
  .hp-carousel .main-title-text p {
    font-size: 22px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 32px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 24px;
    height: 60px;
    min-width: 234px;
    max-width: 240px;
    letter-spacing: 2.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 550px;
    right: 0px;
    bottom: 0;
    transform: translateY(0);
  }
}
@media (max-width: 1069px) {
  .hp-carousel .main-title-image {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .hp-carousel .main-title {
    height: 500px;
    padding-top: 205px;
  }
  .hp-carousel .main-title-text {
    max-width: 400px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 85px;
  }
  .hp-carousel .main-title-text p {
    font-size: 18px;
  }
  .hp-carousel .main-title-text .perex {
    max-width: 380px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .hp-carousel .main-title-text .btn {
    min-width: 170px;
    padding-left: 25px;
    padding-right: 25px;
    width: unset;
    max-width: 200px;
    font-size: 22px;
    max-width: 220px;
    height: 55px;
    letter-spacing: 3.5px;
  }
  .hp-carousel .main-title-image {
    max-width: 400px;
    right: 0px;
    bottom: -25px;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hp-carousel .main-title {
    height: 430px;
    padding-top: 205px;
  }
  .hp-carousel .main-title-text {
    max-width: 300px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 70px;
  }
  .hp-carousel .main-title-text p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 21px;
    min-width: 170px;
    padding-left: 20px;
    padding-right: 20px;
    width: unset;
    max-width: 170px;
    letter-spacing: 1.7px;
    font-size: 18px;
    max-width: 180px;
    height: 45px;
  }
  .hp-carousel .main-title-text .perex {
    max-width: 230px;
  }
  .hp-carousel .main-title-image {
    max-width: 330px;
    right: 0px;
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .hp-carousel .main-title {
    height: 430px;
    padding-top: 200px;
    background-size: 150% auto;
    padding-bottom: 0;
  }
  .hp-carousel .main-title-text {
    max-width: 285px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 55px;
  }
  .hp-carousel .main-title-text p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-text .btn {
    font-size: 16px;
    height: 40px;
    min-width: unset;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 150px;
    letter-spacing: 1.2px;
    margin-top: 5px;
  }
  .hp-carousel .main-title-image {
    max-width: 330px;
    right: 0px;
    bottom: 25px;
  }
}
@media (max-width: 499px) {
  .hp-carousel .main-title {
    height: 400px;
    padding-top: 185px;
    background-size: 180% auto;
  }
  .hp-carousel .main-title-text {
    max-width: 240px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
  .hp-carousel .main-title-text p {
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text h1 + * {
    margin-top: 7px;
  }
  .hp-carousel .main-title-text p {
    font-size: 11px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-text .btn {
    min-width: unset;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    max-width: 125px;
    height: 35px;
  }
  .hp-carousel .main-title-image {
    max-width: 260px;
    right: 0px;
    bottom: 30px;
  }
}
@media (max-width: 449px) {
  .hp-carousel .main-title-text .btn {
    font-size: 12px;
    max-width: 100px;
    height: 30px;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
}
@media (max-width: 429px) {
  .hp-carousel {
    margin-top: -30px;
  }
  .hp-carousel .main-title {
    height: 250px;
    padding-top: 50px;
    background-size: 100% auto;
  }
  .hp-carousel .main-title-text {
    max-width: 210px;
    padding-top: 0;
  }
  .hp-carousel .main-title-text h1 {
    font-size: 45px;
    margin-bottom: 7px;
  }
  .hp-carousel .main-title-text p {
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text h1 + * {
    margin-top: 7px;
  }
  .hp-carousel .main-title-text p {
    font-size: 8px;
    margin-bottom: 7px;
    max-width: 170px;
  }
  .hp-carousel .main-title-text .perex p {
    font-size: 15px;
    line-height: 1;
    max-width: 170px;
    margin-bottom: 5px;
  }
  .hp-carousel .main-title-text .button {
    display: flex;
    justify-content: flex-start;
  }
  .hp-carousel .main-title-image {
    max-width: 225px;
    right: 0px;
    bottom: 40px;
    transform: translateY(30px);
  }
  .hp-carousel .main-title-text .btn {
    font-size: 11px;
    max-width: 90px;
    height: 28px;
  }
}
/* END HP Carousel Gummies */
/* Category Titles */
.cat-title {
  padding-bottom: 30px;
  height: 640px;
  width: 100%;
  position: relative;
}
.cat-title-inner {
  display: flex;
  align-items: center;
}
.cat-title .main-title-text-wrap {
  position: relative;
  z-index: 3;
}
.cat-title .main-title-image-wrap {
  position: absolute;
  right: 15px;
}

.cat-title-text {
  padding-top: 0;
}

.cat-title-text h1,
.cat-title-text .h1 {
  display: flex;
  flex-direction: column;
}

.cat-title-text h1 span,
.cat-title-text .h1 span {
  display: block;
  font-size: 200px;
  white-space: nowrap;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
  color: #ff6c1c;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/konopi-txt2.jpg") no-repeat top -36px center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  line-height: 1.2;
  font-family: "Bebas Neue", cursive;
}

.cat-title-text h1 span::selection,
.cat-title-text .h1 span::selection {
  background: #c2a036;
  -webkit-text-fill-color: #fff;
}

.cat-title-text h1 small,
.cat-title-text .h1 small {
  white-space: normal;
  font-size: 46px;
  color: #c2a036;
  display: inline-block;
  line-height: 1.2;
  margin-top: -40px;
  margin-bottom: 10px;
}

.cat-title-text p {
  font-size: 26px;
  color: #ffffff;
  font-weight: 700;
}

.cat-title-text .button {
  margin-top: 55px;
}

.cat-title-text .btn {
  max-width: 300px;
  height: 90px;
  border-radius: 10px;
  font-size: 35px;
  color: #000000;
  font-weight: 800;
  text-align: center;
  background: url("../../images/eighty8/cat-btn.svg") no-repeat top -3px left -3px, linear-gradient(to right, #ae8c21 0%, #c2a036 100%);
  background-size: 100% auto;
  letter-spacing: normal;
}

.cat-title-text .btn span {
  color: #fff;
}

@media (max-width: 1659px) {
  .cat-title {
    padding-bottom: 30px;
    height: 550px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 185px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 43px;
    margin-top: -30px;
  }
  .cat-title-text p {
    font-size: 26px;
  }
  .cat-title-text .button {
    margin-top: 65px;
  }
  .cat-title-text .btn {
    font-size: 38px;
    max-width: 320px;
    height: 92px;
  }
}
@media (max-width: 1559px) {
  .cat-title {
    margin-top: 50px;
    height: 520px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 160px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 40px;
    margin-top: -25px;
  }
  .cat-title-text p {
    font-size: 24px;
  }
  .cat-title-text .button {
    margin-top: 55px;
  }
  .cat-title-text .btn {
    font-size: 36px;
    max-width: 310px;
    height: 85px;
  }
}
@media (max-width: 1359px) {
  .cat-title {
    margin-top: 30px;
    height: 440px;
    padding-bottom: 20px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 140px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 32px;
  }
  .cat-title-text p {
    font-size: 21px;
  }
  .cat-title-text .button {
    margin-top: 35px;
  }
  .cat-title-text .btn {
    font-size: 28px;
    max-width: 280px;
    height: 70px;
  }
}
@media (max-width: 1199px) {
  .cat-title {
    margin-top: 30px;
    height: 380px;
    padding-bottom: 20px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 100px;
    background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/konopi-txt.jpg") no-repeat top -25px center;
    background-clip: text;
    background-size: 100% 100%, 100% 100%;
    -webkit-background-clip: text;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 23px;
    margin-top: -15px;
  }
  .cat-title-text p {
    font-size: 20px;
  }
  .cat-title-text .button {
    margin-top: 30px;
  }
  .cat-title-text .btn {
    font-size: 24px;
    max-width: 240px;
    height: 60px;
  }
}
@media (max-width: 991px) {
  .cat-title {
    margin-top: 30px;
    padding-bottom: 30px;
    height: 285px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 80px;
    background: -webkit-linear-gradient(transparent, transparent), url(/images/eighty8/konopi-txt.jpg) no-repeat top -20px center;
    background-clip: text;
    background-size: 100% 100%, 100% 100%;
    -webkit-background-clip: text;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 19px;
    margin-bottom: 15px;
  }
  .cat-title-text p {
    font-size: 17px;
    line-height: 1.4;
  }
  .cat-title-text .button {
    margin-top: 20px;
  }
  .cat-title-text .btn {
    font-size: 22px;
    max-width: 220px;
    height: 55px;
  }
}
@media (max-width: 767px) {
  .cat-title {
    margin-top: 20px;
    padding-bottom: 20px;
    height: 220px;
  }
  .cat-title .main-title-text-wrap {
    max-width: 300px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 65px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 18px;
    margin-top: -7px;
    margin-bottom: 10px;
  }
  .cat-title-text p {
    font-size: 13px;
  }
  .cat-title-text .button {
    margin-top: 15px;
  }
  .cat-title-text .btn {
    font-size: 18px;
    max-width: 180px;
    height: 45px;
  }
}
@media (max-width: 575px) {
  .cat-title {
    margin-top: 10px;
    padding-bottom: 35px;
    height: 240px;
  }
  .cat-title .container {
    height: 100%;
  }
  .cat-title .container > .row {
    height: 100%;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 55px;
    text-align: left;
    background: -webkit-linear-gradient(transparent, transparent), url(/images/eighty8/konopi-txt.jpg) no-repeat top -10px center;
    background-clip: text;
    background-size: 100% 100%, 100% 100%;
    -webkit-background-clip: text;
    margin-bottom: 12px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 15px;
    margin-bottom: 12px;
    text-align: left;
  }
  .cat-title-text p {
    font-size: 13px;
    text-align: left;
    margin-bottom: 12px;
  }
  .cat-title-text .button {
    margin-top: 0;
    justify-content: flex-start;
  }
  .cat-title-text .button .btn {
    margin-top: 5px;
  }
  .cat-title-text .btn {
    font-size: 16px;
    max-width: 150px;
    height: 40px;
    margin-top: 0;
  }
}
@media (max-width: 499px) {
  .cat-title {
    padding-bottom: 35px;
    height: 210px;
  }
  .cat-title .main-title-text-wrap {
    max-width: 210px;
  }
  .cat-title2 .main-title-text-wrap {
    max-width: 140px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 50px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .cat-title-text p {
    font-size: 12px;
  }
  .cat-title-text .button .btn {
    margin-top: 0;
  }
  .cat-title-text .btn {
    font-size: 14px;
    max-width: 125px;
    height: 35px;
  }
}
@media (max-width: 449px) {
  .cat-title {
    padding-bottom: 35px;
    height: 200px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 45px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 1.35;
  }
  .cat-title-text p {
    font-size: 11px;
  }
  .cat-title-text .btn {
    font-size: 12px;
    max-width: 100px;
    height: 30px;
  }
  body.dark-bg.body-path-kapky,
  body.dark-bg.body-path-tablety,
  body.dark-bg.body-path-ostatni,
  body.dark-bg.body-path-liquidy,
  body.dark-bg.body-path-konopi {
    background-size: auto 310px !important;
  }
}
@media (max-width: 379px) {
  .cat-title {
    padding-bottom: 20px;
    height: 185px;
  }
  .cat-title-text h1 span,
  .cat-title-text .h1 span {
    font-size: 40px;
  }
  .cat-title-text h1 small,
  .cat-title-text .h1 small {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .cat-title-text p {
    font-size: 10px;
  }
  .cat-title-text .btn {
    font-size: 11px;
    max-width: 90px;
    height: 28px;
  }
  body.dark-bg.body-path-kapky,
  body.dark-bg.body-path-tablety,
  body.dark-bg.body-path-ostatni,
  body.dark-bg.body-path-liquidy,
  body.dark-bg.body-path-konopi {
    background-size: auto 275px !important;
  }
}
@media (max-width: 369px) {
  .cat-title {
    height: 180px;
  }
}
/* END Category Titles */
/* Category Konopí */
.cat-title2 {
  position: relative;
}
.cat-title2 .main-title-image {
  margin-top: -40px;
  width: 1065px;
  /* &::before {
    content: "";
    width: 662px;
    height: 455px;
    position: absolute;
    right: 376px;
    top: -110px;
    background: url("../../images/eighty8/super-strong-neon.png") no-repeat
      center;
    background-size: 100% auto;
    z-index: 0;
  } */
}
.cat-title2 .main-title-image img {
  position: relative;
  z-index: 2;
}

.cat-title2 .cat-title-text h1 span,
.cat-title2 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/super-strong-banner-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}

.cat-title2 .cat-title-text h1 span::selection,
.cat-title2 .cat-title-text .h1 span::selection {
  background: #ff2226;
  color: #fff;
}

.cat-title2 .cat-title-text h1 small,
.cat-title2 .cat-title-text .h1 small {
  color: #ff2226;
}

.cat-title2 .cat-title-text h1 small::selection,
.cat-title2 .cat-title-text .h1 small::selection {
  background: #ff2226;
  color: #fff;
}

.cat-title2 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-super-strong.svg") no-repeat bottom left -3px, #ff2226;
  background-size: 100% auto;
}

.cat-title2 .cat-title-text .btn:hover,
.cat-title2 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(255, 34, 38, 0.85);
}

@media (max-width: 1759px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 900px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    right: 286px;
    top: -145px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 1659px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 800px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 552px;
    height: 400px;
    right: 266px;
    top: -130px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 1559px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 700px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 480px;
    height: 390px;
    right: 239px;
    top: -140px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 80px;
    right: 0;
  }
}
@media (max-width: 1359px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    max-width: unset;
    margin-top: 0;
    width: 600px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 410px;
    height: 350px;
    right: 209px;
    top: -90px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 40px;
    right: 0;
  }
}
@media (max-width: 1199px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 540px;
    margin-top: 30px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 360px;
    height: 350px;
    right: 180px;
    top: -72px;
  }
}
@media (max-width: 991px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 420px;
    margin-top: 0;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 320px;
    height: 300px;
    right: 130px;
    top: -93px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 310px;
    margin-top: -20px;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 240px;
    height: 250px;
    right: 95px;
    top: -100px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 275px;
    margin-top: 0;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 170px;
    height: 150px;
    right: 100px;
    top: -35px;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: 0;
  }
}
@media (max-width: 499px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 275px;
    margin-top: 0;
  }
  .body-path-cbd-konopi .main-title-image::before,
  .cat-title2 .main-title-image::before {
    width: 150px;
    height: 150px;
    right: 89px;
    top: -46px;
  }
}
@media (max-width: 449px) {
  .body-path-cbd-konopi .main-title-image,
  .cat-title2 .main-title-image {
    width: 240px;
    margin-top: 0;
  }
  .body-path-cbd-konopi .main-title-image-wrap,
  .cat-title2 .main-title-image-wrap {
    margin-top: -10px;
  }
}
/* END Category Konopí */
/* Category Kapky */
.cat-title3 {
  position: relative;
}
.cat-title3 .main-title-image {
  margin-top: -200px;
  width: 1000px;
}

.cat-title3 .cat-title-text h1 span,
.cat-title3 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/kapky-txt3.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}

.cat-title3 .cat-title-text h1 span::selection,
.cat-title3 .cat-title-text .h1 span::selection {
  background: #34bacb;
  color: #fff;
}

.cat-title3 .cat-title-text h1 small,
.cat-title3 .cat-title-text .h1 small {
  color: #34bacb;
}

.cat-title3 .cat-title-text h1 small::selection,
.cat-title3 .cat-title-text .h1 small::selection {
  background: #34bacb;
  color: #fff;
}

.cat-title3 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn3-2.svg") no-repeat top -3px left -3px, linear-gradient(to right, #0f9bab 0%, #35c1d1 100%);
  background-size: 100% auto;
}

.cat-title3 .cat-title-text .btn:hover,
.cat-title3 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(52, 186, 203, 0.85);
}

@media (max-width: 1919px) {
  .cat-title3 .main-title-image {
    width: 1020px;
  }
}
@media (max-width: 1759px) {
  .cat-title3 .main-title-image {
    width: 1000px;
  }
}
@media (max-width: 1659px) {
  .cat-title3 .main-title-image {
    margin-top: -150px;
    width: 900px;
  }
}
@media (max-width: 1559px) {
  .cat-title3 .main-title-image {
    margin-top: -80px;
    width: 840px;
  }
}
@media (max-width: 1359px) {
  .cat-title3 .main-title-image {
    max-width: unset;
    width: 700px;
  }
  .cat-title3 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .cat-title3 .main-title-image {
    width: 540px;
  }
}
@media (max-width: 991px) {
  .cat-title3 .main-title-image {
    width: 470px;
  }
  .cat-title3 .main-title-image-wrap {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .cat-title3 .main-title-image {
    width: 360px;
  }
  .cat-title3 .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .cat-title3 .main-title-image {
    width: 300px;
  }
  .cat-title3 .main-title-image-wrap {
    margin-top: 50px;
    width: auto;
    right: -15px;
  }
}
@media (max-width: 499px) {
  .cat-title3 .main-title-image {
    width: 290px;
  }
}
@media (max-width: 449px) {
  .cat-title3 .main-title-image {
    width: 245px;
    margin-top: 0;
  }
  .cat-title3 .main-title-image-wrap {
    margin-top: -15px;
    right: -18px;
  }
}
/* END Category Kapky */
/* Category Tablety */
body.dark-bg.body-path-tablety,
body.dark-bg.body-path-cbd-tablety {
  background: #000 url("/images/eighty8/tablety-bg.jpg") no-repeat top center;
  background-size: contain;
}

.cat-title4 .cat-title-text h1 span,
.cat-title4 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/tablety-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}

.cat-title4 .cat-title-text h1 span::selection,
.cat-title4 .cat-title-text .h1 span::selection {
  background: #c869ff;
  color: #fff;
}

.cat-title4 .cat-title-text h1 small,
.cat-title4 .cat-title-text .h1 small {
  color: #c869ff;
}

.cat-title4 .cat-title-text h1 small::selection,
.cat-title4 .cat-title-text .h1 small::selection {
  background: #c869ff;
  color: #fff;
}

.cat-title4 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn4.svg") no-repeat top -3px left -3px, linear-gradient(90deg, #6c3f86 0%, #9454ba 100%);
  background-size: 100% auto;
}

.cat-title4 .cat-title-text .btn:hover,
.cat-title4 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(200, 105, 255, 0.85);
}

@media (max-width: 575px) {
  .cat-title4 .main-title-image img {
    margin-top: 35px;
  }
}
/* END Category Tablety */
/* Category Liquidy */
body.dark-bg.body-path-liquidy,
body.dark-bg.body-path-cbd-liquidy-1 {
  background: #000 url("/images/eighty8/liquidy-bg.jpg") no-repeat top center;
  background-size: contain;
}

.cat-title7 .main-title-image {
  margin-top: -70px;
}

.cat-title7 .cat-title-text h1 span,
.cat-title7 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/liquidy-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  text-transform: none;
  width: 110%;
}

.cat-title7 .cat-title-text h1 span::selection,
.cat-title7 .cat-title-text .h1 span::selection {
  background: #b9b9b9;
  color: #fff;
}

.cat-title7 .cat-title-text h1 small,
.cat-title7 .cat-title-text .h1 small {
  color: #b9b9b9;
}

.cat-title7 .cat-title-text h1 small::selection,
.cat-title7 .cat-title-text .h1 small::selection {
  background: #b9b9b9;
  color: #fff;
}

.cat-title7 .cat-title-text .btn {
  background: url("../../images/eighty8/cat-btn5.svg") no-repeat top -3px left -3px, linear-gradient(90deg, #dddddd 0%, #ffffff 100%);
  background-size: 100% auto;
}

.cat-title7 .cat-title-text .btn:hover,
.cat-title7 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(185, 185, 185, 0.85);
}

@media (max-width: 991px) {
  .cat-title7 .main-title-image {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .cat-title7 .main-title-image {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .cat-title7 .container {
    transform: translateY(-10px);
  }
}
/* END Category Liquidy */
/* Category Ostatni */
body.dark-bg.body-path-ostatni,
body.dark-bg.body-path-cbd-ostatni {
  background: #000 url("/images/eighty8/ostatni-bg2.jpg") no-repeat top center;
}

.cat-title6 .cat-title-text h1 span,
.cat-title6 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/kava-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  display: inline;
}

.cat-title6 .cat-title-text h1 span::selection,
.cat-title6 .cat-title-text .h1 span::selection {
  background: #ca7f59;
  color: #fff;
}

.cat-title6 .cat-title-text h1 small,
.cat-title6 .cat-title-text .h1 small {
  color: #ca7f59;
}

.cat-title6 .cat-title-text h1 small::selection,
.cat-title6 .cat-title-text .h1 small::selection {
  background: #ca7f59;
  color: #fff;
}

.cat-title6 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn6-2.svg") no-repeat top -3px left -3px, linear-gradient(to right, #72442f 0%, #86543d 99%, #86543d 100%);
  background-size: 100% auto;
}

.cat-title6 .cat-title-text .btn:hover,
.cat-title6 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(134, 84, 61, 0.85);
}

@media (max-width: 1779px) {
  .cat-title6 .main-title-image-wrap {
    width: 950px;
  }
}
@media (max-width: 1659px) {
  .cat-title6 .main-title-image-wrap {
    width: 900px;
  }
}
@media (max-width: 1559px) {
  .cat-title6 .main-title-image-wrap {
    width: 800px;
  }
}
@media (max-width: 1359px) {
  .cat-title6 .main-title-image {
    max-width: unset;
  }
  .cat-title6 .main-title-image-wrap {
    width: 600px;
  }
}
@media (max-width: 1199px) {
  .cat-title6 .main-title-image {
    max-width: unset;
  }
  .cat-title6 .main-title-image-wrap {
    width: 560px;
  }
}
@media (max-width: 991px) {
  .cat-title6 .main-title-image {
    max-width: unset;
  }
  .cat-title6 .main-title-image-wrap {
    width: 440px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .cat-title6 .main-title-image {
    max-width: unset;
  }
  .cat-title6 .main-title-image-wrap {
    width: 350px;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .cat-title6 .main-title-image {
    max-width: unset;
  }
  .cat-title6 .main-title-image-wrap {
    width: 265px;
    margin-top: -40px;
  }
}
@media (max-width: 499px) {
  .cat-title6 .main-title-image-wrap {
    width: 250px;
  }
}
@media (max-width: 449px) {
  .cat-title6 .main-title-image-wrap {
    width: 200px;
    margin-top: -30px;
  }
}
/* END Category Ostatni */
/* Category Vaporizační pera */
/* body.body-path-vaporizacni-pera,
body.body-path-vaporizacni-pera-1 {
  background: #000 url("/images/eighty8/hp-cat-title9-3.jpg") no-repeat top
    center;
} */
/* .cat-title9 {
  .cat-title-text {
    h1,
    .h1 {
      span {
        background: -webkit-linear-gradient(transparent, transparent),
          url("/images/eighty8/vapor-txt3-3.jpg") no-repeat top center;
        background-clip: text;
        -webkit-background-clip: text;
        background-size: 100% 100%, 100% 100%;
      }

      small {
        color: #eeaf0e;
      }
    }
  }

  .cat-title-text {
    .btn {
      color: #eeaf0e;
      background: url("../../images/eighty8/cat-btn9-3.svg") no-repeat top -3px left -3px,
        linear-gradient(to right, #edab0e 0%, #f4c50b 100%);
      background-size: 100% auto;

      &:hover,
      &:focus,
      &:focus-within {
        box-shadow: 0 0 40px rgba(#eeaf0e, 0.85);
      }
    }
  }

  .main-title-image {
    margin-top: 0;
    overflow: hidden;

    img {
      transform: translateX(55px);
      display: inline-block;
    }

    &-wrap {
      margin-top: 65px;
    }
  }
}

@media (max-width: 1879px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;

      img {
        transform: translateX(50px);
      }

      &-wrap {
        margin-top: 40px;
        width: 1000px;
      }
    }
  }
}

@media (max-width: 1779px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;

      img {
        transform: translateX(70px);
      }

      &-wrap {
        margin-top: 30px;
        width: 900px;
      }
    }
  }
}

@media (max-width: 1659px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;

      img {
        transform: translateX(60px);
      }

      &-wrap {
        margin-top: 20px;
        width: 770px;
      }
    }
  }
}

@media (max-width: 1359px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(60px);
      }

      &-wrap {
        margin-top: 20px;
        width: 670px;
      }
    }
  }
}

@media (max-width: 1199px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(40px);
      }

      &-wrap {
        margin-top: 20px;
        width: 536px;
      }
    }
  }
}

@media (max-width: 991px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(30px);
      }

      &-wrap {
        margin-top: 15px;
        width: 400px;
      }
    }
  }
}

@media (max-width: 767px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(30px);
      }

      &-wrap {
        margin-top: 20px;
        width: 300px;
      }
    }
  }
}

@media (max-width: 575px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(30px);
      }

      &-wrap {
        margin-top: 40px;
        width: 300px;
      }
    }
  }
}

@media (max-width: 499px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(15px);
      }

      &-wrap {
        margin-top: 35px;
        width: 265px;
      }
    }
  }
}

@media (max-width: 449px) {
  .cat-title9 {
    .main-title-image {
      margin-top: 0;
      max-width: unset;

      img {
        transform: translateX(15px);
      }

      &-wrap {
        margin-top: 15px;
        width: 230px;
        right: 0;
      }
    }
  }
} */
/* END Category Vaporizační pera */
/* Category Extrakty */
.cat-title10 .cat-title-text h1::selection,
.cat-title10 .cat-title-text .h1::selection {
  background: #cc68fd;
  -webkit-text-fill-color: #fff;
}
.cat-title10 .cat-title-text h1 span,
.cat-title10 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/extrakty-txt.jpg") no-repeat top center;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% 100%, 100% 100%;
}
.cat-title10 .cat-title-text h1 span::selection,
.cat-title10 .cat-title-text .h1 span::selection {
  background: #cc68fd;
  -webkit-text-fill-color: #fff;
}
.cat-title10 .cat-title-text h1 small,
.cat-title10 .cat-title-text .h1 small {
  color: #cc68fd;
}
.cat-title10 .cat-title-text h1 small::selection,
.cat-title10 .cat-title-text .h1 small::selection {
  background: #cc68fd;
  -webkit-text-fill-color: #fff;
}
.cat-title10 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn10.svg") no-repeat top -3px left -3px, linear-gradient(to left, #aa54d1 0%, #8836ad 100%);
  background-size: 100% auto;
}
.cat-title10 .cat-title-text .btn:hover, .cat-title10 .cat-title-text .btn:focus, .cat-title10 .cat-title-text .btn:focus-within {
  box-shadow: 0 0 40px rgba(202, 125, 237, 0.85);
}
.cat-title10 .main-title-image {
  margin-top: 0;
  overflow: hidden;
  width: 770px;
}
.cat-title10 .main-title-image-wrap {
  margin-top: 0;
}

@media (max-width: 1879px) {
  .cat-title10 .main-title-image {
    margin-top: 40px;
    width: 750px;
  }
}
@media (max-width: 1779px) {
  .cat-title10 .main-title-image {
    margin-top: 30px;
    width: 720px;
  }
}
@media (max-width: 1659px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 20px;
    width: 680px;
  }
}
@media (max-width: 1559px) {
  .cat-title10 .main-title-image {
    margin-top: 20px;
    width: 580px;
  }
}
@media (max-width: 1359px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 40px;
    width: 500px;
  }
}
@media (max-width: 1199px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 20px;
    width: 480px;
  }
}
@media (max-width: 991px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 15px;
    width: 370px;
  }
}
@media (max-width: 767px) {
  .cat-title10 .main-title-image {
    margin-top: 0;
    max-width: unset;
    margin-top: 20px;
    width: 240px;
  }
}
@media (max-width: 575px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 30px;
    width: 240px;
  }
}
@media (max-width: 499px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    right: -10px;
    margin-top: 25px;
    width: 200px;
  }
}
@media (max-width: 449px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    margin-top: 15px;
    width: 190px;
    right: 0;
  }
  .cat-title10 .cat-title-text h1 small,
  .cat-title10 .cat-title-text .h1 small {
    max-width: 210px;
  }
}
@media (max-width: 379px) {
  .cat-title10 .main-title-image {
    max-width: unset;
    width: 180px;
    right: 0;
  }
}
/* END Category Extrakty */
/* Category HHC */
body.body-path-cbd-hhc,
body.body-path-hhc {
  background: #000 url("/images/eighty8/hhc-banner-bg.jpg") no-repeat top center;
}

.cat-title11 .cat-title-text h1::selection,
.cat-title11 .cat-title-text .h1::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}
.cat-title11 .cat-title-text h1 span,
.cat-title11 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/hhc-banner-txt2.jpg") no-repeat top center;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% 100%, 100% 100%;
}
.cat-title11 .cat-title-text h1 span::selection,
.cat-title11 .cat-title-text .h1 span::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}
.cat-title11 .cat-title-text h1 small,
.cat-title11 .cat-title-text .h1 small {
  color: #e96e00;
  max-width: 730px;
}
.cat-title11 .cat-title-text h1 small::selection,
.cat-title11 .cat-title-text .h1 small::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}
.cat-title11 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-hhc.svg") no-repeat top -3px left -3px, linear-gradient(to left, #ff6c1c 0%, #cc4d12 100%);
  background-size: 100% auto;
}
.cat-title11 .cat-title-text .btn:hover, .cat-title11 .cat-title-text .btn:focus, .cat-title11 .cat-title-text .btn:focus-within {
  box-shadow: 0 0 40px rgba(255, 108, 28, 0.85);
}
.cat-title11 .main-title-image {
  margin-top: 0;
  overflow: hidden;
  width: 1000px;
  right: 20px;
}
.cat-title11 .main-title-image-wrap {
  margin-top: 0;
}

@media (max-width: 1729px) {
  .cat-title11 .main-title-image {
    width: 950px;
  }
}
@media (max-width: 1659px) {
  .cat-title11 .main-title-image {
    width: 850px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .cat-title11 .cat-title-text .button {
    margin-top: 40px;
  }
}
@media (max-width: 1559px) {
  .cat-title11 .main-title-image {
    width: 730px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 43px;
  }
}
@media (max-width: 1359px) {
  .cat-title11 .main-title-image {
    width: 700px;
  }
  .cat-title11 .cat-title-text {
    max-width: 580px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 37px;
  }
}
@media (max-width: 1199px) {
  .cat-title11 .main-title-image {
    width: 650px;
  }
  .cat-title11 .cat-title-text {
    max-width: 500px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 32px;
  }
}
@media (max-width: 1069px) {
  .cat-title11 .main-title-image-wrap {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .cat-title11 .main-title-image {
    width: 400px;
  }
  .cat-title11 .cat-title-text {
    max-width: 380px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cat-title11 .main-title-image {
    width: 330px;
  }
  .cat-title11 .cat-title-text {
    max-width: 300px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .cat-title11 .main-title-image {
    width: 330px;
  }
  .cat-title11 .main-title-image-wrap {
    right: 0;
  }
  .cat-title11 .cat-title-text {
    max-width: 285px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .cat-title11 .main-title-image {
    width: 260px;
  }
  .cat-title11 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title11 .cat-title-text {
    max-width: 240px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 14px;
  }
}
@media (max-width: 449px) {
  .cat-title11 .main-title-image {
    width: 260px;
  }
  .cat-title11 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title11 .cat-title-text h1 small,
  .cat-title11 .cat-title-text .h1 small {
    font-size: 14px;
    line-height: 1.1;
    max-width: 170px;
    margin-bottom: 10px;
  }
}
@media (max-width: 429px) {
  .cat-title11 .main-title-image {
    width: 225px;
  }
  .cat-title11 .main-title-image-wrap {
    bottom: 20px;
  }
  .cat-title11 .cat-title-text h1 span,
  .cat-title11 .cat-title-text .h1 span {
    margin-bottom: 5px;
  }
}
/* END Category HHC */
/* Category Edibles */
.cat-title18 .cat-title-text h1::selection,
.cat-title18 .cat-title-text .h1::selection {
  background: #ef2227;
  -webkit-text-fill-color: transparent;
}
.cat-title18 .cat-title-text h1 span,
.cat-title18 .cat-title-text .h1 span {
  color: #ef2227;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url(/images/eighty8/gummies-txt.jpg) no-repeat top -36px center;
  background-clip: text;
  -webkit-background-clip: text;
}
.cat-title18 .cat-title-text h1 span::selection,
.cat-title18 .cat-title-text .h1 span::selection {
  background: #ef2227;
  -webkit-text-fill-color: #fff;
}
.cat-title18 .cat-title-text h1 small,
.cat-title18 .cat-title-text .h1 small {
  color: #ef2227;
  max-width: 730px;
}
.cat-title18 .cat-title-text h1 small::selection,
.cat-title18 .cat-title-text .h1 small::selection {
  background: #ef2227;
  -webkit-text-fill-color: #fff;
}
.cat-title18 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-edibles.svg") no-repeat top -3px left -3px, linear-gradient(to right, #bc212c 0%, #df2633 100%);
  background-size: 100% auto;
}
.cat-title18 .cat-title-text .btn:hover, .cat-title18 .cat-title-text .btn:focus, .cat-title18 .cat-title-text .btn:focus-within {
  box-shadow: 0 0 40px rgba(239, 34, 39, 0.85);
}
.cat-title18 .main-title-image {
  margin-top: 0;
  overflow: hidden;
  width: 1000px;
  right: 20px;
}
.cat-title18 .main-title-image-wrap {
  margin-top: 0;
}

@media (max-width: 1729px) {
  .cat-title18 .main-title-image {
    width: 950px;
  }
}
@media (max-width: 1659px) {
  .cat-title18 .main-title-image {
    width: 850px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .cat-title18 .cat-title-text .button {
    margin-top: 40px;
  }
}
@media (max-width: 1559px) {
  .cat-title18 .main-title-image {
    width: 750px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 43px;
  }
}
@media (max-width: 1359px) {
  .cat-title18 .main-title-image {
    width: 700px;
    max-width: unset;
  }
  .cat-title18 .cat-title-text {
    max-width: 580px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 37px;
  }
}
@media (max-width: 1199px) {
  .cat-title18 .main-title-image {
    width: 550px;
  }
  .cat-title18 .cat-title-text {
    max-width: 500px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 32px;
  }
}
@media (max-width: 1069px) {
  .cat-title18 .main-title-image-wrap {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .cat-title18 .main-title-image {
    width: 400px;
  }
  .cat-title18 .cat-title-text {
    max-width: 380px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cat-title18 .main-title-image {
    width: 330px;
  }
  .cat-title18 .cat-title-text {
    max-width: 300px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .cat-title18 .main-title-image {
    width: 330px;
  }
  .cat-title18 .main-title-image-wrap {
    right: 0;
  }
  .cat-title18 .cat-title-text {
    max-width: 285px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .cat-title18 .main-title-image {
    width: 260px;
  }
  .cat-title18 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title18 .cat-title-text {
    max-width: 240px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 14px;
  }
}
@media (max-width: 449px) {
  .cat-title18 .main-title-image {
    width: 260px;
  }
  .cat-title18 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title18 .cat-title-text h1 small,
  .cat-title18 .cat-title-text .h1 small {
    font-size: 14px;
    line-height: 1.1;
    max-width: 170px;
    margin-bottom: 10px;
  }
}
@media (max-width: 429px) {
  .cat-title18 .main-title-image {
    width: 225px;
  }
  .cat-title18 .main-title-image-wrap {
    bottom: 20px;
  }
  .cat-title18 .cat-title-text h1 span,
  .cat-title18 .cat-title-text .h1 span {
    margin-bottom: 5px;
  }
}
/* END Category Edibles */
/* Category H4CBD */
body.body-path-cbd-h4cbd,
body.body-path-h4cbd {
  background: #000 url("/images/eighty8/h4cbd-banner-bg.jpg") no-repeat top center;
}

.cat-title23 .cat-title-text h1::selection,
.cat-title23 .cat-title-text .h1::selection {
  background: #ffff10;
  -webkit-text-fill-color: transparent;
}
.cat-title23 .cat-title-text h1 span,
.cat-title23 .cat-title-text .h1 span {
  color: #ffff10;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url(/images/eighty8/h4cbd-banner-txt.jpg) no-repeat top -36px center;
  background-clip: text;
  -webkit-background-clip: text;
}
.cat-title23 .cat-title-text h1 span::selection,
.cat-title23 .cat-title-text .h1 span::selection {
  background: #ffff10;
  -webkit-text-fill-color: #fff;
}
.cat-title23 .cat-title-text h1 small,
.cat-title23 .cat-title-text .h1 small {
  color: #ffff10;
  max-width: 730px;
}
.cat-title23 .cat-title-text h1 small::selection,
.cat-title23 .cat-title-text .h1 small::selection {
  background: #ffff10;
  -webkit-text-fill-color: #fff;
}
.cat-title23 .cat-title-text .btn {
  color: #222200;
  background: url("../../images/eighty8/cat-btn-h4cbd.svg") no-repeat top -3px left -3px, linear-gradient(to right, #d3d300 0%, #ffff10 100%);
  background-size: 100% auto;
}
.cat-title23 .cat-title-text .btn span {
  color: #222200;
}
.cat-title23 .cat-title-text .btn:hover, .cat-title23 .cat-title-text .btn:focus, .cat-title23 .cat-title-text .btn:focus-within {
  box-shadow: 0 0 40px rgba(255, 255, 16, 0.85);
}
.cat-title23 .main-title-image {
  margin-top: 80px;
  overflow: hidden;
  width: 1000px;
  right: 20px;
}
.cat-title23 .main-title-image-wrap {
  margin-top: 0;
}

@media (max-width: 1729px) {
  .cat-title23 .main-title-image {
    width: 950px;
  }
}
@media (max-width: 1659px) {
  .cat-title23 .main-title-image {
    width: 850px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .cat-title23 .cat-title-text .button {
    margin-top: 40px;
  }
}
@media (max-width: 1559px) {
  .cat-title23 .main-title-image {
    width: 750px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 43px;
  }
}
@media (max-width: 1359px) {
  .cat-title23 .main-title-image {
    width: 700px;
    max-width: unset;
  }
  .cat-title23 .cat-title-text {
    max-width: 580px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 37px;
  }
}
@media (max-width: 1199px) {
  .cat-title23 .main-title-image {
    width: 550px;
  }
  .cat-title23 .cat-title-text {
    max-width: 500px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 32px;
  }
}
@media (max-width: 1069px) {
  .cat-title23 .main-title-image-wrap {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .cat-title23 .main-title-image {
    width: 400px;
    margin-top: 60px;
  }
  .cat-title23 .cat-title-text {
    max-width: 380px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cat-title23 .main-title-image {
    width: 330px;
    margin-top: 40px;
  }
  .cat-title23 .cat-title-text {
    max-width: 300px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .cat-title23 .main-title-image {
    width: 330px;
  }
  .cat-title23 .main-title-image-wrap {
    right: 0;
  }
  .cat-title23 .cat-title-text {
    max-width: 285px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .cat-title23 .main-title-image {
    width: 260px;
    margin-top: 60px;
  }
  .cat-title23 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title23 .cat-title-text {
    max-width: 240px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 14px;
  }
}
@media (max-width: 449px) {
  .cat-title23 .main-title-image {
    width: 260px;
  }
  .cat-title23 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title23 .cat-title-text h1 small,
  .cat-title23 .cat-title-text .h1 small {
    font-size: 14px;
    line-height: 1.1;
    max-width: 170px;
    margin-bottom: 10px;
  }
}
@media (max-width: 429px) {
  .cat-title23 .main-title-image {
    width: 225px;
  }
  .cat-title23 .main-title-image-wrap {
    bottom: 20px;
  }
  .cat-title23 .cat-title-text h1 span,
  .cat-title23 .cat-title-text .h1 span {
    margin-bottom: 5px;
  }
}
/* END Category H4CBD */
/* Category Super Strong */
body.body-path-cbd-super-strong,
body.body-path-super-strong {
  background: #000 url("/images/eighty8/super-strong-banner-bg.jpg") no-repeat top center;
}

.cat-title25 .cat-title-text h1::selection,
.cat-title25 .cat-title-text .h1::selection {
  background: #ff2226;
  -webkit-text-fill-color: transparent;
}
.cat-title25 .cat-title-text h1 span,
.cat-title25 .cat-title-text .h1 span {
  color: #ff2226;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/super-strong-banner-txt.jpg") no-repeat top -36px center;
  background-clip: text;
  -webkit-background-clip: text;
}
.cat-title25 .cat-title-text h1 span::selection,
.cat-title25 .cat-title-text .h1 span::selection {
  background: #ff2226;
  -webkit-text-fill-color: #fff;
}
.cat-title25 .cat-title-text h1 small,
.cat-title25 .cat-title-text .h1 small {
  color: #ff2226;
  max-width: 730px;
}
.cat-title25 .cat-title-text h1 small::selection,
.cat-title25 .cat-title-text .h1 small::selection {
  background: #ff2226;
  -webkit-text-fill-color: #fff;
}
.cat-title25 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-super-strong.svg") no-repeat bottom left -3px, #ff2226;
  background-size: 100% auto;
}
.cat-title25 .cat-title-text .btn span {
  color: #fff;
}
.cat-title25 .cat-title-text .btn:hover, .cat-title25 .cat-title-text .btn:focus, .cat-title25 .cat-title-text .btn:focus-within {
  box-shadow: 0 0 40px rgba(255, 34, 38, 0.85);
}
.cat-title25 .main-title-image {
  margin-top: 80px;
  overflow: visible;
  width: 1000px;
  right: 20px;
  position: relative;
}
.cat-title25 .main-title-image::before {
  content: "";
  width: 662px;
  height: 455px;
  position: absolute;
  right: 45px;
  top: -195px;
  background: url("../../images/eighty8/super-strong-neon.png") no-repeat center;
  background-size: 100% auto;
  z-index: -1;
}
@media (max-width: 1659px) {
  .cat-title25 .main-title-image::before {
    width: 570px;
    height: 375px;
    right: 30px;
    top: -175px;
  }
}
@media (max-width: 1199px) {
  .cat-title25 .main-title-image::before {
    width: 450px;
    height: 250px;
    right: -40px;
    top: -115px;
  }
}
@media (max-width: 991px) {
  .cat-title25 .main-title-image::before {
    width: 350px;
    height: 200px;
    right: -45px;
    top: -95px;
  }
}
@media (max-width: 767px) {
  .cat-title25 .main-title-image::before {
    width: 350px;
    height: 200px;
    right: -80px;
    top: -95px;
  }
}
@media (max-width: 499px) {
  .cat-title25 .main-title-image::before {
    width: 280px;
    height: 150px;
    right: -70px;
    top: -80px;
  }
}
.cat-title25 .main-title-image-wrap {
  margin-top: 0;
}

@media (max-width: 1729px) {
  .cat-title25 .main-title-image {
    width: 950px;
  }
}
@media (max-width: 1659px) {
  .cat-title25 .main-title-image {
    width: 850px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .cat-title25 .cat-title-text .button {
    margin-top: 40px;
  }
}
@media (max-width: 1559px) {
  .cat-title25 .main-title-image {
    width: 750px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 43px;
  }
}
@media (max-width: 1359px) {
  .cat-title25 .main-title-image {
    width: 700px;
    max-width: unset;
  }
  .cat-title25 .cat-title-text {
    max-width: 580px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 37px;
  }
}
@media (max-width: 1199px) {
  .cat-title25 .main-title-image {
    width: 550px;
  }
  .cat-title25 .cat-title-text {
    max-width: 500px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 32px;
  }
}
@media (max-width: 1069px) {
  .cat-title25 .main-title-image-wrap {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .cat-title25 .main-title-image {
    width: 400px;
    margin-top: 60px;
  }
  .cat-title25 .cat-title-text {
    max-width: 380px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cat-title25 .main-title-image {
    width: 330px;
    margin-top: 40px;
  }
  .cat-title25 .cat-title-text {
    max-width: 300px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .cat-title25 .main-title-image {
    width: 330px;
  }
  .cat-title25 .main-title-image-wrap {
    right: 0;
  }
  .cat-title25 .cat-title-text {
    max-width: 285px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .cat-title25 .main-title-image {
    width: 260px;
    margin-top: 60px;
  }
  .cat-title25 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title25 .cat-title-text {
    max-width: 240px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 14px;
  }
}
@media (max-width: 449px) {
  .cat-title25 .main-title-image {
    width: 260px;
  }
  .cat-title25 .main-title-image-wrap {
    bottom: 10px;
  }
  .cat-title25 .cat-title-text h1 small,
  .cat-title25 .cat-title-text .h1 small {
    font-size: 14px;
    line-height: 1.1;
    max-width: 170px;
    margin-bottom: 10px;
  }
}
@media (max-width: 429px) {
  .cat-title25 .main-title-image {
    width: 225px;
    transform: translateY(20px);
  }
  .cat-title25 .main-title-image-wrap {
    bottom: 20px;
  }
  .cat-title25 .cat-title-text h1 span,
  .cat-title25 .cat-title-text .h1 span {
    margin-bottom: 5px;
  }
}
/* END Category Super Strong */
/* VO banner */
.vo-banner .cat-title-text h1::selection,
.vo-banner .cat-title-text .h1::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}
.vo-banner .cat-title-text h1 span,
.vo-banner .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/hhc-banner-txt2.jpg") no-repeat top center;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% 100%, 100% 100%;
}
.vo-banner .cat-title-text h1 span::selection,
.vo-banner .cat-title-text .h1 span::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}
.vo-banner .cat-title-text h1 small,
.vo-banner .cat-title-text .h1 small {
  color: #e96e00;
}
.vo-banner .cat-title-text h1 small::selection,
.vo-banner .cat-title-text .h1 small::selection {
  background: #e96e00;
  -webkit-text-fill-color: #fff;
}

/* END VO banner */
/* Category Jointy */
.cat-title12 {
  position: relative;
}
.cat-title12 .main-title-image {
  margin-top: -200px;
  width: 1000px;
}

.cat-title12 .cat-title-text h1 span,
.cat-title12 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("../../images/eighty8/kapky-txt3.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}

.cat-title12 .cat-title-text h1 span::selection,
.cat-title12 .cat-title-text .h1 span::selection {
  background: #bbc844;
  color: #fff;
}

.cat-title12 .cat-title-text h1 small,
.cat-title12 .cat-title-text .h1 small {
  color: #bbc844;
}

.cat-title12 .cat-title-text h1 small::selection,
.cat-title12 .cat-title-text .h1 small::selection {
  background: #bbc844;
  color: #fff;
}

.cat-title12 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-joint.svg") no-repeat top -3px left -3px, linear-gradient(to right, #676f1c 0%, #8c962d 100%);
  background-size: 100% auto;
}

.cat-title12 .cat-title-text .btn:hover,
.cat-title12 .cat-title-text .btn:focus {
  box-shadow: 0 0 40px rgba(187, 200, 68, 0.85);
}

@media (max-width: 1919px) {
  .cat-title12 .main-title-image {
    width: 1020px;
  }
  .cartridge-title .main-title-image {
    width: 1020px;
  }
}
@media (max-width: 1759px) {
  .cat-title12 .main-title-image {
    width: 1000px;
  }
  .cartridge-title .main-title-image {
    width: 1000px;
  }
}
@media (max-width: 1659px) {
  .cat-title12 .main-title-image {
    margin-top: -150px;
    width: 900px;
  }
  .cartridge-title .main-title-image {
    margin-top: -150px;
    width: 900px;
  }
}
@media (max-width: 1559px) {
  .cat-title12 .main-title-image {
    margin-top: -80px;
    width: 840px;
  }
  .cartridge-title .main-title-image {
    margin-top: -80px;
    width: 840px;
  }
}
@media (max-width: 1359px) {
  .cat-title12 .main-title-image {
    max-width: unset;
    width: 700px;
  }
  .cat-title12 .main-title-image-wrap {
    margin-top: 40px;
  }
  .cartridge-title .main-title-image {
    max-width: unset;
    width: 700px;
  }
  .cartridge-title .main-title-image-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .cat-title12 .main-title-image {
    width: 540px;
  }
  .hp-cat-title.cat-title12 .main-title-image {
    margin-top: 70px;
  }
  .cartridge-title .main-title-image {
    width: 540px;
  }
  .hp-cat-title.cartridge-title .main-title-image {
    margin-top: 70px;
  }
}
@media (max-width: 991px) {
  .cat-title12 .main-title-image {
    width: 470px;
  }
  .cat-title12 .main-title-image-wrap {
    margin-top: 60px;
  }
  .cartridge-title .main-title-image {
    width: 470px;
  }
  .cartridge-title .main-title-image-wrap {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .cat-title12 .main-title-image {
    width: 360px;
  }
  .cat-title12 .main-title-image-wrap {
    margin-top: 40px;
  }
  .hp-cat-title.cat-title12 .main-title-image {
    margin-top: 30px;
  }
  .cartridge-title .main-title-image {
    width: 360px;
  }
  .cartridge-title .main-title-image-wrap {
    margin-top: 40px;
  }
  .hp-cat-title.cat-title12 .main-title-image {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .cat-title12 .main-title-image {
    width: 300px;
  }
  .cat-title12 .main-title-image-wrap {
    margin-top: 50px;
    width: auto;
    right: -15px;
  }
  .cartridge-title .main-title-image {
    width: 300px;
  }
  .cartridge-title .main-title-image-wrap {
    margin-top: 50px;
    width: auto;
    right: -15px;
  }
}
@media (max-width: 499px) {
  .cat-title12 .main-title-image {
    width: 290px;
  }
  .cartridge-title .main-title-image {
    width: 290px;
  }
}
@media (max-width: 449px) {
  .cat-title12 .main-title-image {
    width: 245px;
    margin-top: 0;
  }
  .cat-title12 .main-title-image-wrap {
    margin-top: -15px;
    right: -18px;
  }
  .cartridge-title .main-title-image {
    width: 245px;
    margin-top: 0;
  }
  .cartridge-title .main-title-image-wrap {
    margin-top: -15px;
    right: -18px;
  }
  .hp-cat-title.cartridge-title {
    margin-top: 50px;
    margin-bottom: 15px;
  }
}
/* HP categories */
.hp-categories {
  margin: 0 auto;
  max-width: 1920px;
  margin-top: 50px;
}
.hp-categories .cartridge-title .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn-cartridge.svg") no-repeat top left, linear-gradient(to right, #aa8000 0%, #d9ba00 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title2 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn2-2.svg") no-repeat top left, linear-gradient(to right, #b19510 0%, #ddc038 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title23 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn-h4cbd.svg") no-repeat top left, linear-gradient(to right, #d3d300 0%, #ffff10 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title3 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn3-2.svg") no-repeat top left, linear-gradient(to right, #0f9bab 0%, #35c1d1 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title9 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn9-2.svg") no-repeat top left, linear-gradient(to right, #d97e08 0%, #ffa200 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title10 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn10-2.svg") no-repeat top left, linear-gradient(to right, #793f91 0%, #9d5bb9 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title11 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn11-2.svg") no-repeat top left, linear-gradient(to right, #cd9a00 0%, #ffcc03 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title12 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn-joint.svg") no-repeat top left, linear-gradient(to right, #676f1c 0%, #8c962d 100%);
  background-size: 100% auto;
}
.hp-categories .cat-title2 .cat-title-text .btn,
.hp-categories .cartridge-title .cat-title-text .btn,
.hp-categories .cat-title23 .cat-title-text .btn,
.hp-categories .cat-title3 .cat-title-text .btn,
.hp-categories .cat-title9 .cat-title-text .btn,
.hp-categories .cat-title10 .cat-title-text .btn,
.hp-categories .cat-title11 .cat-title-text .btn,
.hp-categories .cat-title12 .cat-title-text .btn {
  max-width: 100px;
  height: 32px;
}
@media (min-width: 450px) {
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    height: 35px;
  }
}
@media (min-width: 576px) {
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    max-width: 150px;
    height: 45px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    max-width: 180px;
    height: 60px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    max-width: 220px;
    height: 70px;
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  .hp-categories .cat-title-text .btn {
    padding-left: 55px;
    padding-right: 55px;
    max-width: 404px;
    background: url("/images/eighty8/cat-btn2.svg") no-repeat top left -3px, linear-gradient(to right, #ae8c21 0%, #c2a036 100%);
    font-size: 21px;
  }
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    max-width: 250px;
    height: 75px;
    font-size: 30px;
  }
  .hp-categories .cat-title3 .cat-title-text .btn {
    background: url("/images/eighty8/cat-btn3-2.svg") no-repeat top left, linear-gradient(to right, #0f9bab 0%, #35c1d1 100%);
  }
  .hp-categories .cat-title9 .cat-title-text .btn {
    background: url("/images/eighty8/cat-btn9-2.svg") no-repeat top left, linear-gradient(to right, #d97e08 0%, #ffa200 100%);
  }
  .hp-categories .cat-title9 .cat-title-text .btn:hover {
    box-shadow: 0 0 40px rgba(255, 162, 0, 0.85);
  }
  .hp-categories .cat-title10 .cat-title-text .btn {
    background: url("/images/eighty8/cat-btn10-2.svg") no-repeat top left, linear-gradient(to right, #793f91 0%, #9d5bb9 100%);
  }
  .hp-categories .cat-title10 .main-title-image-wrap {
    margin-top: 50px;
  }
  .hp-categories .cat-title11 .cat-title-text .btn {
    background: url("/images/eighty8/cat-btn11-2.svg") no-repeat top left, linear-gradient(to right, #cd9a00 0%, #ffcc03 100%);
  }
  .hp-categories .cat-title11 .cat-title-text .btn:hover {
    box-shadow: 0 0 40px rgba(255, 204, 3, 0.85);
  }
  .hp-categories .cat-title6 .cat-title-text .btn {
    background: url("/images/eighty8/hp-cat-btn6.svg") no-repeat top left -3px, linear-gradient(to right, #724530 0%, #87563d 100%);
  }
}
@media (min-width: 1360px) {
  .hp-categories .cat-title2 .cat-title-text .btn,
  .hp-categories .cartridge-title .cat-title-text .btn,
  .hp-categories .cat-title23 .cat-title-text .btn,
  .hp-categories .cat-title3 .cat-title-text .btn,
  .hp-categories .cat-title9 .cat-title-text .btn,
  .hp-categories .cat-title10 .cat-title-text .btn,
  .hp-categories .cat-title11 .cat-title-text .btn,
  .hp-categories .cat-title12 .cat-title-text .btn {
    font-size: 35px;
    max-width: 300px;
    height: 90px;
  }
  .hp-categories .cat-title-text .btn {
    font-size: 25px;
  }
}

.hp-cat-title {
  height: 848px;
  background: url("/images/eighty8/hp-cat-title.jpg") no-repeat center;
  background-size: 100% auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hp-cat-title.cartridge-title {
  background: url("/images/eighty8/cartridge-banner-bg.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cartridge-title .cat-title-text h1 span,
.hp-cat-title.cartridge-title .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-txt.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cartridge-title .cat-title-text h1 small,
.hp-cat-title.cartridge-title .cat-title-text .h1 small {
  color: #ffe608;
}
.hp-cat-title.cartridge-title .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn-cartridge.svg") no-repeat top left, linear-gradient(to right, #aa8000 0%, #d9ba00 100%);
  background-size: 100% auto;
}
.hp-cat-title.cartridge-title .cat-title-text .btn:hover, .hp-cat-title.cartridge-title .cat-title-text .btn:focus, .hp-cat-title.cartridge-title .cat-title-text .btn:active {
  box-shadow: 0 0 50px rgba(255, 230, 8, 0.85);
}
.hp-cat-title.cat-title23 {
  background: url("/images/eighty8/h4cbd-banner-bg.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title23 .cat-title-text h1 span,
.hp-cat-title.cat-title23 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/h4cbd-banner-txt.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title23 .cat-title-text h1 small,
.hp-cat-title.cat-title23 .cat-title-text .h1 small {
  color: #ffff10;
}
.hp-cat-title.cat-title23 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn-h4cbd.svg") no-repeat top left, linear-gradient(to right, #d3d300 0%, #ffff10 100%);
  background-size: 100% auto;
}
.hp-cat-title.cat-title23 .cat-title-text .btn:hover, .hp-cat-title.cat-title23 .cat-title-text .btn:focus, .hp-cat-title.cat-title23 .cat-title-text .btn:active {
  box-shadow: 0 0 50px rgba(255, 255, 16, 0.85);
}
.hp-cat-title.cat-title2 {
  background: url("/images/eighty8/super-strong-banner-bg.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title2 .cat-title-text h1 span,
.hp-cat-title.cat-title2 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/super-strong-banner-txt.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title2 .cat-title-text h1 small,
.hp-cat-title.cat-title2 .cat-title-text .h1 small {
  color: #ff2226;
}
.hp-cat-title.cat-title2 .cat-title-text .btn {
  color: #fff;
  background: url("../../images/eighty8/cat-btn-super-strong.svg") no-repeat bottom left -3px, #ff2226;
  background-size: 100% auto;
}
.hp-cat-title.cat-title2 .cat-title-text .btn:hover, .hp-cat-title.cat-title2 .cat-title-text .btn:focus, .hp-cat-title.cat-title2 .cat-title-text .btn:active {
  box-shadow: 0 0 50px rgba(255, 34, 38, 0.85);
}
.hp-cat-title.cat-title3 {
  background: url("/images/eighty8/hp-cat-title3-2.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title3 .cat-title-text h1 span,
.hp-cat-title.cat-title3 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/kapky-txt3.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title3 .cat-title-text h1 small,
.hp-cat-title.cat-title3 .cat-title-text .h1 small {
  color: #34bacb;
}
.hp-cat-title.cat-title9 {
  margin-top: 0;
  background: url("/images/eighty8/hp-cat-title9-3.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title9 .cat-title-text h1 span,
.hp-cat-title.cat-title9 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapor-txt3-3.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title9 .cat-title-text h1 small,
.hp-cat-title.cat-title9 .cat-title-text .h1 small {
  color: #eeaf0e;
}
.hp-cat-title.cat-title9 .cat-title-text .btn {
  background: url("/images/eighty8/cat-btn9-3.svg") no-repeat top left, linear-gradient(to right, #edab0e 0%, #f4c50b 100%);
  background-size: 100% auto;
}
.hp-cat-title.cat-title9 .cat-title-text .btn:hover, .hp-cat-title.cat-title9 .cat-title-text .btn:focus, .hp-cat-title.cat-title9 .cat-title-text .btn:active {
  box-shadow: 0 0 50px rgba(244, 197, 11, 0.85);
}
.hp-cat-title.cat-title10 {
  background: url("/images/eighty8/hp-cat-title10-2.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title10 .cat-title-text h1 span,
.hp-cat-title.cat-title10 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/extrakty-txt3.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title10 .cat-title-text h1 small,
.hp-cat-title.cat-title10 .cat-title-text .h1 small {
  color: #b76dd6;
}
.hp-cat-title.cat-title11 {
  background: url("/images/eighty8/hp-cat-title11-2.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title11 .cat-title-text h1 span,
.hp-cat-title.cat-title11 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/hhc-banner-txt3.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title11 .cat-title-text h1 small,
.hp-cat-title.cat-title11 .cat-title-text .h1 small {
  color: #ffcc03;
}
@media (min-width: 1360px) {
  .hp-cat-title.cat-title11 .main-title-image-wrap {
    margin-right: -120px;
    margin-top: 160px;
  }
}
@media (min-width: 1560px) and (max-width: 1759px) {
  .hp-cat-title.cat-title11 .main-title-image {
    width: 800px;
  }
  .hp-cat-title.cat-title11 .main-title-image-wrap {
    margin-right: -70px;
    margin-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .hp-cat-title.cat-title11 .main-title-image {
    max-width: 590px;
  }
  .hp-cat-title.cat-title11 .main-title-image-wrap {
    margin-right: -50px;
  }
}
@media (max-width: 575px) {
  .hp-cat-title.cat-title11 .main-title-image-wrap {
    margin-right: -40px;
  }
}
@media (max-width: 379px) {
  .hp-cat-title.cat-title11 .main-title-image-wrap {
    margin-right: -25px;
  }
}
.hp-cat-title.cat-title6 {
  margin-top: -30px;
  background: url("/images/eighty8/hp-cat-title6.jpg") no-repeat center;
  background-size: 100% auto;
}
@media (max-width: 991px) {
  .hp-cat-title.cat-title6 {
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  .hp-cat-title.cat-title6 {
    margin-top: -10px;
  }
}
@media (max-width: 575px) {
  .hp-cat-title.cat-title6 {
    margin-top: 0;
  }
}
.hp-cat-title.cat-title12 {
  background: url("/images/eighty8/joint-banner-bg.jpg") no-repeat center;
  background-size: 100% auto;
}
.hp-cat-title.cat-title12 .cat-title-text h1 span,
.hp-cat-title.cat-title12 .cat-title-text .h1 span {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/joint-txt.jpg") no-repeat top center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
}
.hp-cat-title.cat-title12 .cat-title-text h1 small,
.hp-cat-title.cat-title12 .cat-title-text .h1 small {
  color: #bbc844;
}
.hp-cat-title .main-title-image {
  margin-top: 0;
}
.hp-cat-title .main-title-image-wrap {
  margin-top: 0;
}
.hp-cat-title-reverse .main-title-image-wrap {
  right: auto;
  left: 0;
}
@media (min-width: 450px) {
  .hp-cat-title-reverse .main-title-image-wrap {
    left: 15px;
  }
}
@media (min-width: 1200px) {
  .hp-cat-title-reverse .main-title-image-wrap {
    left: 40px;
  }
}
@media (min-width: 1360px) {
  .hp-cat-title-reverse .main-title-image-wrap {
    left: 15px;
  }
}
.hp-cat-title-reverse .main-title-text-wrap {
  margin-left: auto;
}
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text h1,
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text .h1 {
  align-items: flex-end;
  text-align: right;
}
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text h1 small,
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text .h1 small {
  text-align: right;
}
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text p {
  text-align: right;
}
.hp-cat-title-reverse .main-title-text-wrap .cat-title-text .button {
  display: flex;
  justify-content: flex-end;
}
.hp-cat-title.cat-title3 .main-title-image {
  width: 230px;
}
@media (min-width: 450px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 255px;
  }
}
@media (min-width: 500px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 270px;
  }
}
@media (min-width: 576px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 320px;
  }
}
@media (min-width: 768px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 450px;
    margin-top: 40px;
    margin-left: 50px;
  }
}
@media (min-width: 992px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 560px;
    margin-top: 80px;
    margin-left: 50px;
  }
}
@media (min-width: 1200px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 630px;
    margin-left: 50px;
  }
}
@media (min-width: 1360px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 750px;
    margin-left: 60px;
  }
}
@media (min-width: 1660px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 900px;
    margin-left: 80px;
  }
}
@media (min-width: 1760px) {
  .hp-cat-title.cat-title3 .main-title-image {
    width: 980px;
    margin-left: 110px;
  }
}

@media (min-width: 992px) and (max-width: 1759px) {
  .hp-cat-title.cat-title3 {
    background-size: 90% auto;
  }
}
@media (min-width: 1760px) and (max-width: 1919px) {
  .hp-cat-title.cat-title3 {
    background-size: auto 100%;
  }
}
@media (max-width: 1759px) {
  .hp-cat-title {
    height: 700px;
  }
}
@media (max-width: 1559px) {
  .hp-cat-title {
    height: 600px;
    margin-bottom: 45px;
  }
}
@media (max-width: 1359px) {
  .hp-cat-title {
    height: 590px;
    margin-bottom: 0;
  }
  .hp-categories {
    margin-top: 25px;
  }
}
@media (max-width: 1199px) {
  .hp-cat-title {
    height: 450px;
    margin-bottom: 30px;
  }
  .hp-categories {
    margin-top: 40px;
  }
  .hp-categories .cat-title-text .btn {
    font-size: 18px;
    max-width: 320px;
    height: 60px;
    line-height: 1;
  }
}
@media (max-width: 991px) {
  .hp-categories {
    margin-top: 25px;
  }
  .hp-cat-title {
    height: 380px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .hp-categories {
    margin-top: 20px;
  }
  .hp-categories .cat-title-text .btn {
    font-size: 15px;
    max-width: 250px;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
    background-size: 100% auto;
  }
  .hp-cat-title {
    height: 270px;
  }
  .hp-cat-title.cat-title3 {
    background-size: auto 100%;
  }
}
@media (max-width: 575px) {
  .hp-categories {
    margin-top: 20px;
  }
  .hp-categories .cat-title-text .btn {
    font-size: 14px;
    max-width: 225px;
    height: 48px;
  }
  .hp-cat-title {
    height: 250px;
  }
}
@media (max-width: 499px) {
  .hp-categories .cat-title-text .btn {
    font-size: 12px;
    height: 42px;
  }
  .hp-cat-title {
    height: 240px;
  }
}
@media (max-width: 449px) {
  .hp-categories .cat-title-text .btn {
    font-size: 11px;
    height: 37px;
    width: 165px;
  }
  .hp-cat-title {
    height: 220px;
  }
}
/* END HP categories */
/* rozchillujse */
.cat-title-chill .cat-title-text h1 span,
.cat-title-chill .cat-title-text .h1 span {
  color: #fff;
  -webkit-text-fill-color: unset;
}
.cat-title-chill .cat-title-text h1 span.h1-color,
.cat-title-chill .cat-title-text .h1 span.h1-color {
  display: inline;
  color: #b38f20;
}
.cat-title-chill .cat-title-text h1 small,
.cat-title-chill .cat-title-text .h1 small {
  color: #e4b935;
  max-width: 780px;
}
.cat-title-chill .main-title-image-wrap {
  bottom: 0;
  right: 0;
}

@media (max-width: 1759px) {
  .cat-title-chill {
    margin-top: -20px;
  }
  .cat-title-chill .main-title-image {
    width: 1070px;
  }
}
@media (max-width: 1659px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    width: 1000px;
  }
}
@media (max-width: 1559px) {
  .cat-title-chill {
    margin-top: -20px;
  }
  .cat-title-chill .main-title-image {
    width: 950px;
  }
}
@media (max-width: 1359px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    max-width: unset;
    width: 750px;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 660px;
  }
}
@media (max-width: 1199px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    width: 600px;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 400px;
  }
}
@media (max-width: 991px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    width: 450px;
  }
  .cat-title-chill .main-title-image-wrap {
    bottom: -30px;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    width: 380px;
  }
  .cat-title-chill .main-title-image-wrap {
    bottom: 0;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 300px;
  }
}
@media (max-width: 449px) {
  .cat-title-chill {
    margin-top: -30px;
  }
  .cat-title-chill .main-title-image {
    width: 355px;
  }
  .cat-title-chill .main-title-image-wrap {
    bottom: 0;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 270px;
  }
}
@media (max-width: 399px) {
  .cat-title-chill {
    margin-top: -20px;
  }
  .cat-title-chill .main-title-image {
    width: 300px;
  }
  .cat-title-chill .main-title-image-wrap {
    bottom: 20px;
  }
  .cat-title-chill .cat-title-text h1 small,
  .cat-title-chill .cat-title-text .h1 small {
    max-width: 270px;
  }
}
/* cat title map */
.cat-title-map {
  background: none;
  margin-top: -100px;
}
.cat-title-map .cat-title-text {
  max-width: 464px;
}
.cat-title-map .main-title-image-wrap {
  bottom: 0;
}

@media (max-width: 1759px) {
  .cat-title-map {
    margin-top: -20px;
  }
}
@media (max-width: 1659px) {
  .cat-title-map {
    margin-top: -20px;
  }
  .cat-title-map .main-title-image {
    width: 1160px;
  }
  .cat-title-map .main-title-image-wrap {
    bottom: 0;
  }
}
@media (max-width: 1559px) {
  .cat-title-map .main-title-image {
    width: 1080px;
  }
  .cat-title-map .main-title-image-wrap {
    bottom: 0;
  }
}
@media (max-width: 1359px) {
  .cat-title-map .cat-title-text {
    max-width: 360px;
  }
  .cat-title-map .main-title-image {
    width: 860px;
    max-width: unset;
  }
  .cat-title-map .main-title-image-wrap {
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .cat-title-map .cat-title-text {
    max-width: 320px;
  }
  .cat-title-map .main-title-image {
    width: 800px;
  }
}
@media (max-width: 991px) {
  .cat-title-map {
    margin-top: -60px;
  }
  .cat-title-map .cat-title-text {
    max-width: 320px;
  }
  .cat-title-map .main-title-image {
    width: 440px;
  }
}
@media (max-width: 767px) {
  .cat-title-map {
    margin-top: -30px;
  }
  .cat-title-map .cat-title-text {
    max-width: 230px;
  }
  .cat-title-map .main-title-image {
    width: 390px;
  }
}
@media (max-width: 575px) {
  .cat-title-map {
    margin-top: -10px;
  }
  .cat-title-map .cat-title-text {
    max-width: 190px;
  }
  .cat-title-map .cat-title-text h1 small,
  .cat-title-map .cat-title-text .h1 small {
    margin-bottom: 5px;
  }
  .cat-title-map .main-title-image {
    width: 300px;
  }
  .cat-title-map .main-title-image-wrap {
    bottom: 40px;
  }
}
.contact .socials {
  margin-top: 30px;
}

.contact-inner {
  max-width: 1370px;
  width: 100%;
  margin: 0 auto;
}

.contact-two-col {
  margin-top: 80px;
  display: flex;
  margin-bottom: -80px;
}

.contact-top p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.contact-top p strong {
  font-size: 24px;
  font-weight: 600;
}

.contact-top h1 {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 15px;
}

.contact-top h1 span {
  color: #c2a036;
}

.contact-top h1 small {
  font-size: 24px;
}

.contact-top ul {
  list-style: none;
}

.contact-top ul li {
  font-size: 20px;
  line-height: 1.6;
}

.contact-item {
  margin-top: 40px;
}
.contact-item p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.contact-item p strong {
  font-size: 24px;
  font-weight: 600;
}

.contact-item h2 {
  color: #b6b6b6;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-bottom: 10px;
}

.contact-item ul {
  list-style: none;
}

.contact-item ul li {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.7;
}

.contact-item ul li small {
  font-weight: 400;
  font-size: 18px;
}

.contact-item ul li .date {
  margin-right: 20px;
  display: inline-flex;
}

.contact-item ul li .time {
  display: inline-flex;
  font-weight: 400;
}

.contact-item ul li.phone {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 15px;
}

.contact-item ul li.mail {
  position: relative;
}

.contact-item ul li.mail a {
  color: #c2a036;
  text-decoration: none;
  position: relative;
}

.contact-item ul li.mail a:hover {
  text-decoration: none;
}

.contact-item ul li.mail a:hover::after {
  left: 0;
  right: 0;
  opacity: 1;
}

.contact-item ul li.mail a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  right: 50%;
  opacity: 0;
  height: 1px;
  background-color: #c2a036;
  transition: all 0.3s;
}

.contact-item ul li.phone,
.contact-item ul li.mail {
  padding-left: 53px;
  position: relative;
}

.contact-item ul li.phone::before,
.contact-item ul li.mail::before {
  background: url("/images/eighty8/telefon.svg") no-repeat center;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 30px;
}

.contact-item ul li.mail::before {
  background: url("/images/eighty8/mail.svg") no-repeat center;
}

.contact-form .cart-checkboxes {
  padding-left: 0;
  margin-top: 1rem;
  line-height: 1.4;
}

.contact-form .cart-checkboxes input[type=checkbox] + label {
  padding-top: 0;
}

.members {
  padding-top: 37px;
}

.member-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 16px;
  position: relative;
  width: 100%;
  max-width: 298px;
  margin: 0 auto;
}
.member-item-col {
  margin-bottom: 92px;
}
.member-item::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 10px;
  background-image: linear-gradient(59deg, #2c240f 0%, #c29f32 22%, #2c240f 50%, #c29f32 77%, #2c240f 100%);
}
.member-item-inner {
  border-radius: 10px;
  position: relative;
  width: 100%;
  padding-bottom: 40px;
}
.member-item-inner > * {
  position: relative;
  z-index: 2;
}
.member-item-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background-color: #000;
}
.member-item-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 90%;
  background: url("/images/eighty8/member-glow.png") no-repeat top left;
  background-size: 100% 100%;
}
.member-item-img {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: -84px;
  margin-bottom: 33px;
  filter: grayscale(100%);
  transition: all 0.3s;
}
.member-item-name {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 3px;
}
.member-item-job {
  font-weight: 500;
  color: #b6b6b6;
  margin-bottom: 20px;
}
.member-item-phone {
  color: #fff;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
.member-item-phone:hover {
  text-decoration: underline;
}
.member-item-email {
  color: #ffdd00;
  text-decoration: underline;
  display: block;
}
.member-item-email:hover {
  text-decoration: none;
  color: #ffdd00;
}
.member-item:hover .member-item-img {
  filter: grayscale(0);
}

@media (min-width: 1360px) {
  .contact-two-col {
    margin-left: -40px;
    margin-right: -40px;
  }
  .contact-inner .text-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
  .contact-inner .members-col {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1660px) {
  .contact-inner .text-wrap {
    flex: 0 0 450px;
    max-width: 450px;
  }
  .contact-inner .members-col {
    flex: 0 0 1000px;
    max-width: 1000px;
  }
}
@media (min-width: 992px) and (max-width: 1659px) {
  .contact-two-col {
    margin-top: 70px;
  }
  .contact-top h1 {
    font-size: 42px;
  }
  .contact-top ul li {
    font-size: 19px;
  }
  .contact-item h2 {
    letter-spacing: 7.2px;
  }
  .contact-item ul li {
    font-size: 22px;
  }
  .contact-item {
    margin-top: 35px;
  }
  .contact-item ul li small {
    font-size: 17px;
  }
  .contact-item ul li.phone {
    margin-top: 17px;
    margin-bottom: 12px;
  }
  .socials .item {
    width: 60px;
    height: 60px;
  }
  .contact .image-wrap .image {
    width: 480px;
  }
}
@media (min-width: 992px) and (max-width: 1559px) {
  .contact-two-col {
    margin-top: 60px;
  }
  .contact-top h1 {
    font-size: 38px;
  }
  .contact-top ul li {
    font-size: 18px;
  }
  .contact-item h2 {
    letter-spacing: 6.2px;
  }
  .contact-item ul li {
    font-size: 21px;
  }
  .contact-item {
    margin-top: 30px;
  }
  .contact-item ul li small {
    font-size: 16px;
  }
  .contact-item ul li.phone {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .contact .image-wrap .image {
    width: 420px;
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .contact-two-col {
    margin-top: 45px;
  }
  .contact-top h1 {
    font-size: 34px;
  }
  .contact-top ul li {
    font-size: 16px;
  }
  .contact-item h2 {
    letter-spacing: 5px;
  }
  .contact-item ul li {
    font-size: 19px;
  }
  .contact-item {
    margin-top: 30px;
  }
  .contact-item ul li small {
    font-size: 15px;
  }
  .contact-item ul li.phone {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .contact .image-wrap .image {
    width: 380px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-two-col {
    margin-top: 35px;
  }
  .contact-top h1 {
    font-size: 32px;
  }
  .contact-top ul li {
    font-size: 15px;
  }
  .contact-item h2 {
    letter-spacing: 5px;
  }
  .contact-item ul li {
    font-size: 17px;
  }
  .contact-item {
    margin-top: 25px;
  }
  .contact-item ul li small {
    font-size: 14px;
  }
  .contact-item ul li.phone {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .contact .image-wrap .image {
    width: 340px;
  }
}
@media (max-width: 991px) {
  .contact-top h1 {
    font-size: 42px;
  }
  .contact-top h1 small {
    font-size: 22px;
  }
  .contact-top ul li {
    font-size: 18px;
  }
  .contact-item {
    margin-top: 25px;
  }
  .contact-item h2 {
    letter-spacing: 3px;
  }
  .contact-item ul li {
    font-size: 20px;
  }
  .contact-item ul li small {
    font-size: 16px;
  }
  .contact-item ul li.phone {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .contact-item ul li.mail {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .contact-two-col {
    margin-top: 30px;
  }
  .contact-two-col .text-wrap {
    order: 2;
  }
  .contact-two-col .image-wrap {
    order: 1;
  }
  .contact-two-col .image {
    display: block;
    margin-bottom: 40px;
    text-align: center;
  }
  .contact-two-col .image img {
    display: inline-block;
    text-align: center;
    max-width: 230px;
  }
}
@media (max-width: 575px) {
  .contact-top ul li {
    font-size: 16px;
  }
  .contact-item h2 {
    letter-spacing: 2px;
    font-size: 18px;
  }
  .contact-item ul li {
    font-size: 18px;
  }
  .contact-item ul li small {
    font-size: 14px;
  }
  .contact-item ul li.phone,
  .contact-item ul li.mail {
    font-size: 18px;
  }
  .contact-two-col .image {
    display: none;
  }
  .contact-top h1 {
    font-size: 30px;
  }
  .contact-two-col {
    margin-top: 15px;
    margin-bottom: 40px;
  }
  .members-row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .member-item {
    font-size: 14px;
    height: 100%;
  }
  .member-item-col {
    margin-bottom: 70px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .member-item-inner {
    padding-bottom: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .member-item-img {
    height: 150px;
    margin-top: -60px;
    margin-bottom: 15px;
  }
  .member-item-img img {
    max-width: 100px !important;
  }
  .member-item-name {
    font-size: 16px;
    margin-top: auto;
  }
  .member-item-job {
    font-size: 13px;
    margin-bottom: 10px;
    letter-spacing: -0.6px;
  }
  .member-item-phone {
    margin-bottom: 5px;
  }
  .member-item-email {
    font-size: 12px;
  }
}
.blog-title {
  z-index: 8;
  margin-bottom: 133px;
}
.blog-title-image {
  margin-top: -190px;
}
.blog-title h1 {
  color: #c2a036;
  -webkit-text-fill-color: transparent;
  font-size: 200px;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vo-title-txt.jpg") no-repeat center;
  background-clip: text;
  background-size: 100% 100%, 100% 100%;
  -webkit-background-clip: text;
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
  padding: 3px;
  padding-left: 0;
  letter-spacing: normal;
}
.blog-title h1::selection {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background-color: #c2a036;
}
.blog-title .perex {
  max-width: 560px;
}
.blog-title .perex p {
  color: #c2a036;
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.blog-title .perex p::selection {
  background-color: #c2a036;
}
.blog-title p {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
}

.blog-item {
  height: 100%;
  transition: all 0.3s;
  position: relative;
}
.blog-item:hover {
  box-shadow: 0 0 163px rgba(194, 160, 54, 0.44);
}
.blog-item-col {
  margin-bottom: 102px;
}
.blog-item-inner {
  padding: 49px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  background-color: #000000;
  height: 100%;
}
.blog-item > * {
  position: relative;
  z-index: 2;
}
.blog-item::before {
  content: "";
  position: absolute;
  inset: -1px;
  background-image: linear-gradient(51deg, #382900 0%, #bf9d34 22%, #382900 50%, #bf9d34 77%, #382900 100%);
  border-radius: 10px;
}
.blog-item .image {
  width: 400px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-item .text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-item .text h2 {
  font-size: 48px;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  text-align: center;
  margin-bottom: 35px;
}
.blog-item .text p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  line-height: 1.86;
  margin-bottom: 30px;
}
.blog-item .text .btn {
  position: absolute;
  bottom: -33px;
}

.btn-blog {
  width: 224px;
  height: 65px;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  background: url("/images/eighty8/btn-yellow-sm2.svg") no-repeat top center, linear-gradient(to left, #c2a036 0%, #ae8c21 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border: none;
}
.btn-blog:hover {
  box-shadow: 0 0 25px rgba(194, 160, 54, 0.85);
  color: #fff !important;
}

@media (min-width: 1660px) {
  .blog-list-row {
    margin-left: -26px;
    margin-right: -26px;
  }
  .blog-item-col {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (max-width: 1879px) {
  .blog-title {
    margin-bottom: 115px;
  }
  .blog-title .perex p {
    font-size: 41px;
  }
  .blog-title p {
    font-size: 28px;
  }
}
@media (max-width: 1659px) {
  .blog-title {
    margin-bottom: 100px;
  }
  .blog-title h1 {
    font-size: 185px;
  }
  .blog-title .perex p {
    font-size: 38px;
  }
  .blog-title p {
    font-size: 26px;
  }
}
@media (max-width: 1559px) {
  .blog-title {
    margin-bottom: 80px;
  }
  .blog-title h1 {
    font-size: 175px;
  }
  .blog-title .perex p {
    font-size: 36px;
  }
  .blog-title p {
    font-size: 24px;
  }
}
@media (max-width: 1359px) {
  .blog-title {
    margin-bottom: 70px;
  }
  .blog-title-image {
    margin-top: -130px;
  }
  .blog-title h1 {
    font-size: 145px;
  }
  .blog-title .perex p {
    font-size: 34px;
  }
  .blog-title p {
    font-size: 22px;
  }
  .blog-item .image {
    width: 300px;
    height: 225px;
  }
  .blog-item-inner {
    padding: 28px;
  }
  .blog-item .text h2 {
    font-size: 44px;
    margin-bottom: 25px;
  }
  .blog-item .text p {
    margin-bottom: 25px;
  }
  .btn-blog {
    width: 190px;
    height: 55px;
    font-size: 16px;
  }
  .blog-link {
    padding-top: 30px;
    padding-bottom: 70px;
  }
}
@media (max-width: 1199px) {
  .blog-title {
    margin-bottom: 55px;
  }
  .blog-title-image {
    margin-top: -150px;
  }
  .blog-title h1 {
    font-size: 120px;
  }
  .blog-title .perex p {
    font-size: 28px;
  }
  .blog-title p {
    font-size: 20px;
  }
  .blog-item .image {
    width: 250px;
    height: 188px;
  }
  .blog-item-inner {
    padding: 25px;
  }
  .blog-item .text h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .blog-item .text p {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .blog-title {
    margin-bottom: 45px;
  }
  .blog-title-image {
    margin-top: -150px;
  }
  body.body-path-clanky {
    background-size: 768px auto;
    background-position: right top;
  }
  .blog-title h1 {
    font-size: 85px;
    margin-bottom: 5px;
  }
  .blog-title .perex p {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .blog-title p {
    font-size: 18px;
  }
  .blog-item-col {
    margin-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .blog-title {
    margin-bottom: 40px;
  }
  .blog-title-image {
    margin-top: -70px;
  }
  body.body-path-clanky {
    background-size: 650px auto;
  }
  .blog-title h1 {
    font-size: 70px;
    margin-bottom: 0px;
  }
  .blog-title .perex p {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .blog-title p {
    font-size: 16px;
  }
  .blog-list-wrapper {
    margin-top: 45px;
  }
  .blog-item .image {
    width: 200px;
    height: 150px;
  }
  .blog-item-inner {
    padding: 30px 20px;
  }
  .blog-item .text h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .blog-item .text p {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.66;
  }
  .btn-blog {
    width: 170px;
    height: 50px;
    font-size: 15px;
  }
  .blog-link {
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .blog-title {
    margin-top: 25px;
    margin-bottom: 10px;
  }
  body.body-path-clanky {
    background-size: 500px auto;
  }
  .blog-title h1 {
    font-size: 55px;
    margin-bottom: 10px;
  }
  .blog-title .perex p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .blog-title p {
    font-size: 14px;
  }
  .blog-link {
    padding-top: 10px;
  }
}
@media (max-width: 499px) {
  .blog-title {
    margin-top: 0;
  }
  .blog-title-image {
    margin-top: -50px;
    transform: translateY(20px);
  }
  body.body-path-clanky {
    background-size: 500px auto;
  }
  .blog-title h1 {
    font-size: 40px;
    margin-bottom: 5px;
  }
  .blog-title .perex p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .blog-title p {
    font-size: 13px;
  }
}
@media (max-width: 449px) {
  .blog-title h1 {
    font-size: 45px;
  }
}
@media (max-width: 429px) {
  body.body-path-clanky {
    background-size: 450px auto;
  }
  .blog-title h1 {
    font-size: 45px;
    margin-bottom: 5px;
  }
  .blog-title .perex p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .blog-title p {
    font-size: 12px;
  }
}
/* hp blog */
.hp-blog {
  margin-top: 120px;
}
.hp-blog-title {
  text-align: center;
  margin-bottom: 70px;
}
.hp-blog-title h2 {
  color: #c2a036;
  font-size: 80px;
  font-family: "Bebas Neue";
  font-weight: 400;
}

.blog-link {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 100px;
}
.blog-link a {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 30px;
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 1359px) {
  .blog-link {
    padding-top: 15px;
    padding-bottom: 60px;
  }
  .blog-link a {
    font-size: 26px;
  }
  .hp-blog {
    margin-top: 90px;
  }
  .hp-blog-title {
    margin-bottom: 45px;
  }
  .hp-blog-title h2 {
    font-size: 64px;
  }
}
@media (max-width: 1199px) {
  .hp-blog {
    margin-top: 80px;
  }
  .hp-blog-title {
    margin-bottom: 40px;
  }
  .hp-blog-title h2 {
    font-size: 56px;
  }
  .blog-link {
    margin-top: -5px;
    padding-top: 0;
    padding-bottom: 50px;
  }
  .blog-link a {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .hp-blog {
    margin-top: 50px;
  }
  .hp-blog-title {
    margin-bottom: 15px;
  }
  .hp-blog-title h2 {
    font-size: 38px;
  }
  .blog-link {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .blog-link a {
    font-size: 18px;
  }
}
.author-box {
  display: flex;
  width: 100%;
  position: relative;
}
.author-box:before {
  content: "";
  position: absolute;
  inset: -1px;
  background-image: linear-gradient(51deg, #382900 0%, #bf9d34 22%, #382900 50%, #bf9d34 77%, #382900 100%);
  border-radius: 10px;
}
.author-box-inner {
  background: #000;
  display: flex;
  align-items: flex-start;
  padding: 20px;
  margin: 1px;
  z-index: 10;
  position: relative;
  border-radius: 10px;
}
.author-box-img {
  width: 150px;
  height: 150px;
}
.author-box-img img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}
.author-box-text {
  width: calc(100% - 150px);
  padding-left: 30px;
}
.author-box-text p {
  font-size: 16px !important;
  margin-bottom: 0 !important;
}
.author-box-social {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.author-box-social a {
  display: inline-flex;
  font-size: 30px;
  margin-right: 15px;
}
.author-box-social a:hover {
  text-decoration: none;
  color: #ae8c21;
}
.author-box-info {
  font-size: 14px;
  color: #ae8c21;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.author-box-name {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.author-box-name h3 {
  margin-bottom: 10px;
  font-size: 20px;
  margin-right: 5px;
}
.author-box-pos {
  margin-bottom: 10px;
  padding-top: 3px;
}

.image-text-section.blog-detail .text .author-box-img img {
  height: 150px !important;
}

.blog-detail-info {
  margin-bottom: 30px;
  font-size: 14px;
}
.blog-detail .product-item-col {
  flex: 0 0 50%;
  max-width: 50%;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-type {
  font-size: 16px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-price {
  font-size: 16px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-number-button {
  padding-left: 10px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-number-button form {
  display: flex;
  align-items: center;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-number-button .cart-button {
  margin-left: auto;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number {
  width: 110px;
  display: flex;
  align-items: center;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number input {
  width: 70px !important;
  background: transparent;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number span {
  width: 30px !important;
  font-size: 12px;
  height: auto !important;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner {
  width: 70px !important;
  margin-right: 10px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner-button {
  width: 15px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner-button.ui-spinner-up {
  right: 5px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner-button.ui-spinner-down {
  left: 5px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner-button span {
  width: 15px;
  font-size: 16px;
}
.blog-detail .product-item-col .product-cart-item .cart-box table tr td .cart-number .ui-spinner-button:after {
  left: 0;
  top: 0;
  transform: none;
  background-size: 10px auto;
  opacity: 1;
  background-position: center;
  height: 100%;
}
.blog-detail .product-cart-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 10px 0;
}
.blog-detail .product-cart-item .cart-type small {
  display: none;
}
.blog-detail .product-cart-item .item-content {
  width: 100%;
}
.blog-detail .product-cart-item .image {
  margin: 0;
}
.blog-detail .product-cart-item .item-content h2 {
  font-size: 40px;
}

@media (max-width: 1599px) {
  .blog-detail .product-item-col .product-cart-item .gold-box .cart-button .btn {
    width: 90px;
    font-size: 14px;
  }
}
@media (max-width: 1399px) {
  .blog-detail .product-item-col .product-cart-item .gold-box .cart-button .btn {
    width: 60px;
    font-size: 12px;
    height: 40px;
  }
  .blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-price {
    font-size: 14px;
  }
  .blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-type {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .blog-detail .product-item-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .author-box-inner {
    flex-direction: column;
    padding: 15px;
  }
  .author-box-img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
  .author-box-text {
    width: 100%;
    padding-left: 0;
  }
  .image-text-section.blog-detail .text .author-box-img img {
    height: 100px !important;
  }
  .blog-detail .product-item-col .product-cart-item .gold-box .cart-type {
    font-size: 14px !important;
    display: flex;
    align-items: center;
  }
  .blog-detail .product-item-col .product-cart-item .gold-box .cart-type small {
    font-size: 14px !important;
    margin-left: 5px;
  }
  .blog-detail .product-item-col .product-cart-item .cart-box table tr {
    padding: 5px 0;
  }
  .blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-number-button {
    width: 100%;
  }
  .blog-detail .product-item-col .product-cart-item .cart-box table tr td.cart-number-button form {
    width: 100%;
  }
}
.link-no-1 {
  position: relative;
  color: #f4bc44;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-no-1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f4bc44;
  opacity: 1;
  transition: 0.3s all;
}
.link-no-1:hover {
  color: #f4bc44;
  text-decoration: none;
}
.link-no-1:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-no-1 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-no-1 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-no-1 {
    font-size: 11px;
  }
}
/* NO. 1 */
.main-section.no-1 {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.no-1 .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.no-1 .text h2,
.main-section.no-1 .text h3,
.modal-gallery#modal-gallery-33 .modal-title {
  color: #e2af44;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/no1-drop-txt.jpg");
}

.main-section.no-1 .text h2::selection,
.main-section.no-1 .text h3::selection {
  background-color: #e2af44;
  -webkit-text-fill-color: #fff;
}

.main-section.no-1 .text ul li::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.no-1 .text ul li span::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.no-1 .text ul li a::selection {
  color: #e2af44;
  background: #fff;
}

.main-section.no-1 .text ul li:first-child::before {
  background: url("/images/eighty8/dna33.png") no-repeat center;
  background-size: 100%;
}

.main-section.no-1 .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila33.png") no-repeat center;
  background-size: 90%;
}

.main-section.no-1 .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune33.png") no-repeat center;
  background-size: 85%;
}

.main-section.no-1 .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni33.png") no-repeat center;
  background-size: 90%;
}

.main-section.no-1 .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon33.png") no-repeat center;
  background-size: 95%;
}

.main-section.no-1 .text .variants .variant-content .content {
  background-color: #241d0f;
}

.main-section.no-1 .text .variants .variant-content::before,
.main-section.no-1 .text .variants .variant-content::after {
  background-color: #241d0f;
}

.main-section.no-1 .text .variants .variant-content:hover::after,
.main-section.no-1 .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.no-1 .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.no-1 .text .variants input:checked + label .variant-content .variant-title,
.main-section.no-1 .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 2.1rem #e0ae42;
}

.main-section.no-1 .text .variant-title,
.main-section.no-1 .text .variant-more {
  color: #e2af44;
}

.no-1 .btn-addcart {
  background: #e2af44 url("/images/eighty8/btn-no-1-bottom.svg") no-repeat bottom center;
}

.no-1 .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 175, 68, 0.85);
}

@keyframes no-1-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 175, 68, 0);
  }
}
.no-1 .variants-highlighted ul li .variant-content .content {
  animation: no-1-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes no-1-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 175, 68, 0);
    }
  }
}
/* NO. 1 responsive */
@media (max-width: 1659px) {
  .main-section.no-1 {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.no-1 .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.no-1 {
    margin-top: -25px;
  }
  .main-section.no-1 .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.no-1 .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.no-1 {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.no-1 .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.no-1 {
    margin-top: -70px;
    padding-bottom: 35px;
  }
  .main-section.no-1 .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.no-1 .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.no-1 {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.no-1 .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END NO. 1 responsive */
/* END NO. 1 */
.link-sherbet {
  position: relative;
  color: #f8aa16;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-sherbet::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f8aa16;
  opacity: 1;
  transition: 0.3s all;
}
.link-sherbet:hover {
  color: #f8aa16;
  text-decoration: none;
}
.link-sherbet:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-sherbet {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-sherbet {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-sherbet {
    font-size: 11px;
  }
}
/* Royal Sherbet */
.main-section.sherbet {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.sherbet .image {
  top: 0px;
  right: 0;
  height: auto;
}
@media (min-width: 1660px) and (max-width: 1829px) {
  .main-section.sherbet .image {
    transform: translateX(100px);
  }
}

.main-section.sherbet .text h2,
.main-section.sherbet .text h3,
.modal-gallery#modal-gallery-36 .modal-title {
  color: #f8aa16;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/sherbet-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.sherbet .text h2::selection,
.main-section.sherbet .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f8aa16;
}

.main-section.sherbet .text ul li span::selection {
  color: #fff;
  background: #f8aa16;
}

.main-section.sherbet .text ul li a::selection {
  color: #f8aa16;
  background: #fff;
}

.main-section.sherbet .text ul li::selection {
  color: #fff;
  background: #f8aa16;
}

.main-section.sherbet .text ul li:first-child::before {
  background: url("/images/eighty8/dna36.png") no-repeat center;
  background-size: 100%;
}

.main-section.sherbet .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila36.png") no-repeat center;
  background-size: 90%;
}

.main-section.sherbet .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune36.png") no-repeat center;
  background-size: 85%;
}

.main-section.sherbet .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni36.png") no-repeat center;
  background-size: 90%;
}

.main-section.sherbet .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon36.png") no-repeat center;
  background-size: 95%;
}

/* Royal Sherbet Variants */
.main-section.sherbet .text .variants .variant-content .content {
  background-color: #23180e;
}

.main-section.sherbet .text .variants .variant-content::before,
.main-section.sherbet .text .variants .variant-content::after {
  background-color: #23180e;
}

.main-section.sherbet .text .variants .variant-content:hover::after,
.main-section.sherbet .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #23180e 0%, #f8aa16 22%, #23180e 50%, #f8aa16 77%, #23180e 100%);
}

.main-section.sherbet .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #23180e 0%, #f8aa16 22%, #23180e 50%, #f8aa16 77%, #23180e 100%);
}

.main-section.sherbet .text .variants input:checked + label .variant-content .variant-title,
.main-section.sherbet .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #f8aa16;
}

.main-section.sherbet .text .variant-title,
.main-section.sherbet .text .variant-more {
  color: #f8aa16;
}

.sherbet .btn-addcart {
  background: #f8aa16 url("/images/eighty8/btn-sherbet-bottom.svg") no-repeat bottom center;
}

.sherbet .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(248, 170, 22, 0.85);
}

.sherbet .come-soon {
  background-color: #23180e;
}

.sherbet .come-soon span {
  text-shadow: 0 0 21px #f8aa16;
  color: #f8aa16;
}

@keyframes sherbet-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(248, 170, 22, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(248, 170, 22, 0);
  }
}
.sherbet .variants-highlighted ul li .variant-content .content {
  animation: sherbet-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes sherbet-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(248, 170, 22, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(248, 170, 22, 0);
    }
  }
}
/* END Royal Sherbet Variants */
/* Royal Sherbet Responsive */
@media (max-width: 1659px) {
  .main-section.sherbet {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.sherbet .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.sherbet {
    margin-top: -25px;
  }
  .main-section.sherbet .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.sherbet .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.sherbet {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.sherbet .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.sherbet {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.sherbet .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.sherbet .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.sherbet {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.sherbet .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Royal Sherbet Responsive */
/* END Royal Sherbet */
.link-gelato {
  position: relative;
  color: #bf36d6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gelato::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #bf36d6;
  opacity: 1;
  transition: 0.3s all;
}
.link-gelato:hover {
  color: #bf36d6;
  text-decoration: none;
}
.link-gelato:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gelato {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gelato {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gelato {
    font-size: 11px;
  }
}
/* Blue Gelato */
.main-section.gelato {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gelato .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.gelato .text h2,
.main-section.gelato .text h3,
.modal-gallery#modal-gallery-35 .modal-title {
  color: #bf36d6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-gelato.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.gelato .text h2::selection,
.main-section.gelato .text h3::selection {
  background-color: #bf36d6;
  -webkit-text-fill-color: #fff;
}

.main-section.gelato .text ul li::selection {
  color: #fff;
  background: #bf36d6;
}

.main-section.gelato .text ul li span::selection {
  color: #fff;
  background: #bf36d6;
}

.main-section.gelato .text ul li a::selection {
  color: #bf36d6;
  background: #fff;
}

.main-section.gelato .text ul li:first-child::before {
  background: url("/images/eighty8/dna35.png") no-repeat center;
  background-size: 100%;
}

.main-section.gelato .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila35.png") no-repeat center;
  background-size: 90%;
}

.main-section.gelato .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune35.png") no-repeat center;
  background-size: 85%;
}

.main-section.gelato .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni35.png") no-repeat center;
  background-size: 90%;
}

.main-section.gelato .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon35.png") no-repeat center;
  background-size: 95%;
}

.main-section.gelato .text .variants .variant-content .content {
  background-color: #1f1130;
}

.main-section.gelato .text .variants .variant-content::before,
.main-section.gelato .text .variants .variant-content::after {
  background-color: #1f1130;
}

.main-section.gelato .text .variants .variant-content:hover::after,
.main-section.gelato .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1130 0%, #bf36d6 22%, #1f1130 50%, #bf36d6 78%, #1f1130 100%);
}

.main-section.gelato .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1130 0%, #bf36d6 22%, #1f1130 50%, #bf36d6 78%, #1f1130 100%);
}

.main-section.gelato .text .variants input:checked + label .variant-content .variant-title,
.main-section.gelato .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #7d36d6;
}

.main-section.gelato .text .variant-title,
.main-section.gelato .text .variant-more {
  color: #bf36d6;
}

.gelato .btn-addcart {
  background: #7d36d6 url("/images/eighty8/btn-gelato-bottom.svg") no-repeat bottom center;
}

.gelato .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(125, 54, 214, 0.85);
}

.gelato .come-soon {
  background-color: #23180e;
}

.gelato .come-soon span {
  text-shadow: 0 0 21px #7d36d6;
  color: #bf36d6;
}

@keyframes gelato-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(125, 54, 214, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(125, 54, 214, 0);
  }
}
.gelato .variants-highlighted ul li .variant-content .content {
  animation: gelato-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gelato-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(125, 54, 214, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(125, 54, 214, 0);
    }
  }
}
/* Blue Gelato responsive */
@media (max-width: 1659px) {
  .main-section.gelato {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.gelato .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gelato {
    margin-top: -25px;
  }
  .main-section.gelato .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gelato .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.gelato {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.gelato .image {
    width: 660px;
    left: -80px;
    top: -5px;
  }
}
@media (max-width: 991px) {
  .main-section.gelato {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.gelato .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.gelato .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.gelato {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.gelato .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Blue Gelato responsive */
/* END Blue Gelato */
.link-skunk {
  position: relative;
  color: #c2ea5b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-skunk::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #c2ea5b;
  opacity: 1;
  transition: 0.3s all;
}
.link-skunk:hover {
  color: #c2ea5b;
  text-decoration: none;
}
.link-skunk:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-skunk {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-skunk {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-skunk {
    font-size: 11px;
  }
}
/* Skunk */
.main-section.skunk {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.skunk .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.skunk .text h2,
.main-section.skunk .text h3,
.modal-gallery#modal-gallery-9 .modal-title {
  color: #c2ea5b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/skunk-txt.jpg");
}

.main-section.skunk .text h2::selection,
.main-section.skunk .text h3::selection {
  -webkit-text-fill-color: #000;
  background-color: #c2ea5b;
}

.main-section.skunk .text ul li span::selection {
  color: #000;
  background: #c2ea5b;
}

.main-section.skunk .text ul li a::selection {
  color: #000;
  background: #c2ea5b;
}

.main-section.skunk .text ul li::selection {
  color: #000;
  background: #c2ea5b;
}

.main-section.skunk .text ul li:first-child::before {
  background: url("/images/eighty8/dna9.png") no-repeat center;
  background-size: 100%;
}

.main-section.skunk .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila9.png") no-repeat center;
  background-size: 90%;
}

.main-section.skunk .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune9.png") no-repeat center;
  background-size: 85%;
}

.main-section.skunk .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni9.png") no-repeat center;
  background-size: 90%;
}

.main-section.skunk .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon9.png") no-repeat center;
  background-size: 95%;
}

/* Skunk Variants */
.main-section.skunk .text .variants .variant-content .content {
  background-color: #2d3712;
}

.main-section.skunk .text .variants .variant-content::before,
.main-section.skunk .text .variants .variant-content::after {
  background-color: #2d3712;
}

.main-section.skunk .text .variants .variant-content:hover::after,
.main-section.skunk .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #c2ea5b 23%, #3a2a19 50%, #c2ea5b 76%, #3a2a19 100%);
}

.main-section.skunk .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #c2ea5b 23%, #3a2a19 50%, #c2ea5b 76%, #3a2a19 100%);
}

.main-section.skunk .text .variants input:checked + label .variant-content .variant-title,
.main-section.skunk .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #c2ea5b;
}

.main-section.skunk .text .variant-title,
.main-section.skunk .text .variant-more {
  color: #c2ea5b;
}

.skunk .btn-addcart {
  background: #a2c44b url("/images/eighty8/btn-skunk-bottom.svg") no-repeat bottom center;
}

.skunk .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(162, 196, 75, 0.85);
}

.skunk .come-soon {
  background-color: #262f0e;
}

.skunk .come-soon span {
  text-shadow: 0 0 21px #c2ea5b;
  color: #c2ea5b;
}

@keyframes skunk-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(194, 234, 91, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(194, 234, 91, 0);
  }
}
.skunk .variants-highlighted ul li .variant-content .content {
  animation: skunk-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes skunk-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(194, 234, 91, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(194, 234, 91, 0);
    }
  }
}
/* END Skunk Variants */
/* Skunk Responsive */
@media (max-width: 1659px) {
  .main-section.skunk {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.skunk .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.skunk {
    margin-top: -25px;
  }
  .main-section.skunk .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.skunk .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.skunk {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.skunk .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.skunk {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.skunk .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.skunk .image {
    width: 420px;
    right: -60px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.skunk {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.skunk .image {
    width: 290px;
    right: -42px;
    top: 20px;
  }
}
/* END Skunk Responsive */
/* END Skunk */
.link-red-skunk {
  position: relative;
  color: #df292b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-red-skunk::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #df292b;
  opacity: 1;
  transition: 0.3s all;
}
.link-red-skunk:hover {
  color: #df292b;
  text-decoration: none;
}
.link-red-skunk:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-red-skunk {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-red-skunk {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-red-skunk {
    font-size: 11px;
  }
}
/* Red Skunk */
.main-section.red-skunk {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.red-skunk .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.red-skunk .text h2,
.main-section.red-skunk .text h3,
.modal-gallery#modal-gallery-34 .modal-title {
  color: #df292b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/red-skunk-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.red-skunk .text h2::selection,
.main-section.red-skunk .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #df292b;
}

.main-section.red-skunk .text ul li span::selection {
  color: #fff;
  background: #df292b;
}

.main-section.red-skunk .text ul li a::selection {
  color: #df292b;
  background: #fff;
}

.main-section.red-skunk .text ul li::selection {
  color: #fff;
  background: #df292b;
}

.main-section.red-skunk .text ul li:first-child::before {
  background: url("/images/eighty8/dna34.png") no-repeat center;
  background-size: 100%;
}

.main-section.red-skunk .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila34.png") no-repeat center;
  background-size: 90%;
}

.main-section.red-skunk .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune34.png") no-repeat center;
  background-size: 85%;
}

.main-section.red-skunk .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni34.png") no-repeat center;
  background-size: 90%;
}

.main-section.red-skunk .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon34.png") no-repeat center;
  background-size: 95%;
}

/* Red Skunk Variants */
.main-section.red-skunk .text .variants .variant-content .content {
  background-color: #290909;
}

.main-section.red-skunk .text .variants .variant-content::before,
.main-section.red-skunk .text .variants .variant-content::after {
  background-color: #290909;
}

.main-section.red-skunk .text .variants .variant-content:hover::after,
.main-section.red-skunk .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #290909 0%, #df292b 22%, #290909 50%, #df292b 77%, #290909 100%);
}

.main-section.red-skunk .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #290909 0%, #df292b 22%, #290909 50%, #df292b 77%, #290909 100%);
}

.main-section.red-skunk .text .variants input:checked + label .variant-content .variant-title,
.main-section.red-skunk .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #df292b;
}

.main-section.red-skunk .text .variant-title,
.main-section.red-skunk .text .variant-more {
  color: #df292b;
}

.red-skunk .btn-addcart {
  background: #df292b url("/images/eighty8/btn-red-skunk-bottom.svg") no-repeat bottom center;
}

.red-skunk .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(223, 41, 43, 0.85);
}

.red-skunk .come-soon {
  background-color: #290909;
}

.red-skunk .come-soon span {
  text-shadow: 0 0 21px #df292b;
  color: #df292b;
}

@keyframes red-skunk-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(223, 41, 43, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(223, 41, 43, 0);
  }
}
.red-skunk .variants-highlighted ul li .variant-content .content {
  animation: red-skunk-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes red-skunk-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(223, 41, 43, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(223, 41, 43, 0);
    }
  }
}
/* END Red Skunk Variants */
/* Red Skunk Responsive */
@media (max-width: 1659px) {
  .main-section.red-skunk {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.red-skunk .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.red-skunk {
    margin-top: -25px;
  }
  .main-section.red-skunk .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.red-skunk .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.red-skunk {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -30px;
  }
  .main-section.red-skunk .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.red-skunk {
    padding-bottom: 35px;
  }
  .main-section.red-skunk .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.red-skunk .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.red-skunk {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.red-skunk .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Red Skunk Responsive */
/* END Red Skunk */
.link-purple-mint {
  position: relative;
  color: #27bbd6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-purple-mint::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #27bbd6;
  opacity: 1;
  transition: 0.3s all;
}
.link-purple-mint:hover {
  color: #27bbd6;
  text-decoration: none;
}
.link-purple-mint:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-purple-mint {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-purple-mint {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-purple-mint {
    font-size: 11px;
  }
}
/* Purple Mint */
.main-section.purple-mint {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.purple-mint .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.purple-mint .text h2,
.main-section.purple-mint .text h3,
.modal-gallery#modal-gallery-37 .modal-title {
  color: #27bbd6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/purple-mint-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.purple-mint .text h2::selection,
.main-section.purple-mint .text h3::selection {
  background-color: #27bbd6;
  -webkit-text-fill-color: #fff;
}

.main-section.purple-mint .text ul li::selection {
  color: #fff;
  background: #27bbd6;
}

.main-section.purple-mint .text ul li span::selection {
  color: #fff;
  background: #27bbd6;
}

.main-section.purple-mint .text ul li a::selection {
  color: #27bbd6;
  background: #fff;
}

.main-section.purple-mint .text ul li:first-child::before {
  background: url("/images/eighty8/dna37.png") no-repeat center;
  background-size: 100%;
}

.main-section.purple-mint .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila37.png") no-repeat center;
  background-size: 90%;
}

.main-section.purple-mint .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune37.png") no-repeat center;
  background-size: 85%;
}

.main-section.purple-mint .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni37.png") no-repeat center;
  background-size: 90%;
}

.main-section.purple-mint .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon37.png") no-repeat center;
  background-size: 95%;
}

.main-section.purple-mint .text .variants .variant-content .content {
  background-color: #041721;
}

.main-section.purple-mint .text .variants .variant-content::before,
.main-section.purple-mint .text .variants .variant-content::after {
  background-color: #041721;
}

.main-section.purple-mint .text .variants .variant-content:hover::after,
.main-section.purple-mint .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #041721 0%, #27bbd6 22%, #041721 50%, #27bbd6 78%, #041721 100%);
}

.main-section.purple-mint .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #041721 0%, #27bbd6 22%, #041721 50%, #27bbd6 78%, #041721 100%);
}

.main-section.purple-mint .text .variants input:checked + label .variant-content .variant-title,
.main-section.purple-mint .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #46dee4;
}

.main-section.purple-mint .text .variant-title,
.main-section.purple-mint .text .variant-more {
  color: #27bbd6;
}

.purple-mint .btn-addcart {
  background: #2eb1b6 url("/images/eighty8/btn-purple-mint-bottom.svg") no-repeat bottom center;
}

.purple-mint .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(46, 177, 182, 0.85);
}

.purple-mint .come-soon {
  background-color: #041721;
}

.purple-mint .come-soon span {
  text-shadow: 0 0 21px #2eb1b6;
  color: #27bbd6;
}

@keyframes purple-mint-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(39, 187, 214, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(39, 187, 214, 0);
  }
}
.purple-mint .variants-highlighted ul li .variant-content .content {
  animation: purple-mint-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes purple-mint-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(39, 187, 214, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(39, 187, 214, 0);
    }
  }
}
/* Purple Mint responsive */
@media (max-width: 1659px) {
  .main-section.purple-mint {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.purple-mint .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.purple-mint {
    margin-top: -25px;
  }
  .main-section.purple-mint .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.purple-mint .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.purple-mint {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.purple-mint .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.purple-mint {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.purple-mint .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.purple-mint .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.purple-mint {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.purple-mint .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Purple Mint responsive */
/* END Purple Mint */
.link-caramel {
  position: relative;
  color: #ff9e3b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-caramel::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff9e3b;
  opacity: 1;
  transition: 0.3s all;
}
.link-caramel:hover {
  color: #ff9e3b;
  text-decoration: none;
}
.link-caramel:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-caramel {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-caramel {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-caramel {
    font-size: 11px;
  }
}
/* Cream Caramel */
.main-section.caramel {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.caramel .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.caramel .text h2,
.main-section.caramel .text h3,
.modal-gallery#modal-gallery-7 .modal-title {
  color: #ff9e3b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/caramel-txt.jpg");
}

.main-section.caramel .text h2::selection,
.main-section.caramel .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff9e3b;
}

.main-section.caramel .text ul li span::selection {
  color: #fff;
  background: #ff9e3b;
}

.main-section.caramel .text ul li a::selection {
  color: #ff9e3b;
  background: #fff;
}

.main-section.caramel .text ul li::selection {
  color: #fff;
  background: #ff9e3b;
}

.main-section.caramel .text ul li:first-child::before {
  background: url("/images/eighty8/dna7.png") no-repeat center;
  background-size: 100%;
}

.main-section.caramel .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila7.png") no-repeat center;
  background-size: 90%;
}

.main-section.caramel .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune7.png") no-repeat center;
  background-size: 85%;
}

.main-section.caramel .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni7.png") no-repeat center;
  background-size: 90%;
}

.main-section.caramel .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon7.png") no-repeat center;
  background-size: 95%;
}

.caramel .btn-addcart {
  background: #d8741e url("/images/eighty8/btn-caramel-bottom.svg") no-repeat bottom center;
}

.caramel .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(216, 116, 30, 0.85);
}

/* Cream Caramel Variants */
.main-section.caramel .text .variants .variant-content .content {
  background-color: #4d290d;
}

.main-section.caramel .text .variants .variant-content::before,
.main-section.caramel .text .variants .variant-content::after {
  background-color: #4d290d;
}

.main-section.caramel .text .variants .variant-content:hover::after,
.main-section.caramel .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #4d290d 0%, #ff7f1e 25%, #4d290d 49%, #ff7f1e 76%, #4d290d 100%);
}

.main-section.caramel .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #4d290d 0%, #ff7f1e 25%, #4d290d 49%, #ff7f1e 76%, #4d290d 100%);
}

.main-section.caramel .text .variants input:checked + label .variant-content .variant-title,
.main-section.caramel .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff7f1e;
}

.main-section.caramel .text .variant-title,
.main-section.caramel .text .variant-more {
  color: #ff9e3b;
}

@keyframes caramel-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 127, 30, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 127, 30, 0);
  }
}
.caramel .variants-highlighted ul li .variant-content .content {
  animation: caramel-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes caramel-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 127, 30, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 127, 30, 0);
    }
  }
}
/* END Cream Caramel Variants */
/* Caramel responsive */
@media (max-width: 1659px) {
  .main-section.caramel {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.caramel .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.caramel {
    margin-top: -25px;
  }
  .main-section.caramel .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.caramel .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.caramel {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.caramel .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.caramel {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.caramel .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.caramel .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.caramel {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.caramel .image {
    width: 290px;
    right: -38px;
    top: 20px;
  }
}
/* END Caramel responsive */
/* END Cream Caramel */
.link-caramel-calm {
  position: relative;
  color: #f9873c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-caramel-calm::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f9873c;
  opacity: 1;
  transition: 0.3s all;
}
.link-caramel-calm:hover {
  color: #f9873c;
  text-decoration: none;
}
.link-caramel-calm:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-caramel-calm {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-caramel-calm {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-caramel-calm {
    font-size: 11px;
  }
}
/* Caramel Calm */
.main-section.caramel-calm {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.caramel-calm .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.caramel-calm .text h2,
.main-section.caramel-calm .text h3,
.modal-gallery#modal-gallery-38 .modal-title {
  color: #f9873c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/caramel-calm-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.caramel-calm .text h2::selection,
.main-section.caramel-calm .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f9873c;
}

.main-section.caramel-calm .text ul li span::selection {
  color: #fff;
  background: #f9873c;
}

.main-section.caramel-calm .text ul li a::selection {
  color: #f9873c;
  background: #fff;
}

.main-section.caramel-calm .text ul li::selection {
  color: #fff;
  background: #f9873c;
}

.main-section.caramel-calm .text ul li:first-child::before {
  background: url("/images/eighty8/dna38.png") no-repeat center;
  background-size: 100%;
}

.main-section.caramel-calm .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila38.png") no-repeat center;
  background-size: 90%;
}

.main-section.caramel-calm .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune38.png") no-repeat center;
  background-size: 85%;
}

.main-section.caramel-calm .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni38.png") no-repeat center;
  background-size: 90%;
}

.main-section.caramel-calm .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon38.png") no-repeat center;
  background-size: 95%;
}

/* Caramel Calm Variants */
.main-section.caramel-calm .text .variants .variant-content .content {
  background-color: #23110a;
}

.main-section.caramel-calm .text .variants .variant-content::before,
.main-section.caramel-calm .text .variants .variant-content::after {
  background-color: #23110a;
}

.main-section.caramel-calm .text .variants .variant-content:hover::after,
.main-section.caramel-calm .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #23110a 0%, #f9873c 22%, #23110a 50%, #f9873c 77%, #23110a 100%);
}

.main-section.caramel-calm .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #23110a 0%, #f9873c 22%, #23110a 50%, #f9873c 77%, #23110a 100%);
}

.main-section.caramel-calm .text .variants input:checked + label .variant-content .variant-title,
.main-section.caramel-calm .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #f9873c;
}

.main-section.caramel-calm .text .variant-title,
.main-section.caramel-calm .text .variant-more {
  color: #f9873c;
}

.caramel-calm .btn-addcart {
  background: #f9873c url("/images/eighty8/btn-caramel-calm-bottom.svg") no-repeat bottom center;
}

.caramel-calm .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(249, 135, 60, 0.85);
}

@keyframes caramel-calm-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(249, 135, 60, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(249, 135, 60, 0);
  }
}
.caramel-calm .variants-highlighted ul li .variant-content .content {
  animation: caramel-calm-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes caramel-calm-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(249, 135, 60, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(249, 135, 60, 0);
    }
  }
}
/* END Caramel Calm Variants */
/* Caramel Calm Responsive */
@media (max-width: 1659px) {
  .main-section.caramel-calm {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.caramel-calm .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.caramel-calm {
    margin-top: -25px;
  }
  .main-section.caramel-calm .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.caramel-calm .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.caramel-calm {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.caramel-calm .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.caramel-calm {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.caramel-calm .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.caramel-calm .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.caramel-calm {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.caramel-calm .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Caramel Calm Responsive */
/* END Caramel Calm */
.link-pink {
  position: relative;
  color: #ff427c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-pink::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff427c;
  opacity: 1;
  transition: 0.3s all;
}
.link-pink:hover {
  color: #ff427c;
  text-decoration: none;
}
.link-pink:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-pink {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-pink {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-pink {
    font-size: 11px;
  }
}
/* Bubblegum */
.main-section.bubblegum {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.bubblegum .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.bubblegum .text h2,
.main-section.bubblegum .text h3,
.modal-gallery#modal-gallery-2 .modal-title {
  color: #ff427c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-bubblegum.jpg");
}

.main-section.bubblegum .text h2::selection,
.main-section.bubblegum .text h3::selection {
  background-color: #ff427c;
  -webkit-text-fill-color: #fff;
}

.main-section.bubblegum .text ul li::selection {
  color: #fff;
  background: #ff427c;
}

.main-section.bubblegum .text ul li span::selection {
  color: #fff;
  background: #ff427c;
}

.main-section.bubblegum .text ul li a::selection {
  color: #ff427c;
  background: #fff;
}

.main-section.bubblegum .text ul li:first-child::before {
  background: url("/images/eighty8/dna3.png") no-repeat center;
  background-size: 100%;
}

.main-section.bubblegum .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila3.png") no-repeat center;
  background-size: 90%;
}

.main-section.bubblegum .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune3.png") no-repeat center;
  background-size: 85%;
}

.main-section.bubblegum .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni3.png") no-repeat center;
  background-size: 90%;
}

.main-section.bubblegum .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon3.png") no-repeat center;
  background-size: 95%;
}

.main-section.bubblegum .text .variants .variant-content .content {
  background-color: #38111e;
}

.main-section.bubblegum .text .variants .variant-content::before,
.main-section.bubblegum .text .variants .variant-content::after {
  background-color: #38111e;
}

.main-section.bubblegum .text .variants .variant-content:hover::after,
.main-section.bubblegum .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #38111e 0%, #ff427c 22%, #38111e 50%, #ff427c 78%, #38111e 100%);
}

.main-section.bubblegum .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #38111e 0%, #ff427c 22%, #38111e 50%, #ff427c 78%, #38111e 100%);
}

.main-section.bubblegum .text .variants input:checked + label .variant-content .variant-title,
.main-section.bubblegum .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff427c;
}

.main-section.bubblegum .text .variant-title,
.main-section.bubblegum .text .variant-more {
  color: #ff427c;
}

.btn-pink,
.bubblegum .btn-addcart {
  background: #ff427c url("/images/eighty8/btn-pink.svg") no-repeat bottom center;
}

.btn-pink:hover,
.bubblegum .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 66, 124, 0.85);
}

@keyframes bubblegum-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 66, 124, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 66, 124, 0);
  }
}
.bubblegum .variants-highlighted ul li .variant-content .content {
  animation: bubblegum-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes bubblegum-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 66, 124, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 66, 124, 0);
    }
  }
}
/* Bubblegum responsive */
@media (max-width: 1659px) {
  .main-section.bubblegum {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.bubblegum .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.bubblegum {
    margin-top: -25px;
  }
  .main-section.bubblegum .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.bubblegum .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.bubblegum {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.bubblegum .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.bubblegum {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.bubblegum .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.bubblegum .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.bubblegum {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.bubblegum .image {
    width: 290px;
    right: -38px;
    top: 20px;
  }
}
/* END Bubblegum responsive */
/* END Bubblegum */
.link-blue {
  position: relative;
  color: #45d4ff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-blue::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #45d4ff;
  opacity: 1;
  transition: 0.3s all;
}
.link-blue:hover {
  color: #45d4ff;
  text-decoration: none;
}
.link-blue:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-blue {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-blue {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-blue {
    font-size: 11px;
  }
}
/* Cannatonic */
.main-section.cannatonic {
  color: #37aacc;
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.cannatonic .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.cannatonic .text h2,
.main-section.cannatonic .text h3,
.modal-gallery#modal-gallery-1 .modal-title {
  color: #37aacc;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-cannatonic.jpg");
}

.main-section.cannatonic .text h2::selection,
.main-section.cannatonic .text h3::selection {
  background-color: #37aacc;
  -webkit-text-fill-color: #fff;
}

.main-section.cannatonic .text ul li::selection {
  color: #fff;
  background: #37aacc;
}

.main-section.cannatonic .text ul li span::selection {
  color: #fff;
  background: #37aacc;
}

.main-section.cannatonic .text ul li a::selection {
  color: #37aacc;
  background: #fff;
}

.main-section.cannatonic .text ul li:first-child::before {
  background: url("/images/eighty8/dna2.png") no-repeat center;
  background-size: 100%;
}

.main-section.cannatonic .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila2.png") no-repeat center;
  background-size: 90%;
}

.main-section.cannatonic .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune2.png") no-repeat center;
  background-size: 85%;
}

.main-section.cannatonic .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni2.png") no-repeat center;
  background-size: 90%;
}

.main-section.cannatonic .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon2.png") no-repeat center;
  background-size: 95%;
}

.main-section.cannatonic .text .variants .variant-content .content {
  background-color: #091a22;
}

.main-section.cannatonic .text .variants .variant-content::before,
.main-section.cannatonic .text .variants .variant-content::after {
  background-color: #091a22;
}

.main-section.cannatonic .text .variants .variant-content:hover::after,
.main-section.cannatonic .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #0c2430 0%, #3daed0 21%, #0c2430 50%, #3daed0 79%, #0c2430 100%);
}

.main-section.cannatonic .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #0c2430 0%, #3daed0 21%, #0c2430 50%, #3daed0 79%, #0c2430 100%);
}

.main-section.cannatonic .text .variants input:checked + label .variant-content .variant-title,
.main-section.cannatonic .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #45d4ff;
}

.main-section.cannatonic .text .variant-title,
.main-section.cannatonic .text .variant-more {
  color: #45d4ff;
}

.btn-blue,
.cannatonic .btn-addcart {
  background: #37aacc url("/images/eighty8/btn-blue.svg") no-repeat bottom center;
}

.btn-blue:hover,
.cannatonic .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(55, 170, 204, 0.85);
}

@keyframes cannatonic-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(69, 212, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(69, 212, 255, 0);
  }
}
.cannatonic .variants-highlighted ul li .variant-content .content {
  animation: cannatonic-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cannatonic-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(69, 212, 255, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(69, 212, 255, 0);
    }
  }
}
/* Cannatonic Responsive */
@media (max-width: 1659px) {
  .main-section.cannatonic {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.cannatonic .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cannatonic {
    margin-top: -25px;
  }
  .main-section.cannatonic .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cannatonic .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.cannatonic {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.cannatonic .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.cannatonic {
    padding-bottom: 35px;
    margin-top: -30px;
  }
  .main-section.cannatonic .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.cannatonic .image {
    width: 420px;
    right: -60px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.cannatonic {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cannatonic .image {
    width: 290px;
    right: -42px;
    top: 20px;
  }
}
/* END Cannatonic Responsive */
/* END Cannatonic */
.link-cbn {
  position: relative;
  color: #2db5c3;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cbn::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #2db5c3;
  opacity: 1;
  transition: 0.3s all;
}
.link-cbn:hover {
  color: #2db5c3;
  text-decoration: none;
}
.link-cbn:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cbn {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cbn {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cbn {
    font-size: 11px;
  }
}
/** CBN **/
.main-section.cbn {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.cbn .image {
  top: -30px;
  right: 0;
  height: auto;
}

.main-section.cbn .text h2,
.main-section.cbn .text h3,
.modal-gallery#modal-gallery-59 .modal-title {
  color: #2db5c3;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cbn-txt.jpg");
}

.main-section.cbn .text {
  position: relative;
  z-index: 15;
}

.main-section.cbn .text h2::selection,
.main-section.cbn .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #2db5c3;
}

.main-section.cbn .text ul li span::selection {
  color: #fff;
  background: #2db5c3;
}

.main-section.cbn .text ul li a::selection {
  color: #2db5c3;
  background: #fff;
}

.main-section.cbn .text ul li::selection {
  color: #fff;
  background: #2db5c3;
}

.main-section.cbn .text ul li:first-child::before {
  background: url("/images/eighty8/dna59.png") no-repeat center;
  background-size: 100%;
}

.main-section.cbn .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info59.png") no-repeat center;
  background-size: 90%;
}

.main-section.cbn .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila59.png") no-repeat center;
  background-size: 90%;
}

.main-section.cbn .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut59.png") no-repeat center;
  background-size: 95%;
}

.main-section.cbn .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon59.png") no-repeat center;
  background-size: 95%;
}

/* CBN Variants */
.main-section.cbn .text .variants .variant-content .content {
  background-color: #113438;
}

.main-section.cbn .text .variants .variant-content::before,
.main-section.cbn .text .variants .variant-content::after {
  background-color: #113438;
}

.main-section.cbn .text .variants .variant-content:hover::after,
.main-section.cbn .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #113438 0%, #2db5c3 22%, #113438 51%, #2db5c3 77%, #113438 100%);
}

.main-section.cbn .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #113438 0%, #2db5c3 22%, #113438 51%, #2db5c3 77%, #113438 100%);
}

.main-section.cbn .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #2db5c3;
}

.main-section.cbn .text .variant-title,
.main-section.cbn .text .variant-more {
  color: #2db5c3;
}

.cbn .btn-addcart {
  color: #ffffff;
  background: #2db5c3 url("/images/eighty8/btn-cbn-bottom.svg") no-repeat bottom center;
}

.cbn .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(45, 181, 195, 0.85);
}

.cbn .come-soon {
  background-color: #113438;
}

.cbn .come-soon span {
  text-shadow: 0 0 21px #2db5c3;
  color: #2db5c3;
}

@keyframes cbn-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 181, 195, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(45, 181, 195, 0);
  }
}
.cbn .variants-highlighted ul li .variant-content .content {
  animation: cbn-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cbn-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(45, 181, 195, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(45, 181, 195, 0);
    }
  }
}
/* END CBN Variants */
/* CBN Responsive */
@media (max-width: 1659px) {
  .main-section.cbn .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cbn .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cbn .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.cbn {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.cbn .image {
    width: 660px;
    right: -80px;
    top: 0;
  }
}
@media (max-width: 991px) {
  .main-section.cbn {
    margin-top: -100px;
  }
  .main-section.cbn .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.cbn .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.cbn {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cbn .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END CBN Responsive */
/** END CBN **/
.link-space-candy {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-space-candy::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 1;
  transition: 0.3s all;
}
.link-space-candy:hover {
  color: #fff;
  text-decoration: none;
}
.link-space-candy:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-space-candy {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-space-candy {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-space-candy {
    font-size: 11px;
  }
}
/* Space Candy */
.main-section.space-candy {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.space-candy .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.space-candy .text h2,
.main-section.space-candy .text h3,
.modal-gallery#modal-gallery-60 .modal-title, .modal-gallery#modal-gallery-66 .modal-title {
  color: #fff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/space-candy-txt2.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.space-candy .text h2::selection,
.main-section.space-candy .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #fff;
}

.main-section.space-candy .text ul li span::selection {
  color: #fff;
  background: #fff;
}

.main-section.space-candy .text ul li a::selection {
  color: #fff;
  background: #fff;
}

.main-section.space-candy .text ul li::selection {
  color: #fff;
  background: #fff;
}

.main-section.space-candy .text ul li:first-child::before {
  background: url("/images/eighty8/dna60-2.png") no-repeat center;
  background-size: 100%;
}

.main-section.space-candy .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila60-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.space-candy .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune60-2.png") no-repeat center;
  background-size: 85%;
}

.main-section.space-candy .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni60-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.space-candy .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon60-2.png") no-repeat center;
  background-size: 95%;
}

/* Space Candy Variants */
.main-section.space-candy .text .variants .variant-content .content {
  background-color: #1e1e1e;
}

.main-section.space-candy .text .variants .variant-content::before,
.main-section.space-candy .text .variants .variant-content::after {
  background-color: #1e1e1e;
}

.main-section.space-candy .text .variants .variant-content:hover::after,
.main-section.space-candy .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #1e1e1e 0%, #ffffff 22%, #1e1e1e 50%, #ffffff 77%, #1e1e1e 100%);
}

.main-section.space-candy .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #1e1e1e 0%, #ffffff 22%, #1e1e1e 50%, #ffffff 77%, #1e1e1e 100%);
}

.main-section.space-candy .text .variants input:checked + label .variant-content .variant-title,
.main-section.space-candy .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ffffff;
}

.main-section.space-candy .text .variant-title,
.main-section.space-candy .text .variant-more {
  color: #ffffff;
}

.space-candy .btn-addcart {
  background: #ffffff url("/images/eighty8/btn-space-candy-bottom.svg") no-repeat bottom center;
  color: #000;
}

.space-candy .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.85);
}

.space-candy .come-soon {
  background-color: #1e1e1e;
}

.space-candy .come-soon span {
  text-shadow: 0 0 21px #ffffff;
  color: #ffffff;
}

@keyframes space-candy-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
.space-candy .variants-highlighted ul li .variant-content .content {
  animation: space-candy-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes space-candy-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }
  }
}
/* END Space Candy Variants */
/* Space Candy Responsive */
@media (max-width: 1659px) {
  .main-section.space-candy {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.space-candy .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.space-candy {
    margin-top: -25px;
  }
  .main-section.space-candy .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.space-candy .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.space-candy {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.space-candy .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.space-candy {
    padding-bottom: 35px;
  }
  .main-section.space-candy .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.space-candy .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.space-candy {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.space-candy .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Space Candy Responsive */
/* END Space Candy */
.link-candy-crush {
  position: relative;
  color: #009fe3;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-candy-crush::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #009fe3;
  opacity: 1;
  transition: 0.3s all;
}
.link-candy-crush:hover {
  color: #009fe3;
  text-decoration: none;
}
.link-candy-crush:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-candy-crush {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-candy-crush {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-candy-crush {
    font-size: 11px;
  }
}
/* Space Candy */
.main-section.candy-crush {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.candy-crush .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.candy-crush .text h2,
.main-section.candy-crush .text h3, .modal-gallery#modal-gallery-66 .modal-title {
  color: #009fe3;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/candy-crush-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.candy-crush .text h2::selection,
.main-section.candy-crush .text h3::selection {
  -webkit-text-fill-color: #009fe3;
  background-color: #009fe3;
}

.main-section.candy-crush .text ul li span::selection {
  color: #009fe3;
  background: #009fe3;
}

.main-section.candy-crush .text ul li a::selection {
  color: #009fe3;
  background: #009fe3;
}

.main-section.candy-crush .text ul li::selection {
  color: #009fe3;
  background: #009fe3;
}

.main-section.candy-crush .text ul li:first-child::before {
  background: url("/images/eighty8/dna66.png") no-repeat center;
  background-size: 100%;
}

.main-section.candy-crush .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila66.png") no-repeat center;
  background-size: 90%;
}

.main-section.candy-crush .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune66.png") no-repeat center;
  background-size: 85%;
}

.main-section.candy-crush .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni66.png") no-repeat center;
  background-size: 90%;
}

.main-section.candy-crush .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon66.png") no-repeat center;
  background-size: 95%;
}

/* Space Candy Variants */
.main-section.candy-crush .text .variants .variant-content .content {
  background-color: #071b2b;
}

.main-section.candy-crush .text .variants .variant-content::before,
.main-section.candy-crush .text .variants .variant-content::after {
  background-color: #071b2b;
}

.main-section.candy-crush .text .variants .variant-content:hover::after,
.main-section.candy-crush .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #071b2b 0%, #009fe3 22%, #071b2b 50%, #009fe3 77%, #071b2b 100%);
}

.main-section.candy-crush .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #071b2b 0%, #009fe3 22%, #071b2b 50%, #009fe3 77%, #071b2b 100%);
}

.main-section.candy-crush .text .variants input:checked + label .variant-content .variant-title,
.main-section.candy-crush .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #009fe3;
}

.main-section.candy-crush .text .variant-title,
.main-section.candy-crush .text .variant-more {
  color: #009fe3;
}

.candy-crush .btn-addcart {
  background: #009fe3 url("/images/eighty8/btn-candy-crush-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.candy-crush .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(0, 159, 227, 0.85);
}

.candy-crush .come-soon {
  background-color: #071b2b;
}

.candy-crush .come-soon span {
  text-shadow: 0 0 21px #009fe3;
  color: #009fe3;
}

@keyframes candy-crush-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 159, 227, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 159, 227, 0);
  }
}
.candy-crush .variants-highlighted ul li .variant-content .content {
  animation: candy-crush-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes candy-crush-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(0, 159, 227, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(0, 159, 227, 0);
    }
  }
}
/* END Space Candy Variants */
/* Space Candy Responsive */
@media (max-width: 1659px) {
  .main-section.candy-crush {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.candy-crush .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.candy-crush {
    margin-top: -25px;
  }
  .main-section.candy-crush .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.candy-crush .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.candy-crush {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.candy-crush .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.candy-crush {
    padding-bottom: 35px;
  }
  .main-section.candy-crush .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.candy-crush .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.candy-crush {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.candy-crush .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Space Candy Responsive */
/* END Space Candy */
.link-la-mota {
  position: relative;
  color: #fdc32d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-la-mota::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #fdc32d;
  opacity: 1;
  transition: 0.3s all;
}
.link-la-mota:hover {
  color: #fdc32d;
  text-decoration: none;
}
.link-la-mota:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-la-mota {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-la-mota {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-la-mota {
    font-size: 11px;
  }
}
/* La mota */
.main-section.la-mota {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.la-mota .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.la-mota .text h2,
.main-section.la-mota .text h3,
.modal-gallery#modal-gallery-61 .modal-title, .modal-gallery#modal-gallery-64 .modal-title {
  color: #fdc32d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/la-mota-txt2.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.la-mota .text h2::selection,
.main-section.la-mota .text h3::selection {
  background-color: #fdc32d;
  -webkit-text-fill-color: #fff;
}

.main-section.la-mota .text ul li::selection {
  color: #fff;
  background: #fdc32d;
}

.main-section.la-mota .text ul li span::selection {
  color: #fff;
  background: #fdc32d;
}

.main-section.la-mota .text ul li a::selection {
  color: #fdc32d;
  background: #fff;
}

.main-section.la-mota .text ul li:first-child::before {
  background: url("/images/eighty8/dna61-2.png") no-repeat center;
  background-size: 100%;
}

.main-section.la-mota .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila61-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.la-mota .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune61-2.png") no-repeat center;
  background-size: 85%;
}

.main-section.la-mota .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni61-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.la-mota .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon61-2.png") no-repeat center;
  background-size: 95%;
}

.main-section.la-mota .text .variants .variant-content .content {
  background-color: #2c1f0d;
}

.main-section.la-mota .text .variants .variant-content::before,
.main-section.la-mota .text .variants .variant-content::after {
  background-color: #2c1f0d;
}

.main-section.la-mota .text .variants .variant-content:hover::after,
.main-section.la-mota .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #2c1f0d 0%, #fdc32d 22%, #2c1f0d 50%, #fdc32d 78%, #2c1f0d 100%);
}

.main-section.la-mota .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #2c1f0d 0%, #fdc32d 22%, #2c1f0d 50%, #fdc32d 78%, #2c1f0d 100%);
}

.main-section.la-mota .text .variants input:checked + label .variant-content .variant-title,
.main-section.la-mota .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.la-mota .text .variant-title,
.main-section.la-mota .text .variant-more {
  color: #fdc32d;
}

.la-mota .btn-addcart {
  background: #fdc32d url("/images/eighty8/btn-la-mota-bottom2.svg") no-repeat bottom center;
  color: #000;
}

.la-mota .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(253, 195, 45, 0.85);
}

.la-mota .come-soon {
  background-color: #2c1f0d;
}

.la-mota .come-soon span {
  text-shadow: 0 0 21px #fdc32d;
  color: #fdc32d;
}

@keyframes la-mota-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(253, 195, 45, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(253, 195, 45, 0);
  }
}
.la-mota .variants-highlighted ul li .variant-content .content {
  animation: la-mota-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes la-mota-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(253, 195, 45, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(253, 195, 45, 0);
    }
  }
}
/* La mota responsive */
@media (max-width: 1659px) {
  .main-section.la-mota {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.la-mota .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.la-mota {
    margin-top: -25px;
  }
  .main-section.la-mota .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.la-mota .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.la-mota {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.la-mota .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.la-mota {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.la-mota .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.la-mota .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.la-mota {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.la-mota .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END La mota responsive */
/* END La mota */
.link-seventh-heaven {
  position: relative;
  color: #e6007e;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-seventh-heaven::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e6007e;
  opacity: 1;
  transition: 0.3s all;
}
.link-seventh-heaven:hover {
  color: #e6007e;
  text-decoration: none;
}
.link-seventh-heaven:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-seventh-heaven {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-seventh-heaven {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-seventh-heaven {
    font-size: 11px;
  }
}
/* La mota */
.main-section.seventh-heaven {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.seventh-heaven .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.seventh-heaven .text h2,
.main-section.seventh-heaven .text h3, .modal-gallery#modal-gallery-64 .modal-title {
  color: #e6007e;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/seventh-heaven-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.seventh-heaven .text h2::selection,
.main-section.seventh-heaven .text h3::selection {
  background-color: #e6007e;
  -webkit-text-fill-color: #fff;
}

.main-section.seventh-heaven .text ul li::selection {
  color: #fff;
  background: #e6007e;
}

.main-section.seventh-heaven .text ul li span::selection {
  color: #fff;
  background: #e6007e;
}

.main-section.seventh-heaven .text ul li a::selection {
  color: #e6007e;
  background: #fff;
}

.main-section.seventh-heaven .text ul li:first-child::before {
  background: url("/images/eighty8/dna64.png") no-repeat center;
  background-size: 100%;
}

.main-section.seventh-heaven .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila64.png") no-repeat center;
  background-size: 90%;
}

.main-section.seventh-heaven .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune64.png") no-repeat center;
  background-size: 85%;
}

.main-section.seventh-heaven .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni64.png") no-repeat center;
  background-size: 90%;
}

.main-section.seventh-heaven .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon64.png") no-repeat center;
  background-size: 95%;
}

.main-section.seventh-heaven .text .variants .variant-content .content {
  background-color: #260b24;
}

.main-section.seventh-heaven .text .variants .variant-content::before,
.main-section.seventh-heaven .text .variants .variant-content::after {
  background-color: #260b24;
}

.main-section.seventh-heaven .text .variants .variant-content:hover::after,
.main-section.seventh-heaven .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260b24 0%, #e6007e 22%, #260b24 50%, #e6007e 78%, #260b24 100%);
}

.main-section.seventh-heaven .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260b24 0%, #e6007e 22%, #260b24 50%, #e6007e 78%, #260b24 100%);
}

.main-section.seventh-heaven .text .variants input:checked + label .variant-content .variant-title,
.main-section.seventh-heaven .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e6007e;
}

.main-section.seventh-heaven .text .variant-title,
.main-section.seventh-heaven .text .variant-more {
  color: #e6007e;
}

.seventh-heaven .btn-addcart {
  background: #e6007e url("/images/eighty8/btn-seventh-heaven-bottom2.svg") no-repeat bottom center;
  color: #fff;
}

.seventh-heaven .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(230, 0, 126, 0.85);
}

.seventh-heaven .come-soon {
  background-color: #260b24;
}

.seventh-heaven .come-soon span {
  text-shadow: 0 0 21px #e6007e;
  color: #e6007e;
}

@keyframes seventh-heaven-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 0, 126, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(230, 0, 126, 0);
  }
}
.seventh-heaven .variants-highlighted ul li .variant-content .content {
  animation: seventh-heaven-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes seventh-heaven-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(230, 0, 126, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(230, 0, 126, 0);
    }
  }
}
/* La mota responsive */
@media (max-width: 1659px) {
  .main-section.seventh-heaven {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.seventh-heaven .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.seventh-heaven {
    margin-top: -25px;
  }
  .main-section.seventh-heaven .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.seventh-heaven .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.seventh-heaven {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.seventh-heaven .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.seventh-heaven {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.seventh-heaven .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.seventh-heaven .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.seventh-heaven {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.seventh-heaven .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END La mota responsive */
/* END La mota */
.link-buds {
  position: relative;
  color: #ff6c13;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-buds::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff6c13;
  opacity: 1;
  transition: 0.3s all;
}
.link-buds:hover {
  color: #ff6c13;
  text-decoration: none;
}
.link-buds:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-buds {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-buds {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-buds {
    font-size: 11px;
  }
}
/* Small Buds */
.main-section.small-buds {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.small-buds .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.small-buds .text h2,
.main-section.small-buds .text h3,
.modal-gallery#modal-gallery-11 .modal-title {
  color: #ef3c7b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/small-buds-txt.jpg");
  background-position-x: right;
  background-size: 790px auto;
}

.main-section.small-buds .text {
  position: relative;
  z-index: 15;
}

.main-section.small-buds .text h2::selection,
.main-section.small-buds .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ef3c7b;
}

.main-section.small-buds .text ul li span::selection {
  color: #fff;
  background: #ef3c7b;
}

.main-section.small-buds .text ul li a::selection {
  color: #ef3c7b;
  background: #fff;
}

.main-section.small-buds .text ul li::selection {
  color: #fff;
  background: #ef3c7b;
}

.main-section.small-buds .text ul li:first-child::before {
  background: url("/images/eighty8/dna11.png") no-repeat center;
  background-size: 100%;
}

.main-section.small-buds .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/pomer.png") no-repeat center;
  background-size: 90%;
}

.main-section.small-buds .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/info.png") no-repeat center;
  background-size: 85%;
}

.main-section.small-buds .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni11.png") no-repeat center;
  background-size: 90%;
}

.main-section.small-buds .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon11.png") no-repeat center;
  background-size: 95%;
}

/* Small Buds Variants */
.main-section.small-buds .text .variants .variant-content .content {
  background-color: #2b1f18;
}

.main-section.small-buds .text .variants .variant-content::before,
.main-section.small-buds .text .variants .variant-content::after {
  background-color: #2b1f18;
}

.main-section.small-buds .text .variants .variant-content:hover::after,
.main-section.small-buds .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #f15a0d 23%, #3a2a19 50%, #f15a0d 77%, #3a2a19 100%);
}

.main-section.small-buds .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3a2a19 0%, #f15a0d 23%, #3a2a19 50%, #f15a0d 77%, #3a2a19 100%);
}

.main-section.small-buds .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f15a0d;
}

.main-section.small-buds .text .variant-title,
.main-section.small-buds .text .variant-more {
  color: #ff6c13;
}

.small-buds .come-soon {
  background-color: #1a2725;
}

.small-buds .come-soon span {
  text-shadow: 0 0 21px #ef3c7b;
  color: #ef3c7b;
}

.small-buds .btn-addcart {
  background: url("/images/eighty8/btn-colors-bottom.png") no-repeat bottom center, url("/images/eighty8/btn-colors.png") no-repeat bottom center;
  color: #000000;
}

.small-buds .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 108, 19, 0.85);
}

@keyframes small-buds-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 108, 19, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 108, 19, 0);
  }
}
.small-buds .variants-highlighted ul li .variant-content .content {
  animation: small-buds-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes small-buds-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 108, 19, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 108, 19, 0);
    }
  }
}
/* END Small Buds Variants */
/* Small Buds responsive */
@media (max-width: 1659px) {
  .main-section.small-buds .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.small-buds .image {
    width: 835px;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 600px auto;
  }
}
@media (max-width: 1359px) {
  .main-section.small-buds .image {
    width: 750px;
    left: 0;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 450px auto;
  }
}
@media (max-width: 1199px) {
  .main-section.small-buds {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.small-buds .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 350px auto;
  }
}
@media (max-width: 991px) {
  .main-section.small-buds {
    margin-top: -30px;
    padding-bottom: 35px;
  }
  .main-section.small-buds .image {
    width: 600px;
    left: -80px;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 400px auto;
  }
}
@media (max-width: 767px) {
  .main-section.small-buds .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 230px auto;
  }
}
@media (max-width: 575px) {
  .main-section.small-buds {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.small-buds .image {
    width: 290px;
    right: -38px;
    top: 20px;
  }
  .main-section.small-buds .text h2,
  .main-section.small-buds .text h3,
  .modal-gallery#modal-gallery-11 .modal-title {
    background-size: 180px auto;
  }
}
/* END Small Buds responsive */
/* END Small Buds */
.link-gummies {
  position: relative;
  color: #ef2c37;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gummies::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ef2c37;
  opacity: 1;
  transition: 0.3s all;
}
.link-gummies:hover {
  color: #ef2c37;
  text-decoration: none;
}
.link-gummies:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gummies {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gummies {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gummies {
    font-size: 11px;
  }
}
/** Gummies **/
.main-section.gummies {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gummies .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.gummies .text h2,
.main-section.gummies .text h3,
.modal-gallery#modal-gallery-62 .modal-title {
  color: #ef2c37;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/gummies-txt.jpg");
}

.main-section.gummies .text {
  position: relative;
  z-index: 15;
}

.main-section.gummies .text h2::selection,
.main-section.gummies .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ef2c37;
}

.main-section.gummies .text ul li span::selection {
  color: #fff;
  background: #ef2c37;
}

.main-section.gummies .text ul li a::selection {
  color: #ef2c37;
  background: #fff;
}

.main-section.gummies .text ul li::selection {
  color: #fff;
  background: #ef2c37;
}

.main-section.gummies .text ul li:first-child::before {
  background: url("/images/eighty8/dna62.png") no-repeat center;
  background-size: 100%;
}

.main-section.gummies .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila62.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut62.png") no-repeat center;
  background-size: 95%;
}

.main-section.gummies .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni62.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon62.png") no-repeat center;
  background-size: 95%;
}

/* Gummies Variants */
.main-section.gummies .text .variants .variant-content .content {
  background-color: #3d181a;
}

.main-section.gummies .text .variants .variant-content::before,
.main-section.gummies .text .variants .variant-content::after {
  background-color: #3d181a;
}

.main-section.gummies .text .variants .variant-content:hover::after,
.main-section.gummies .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d181a 0%, #df2633 22%, #3d181a 51%, #df2633 77%, #3d181a 100%);
}

.main-section.gummies .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d181a 0%, #df2633 22%, #3d181a 51%, #df2633 77%, #3d181a 100%);
}

.main-section.gummies .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ef2c37;
}

.main-section.gummies .text .variant-title,
.main-section.gummies .text .variant-more {
  color: #ef2c37;
}

.gummies .btn-addcart {
  background: #df2633 url("/images/eighty8/btn-gummies-bottom.svg") no-repeat bottom center;
}

.gummies .btn-addcart:hover {
  box-shadow: 0 0 50px #ef2c37;
}

.gummies .come-soon {
  background-color: #3d181a;
}

.gummies .come-soon span {
  text-shadow: 0 0 21px #ef2c37;
  color: #ef2c37;
}

@keyframes gummies-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 44, 55, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(239, 44, 55, 0);
  }
}
.gummies .variants-highlighted ul li .variant-content .content {
  animation: gummies-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gummies-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(239, 44, 55, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(239, 44, 55, 0);
    }
  }
}
/* END Gummies Variants */
/* Gummies Responsive */
@media (max-width: 1659px) {
  .main-section.gummies .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gummies .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gummies .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.gummies {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.gummies .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.gummies .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.gummies .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.gummies {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gummies .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Gummies Responsive */
/** END Gummies **/
.link-no1-drop {
  position: relative;
  color: #dbb02f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-no1-drop::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #dbb02f;
  opacity: 1;
  transition: 0.3s all;
}
.link-no1-drop:hover {
  color: #dbb02f;
  text-decoration: none;
}
.link-no1-drop:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-no1-drop {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-no1-drop {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-no1-drop {
    font-size: 11px;
  }
}
/* NO. 1 Drop */
.main-section.no1-drop {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.no1-drop .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.no1-drop .text h2,
.main-section.no1-drop .text h3,
.modal-gallery#modal-gallery-39 .modal-title {
  color: #e2af44;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/no1-drop-txt.jpg");
  background-size: 100% auto;
}

.main-section.no1-drop .text h2::selection,
.main-section.no1-drop .text h3::selection {
  background-color: #e2af44;
  -webkit-text-fill-color: #fff;
}

@media (min-width: 1660px) {
  .main-section.no1-drop .text > ul {
    max-width: 550px;
  }
}

.main-section.no1-drop .text ul li::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.no1-drop .text ul li span::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.no1-drop .text ul li a::selection {
  color: #e2af44;
  background: #fff;
}

.main-section.no1-drop .text ul li:first-child::before {
  background: url("/images/eighty8/dna39.png") no-repeat center;
  background-size: 100%;
}

.main-section.no1-drop .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info39.png") no-repeat center;
  background-size: 90%;
}

.main-section.no1-drop .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila39.png") no-repeat center;
  background-size: 90%;
}

.main-section.no1-drop .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut39.png") no-repeat center;
  background-size: 95%;
}

.main-section.no1-drop .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon39.png") no-repeat center;
  background-size: 95%;
}

.main-section.no1-drop .text .variants .variant-content .content {
  background-color: #241d0f;
}

.main-section.no1-drop .text .variants .variant-content::before,
.main-section.no1-drop .text .variants .variant-content::after {
  background-color: #241d0f;
}

.main-section.no1-drop .text .variants .variant-content:hover::after,
.main-section.no1-drop .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.no1-drop .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.no1-drop .text .variants input:checked + label .variant-content .variant-title,
.main-section.no1-drop .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 2.1rem #e0ae42;
}

.main-section.no1-drop .text .variant-title,
.main-section.no1-drop .text .variant-more {
  color: #e2af44;
}

.no1-drop .btn-addcart {
  background: #e2af44 url("/images/eighty8/btn-no1-drop-bottom.svg") no-repeat bottom center;
  color: #261f0d;
}

.no1-drop .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 175, 68, 0.85);
  color: #261f0d;
}

.no1-drop .come-soon {
  background-color: #261f0d;
}

.no1-drop .come-soon span {
  text-shadow: 0 0 21px #e2af44;
  color: #e2af44;
}

@keyframes no1-drop-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 175, 68, 0);
  }
}
.no1-drop .variants-highlighted ul li .variant-content .content {
  animation: no1-drop-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes no1-drop-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 175, 68, 0);
    }
  }
}
/* NO. 1 Drop responsive */
@media (max-width: 1659px) {
  .main-section.no1-drop .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.no1-drop .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.no1-drop .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.no1-drop {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.no1-drop .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.no1-drop {
    padding-bottom: 75px;
  }
  .main-section.no1-drop .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.no1-drop .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
  .main-section.no1-drop .text > ul {
    max-width: 340px;
  }
}
@media (max-width: 575px) {
  .main-section.no1-drop {
    margin-top: 45px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.no1-drop .image {
    width: 290px;
    right: -38px;
    top: 0;
  }
}
@media (max-width: 399px) {
  .main-section.no1-drop {
    margin-top: 30px;
  }
}
/* END NO. 1 Drop responsive */
/* END NO. 1 Drop */
.link-natural {
  position: relative;
  color: #b3ff57;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-natural::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #b3ff57;
  opacity: 1;
  transition: 0.3s all;
}
.link-natural:hover {
  color: #b3ff57;
  text-decoration: none;
}
.link-natural:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-natural {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-natural {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-natural {
    font-size: 11px;
  }
}
/** Natural **/
.main-section.natural {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.natural .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.natural .text h2,
.main-section.natural .text h3,
.modal-gallery#modal-gallery-12 .modal-title {
  color: #b3ff57;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/natural-txt.jpg");
}

.main-section.natural .text {
  position: relative;
  z-index: 15;
}

.main-section.natural .text h2::selection,
.main-section.natural .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #b3ff57;
}

.main-section.natural .text ul li span::selection {
  color: #fff;
  background: #b3ff57;
}

.main-section.natural .text ul li a::selection {
  color: #b3ff57;
  background: #fff;
}

.main-section.natural .text ul li::selection {
  color: #fff;
  background: #b3ff57;
}

.main-section.natural .text ul li:first-child::before {
  background: url("/images/eighty8/dna12.png") no-repeat center;
  background-size: 100%;
}

.main-section.natural .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info2.png") no-repeat center;
  background-size: 90%;
}

.main-section.natural .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila12.png") no-repeat center;
  background-size: 90%;
}

.main-section.natural .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut.png") no-repeat center;
  background-size: 95%;
}

.main-section.natural .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon12.png") no-repeat center;
  background-size: 95%;
}

/* Natural Variants */
.main-section.natural .text .variants .variant-content .content {
  background-color: #283813;
}

.main-section.natural .text .variants .variant-content::before,
.main-section.natural .text .variants .variant-content::after {
  background-color: #283813;
}

.main-section.natural .text .variants .variant-content:hover::after,
.main-section.natural .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #283813 0%, #92c44b 22%, #283813 51%, #92c44b 77%, #283813 100%);
}

.main-section.natural .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #283813 0%, #92c44b 22%, #283813 51%, #92c44b 77%, #283813 100%);
}

.main-section.natural .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #afeb5b;
}

.main-section.natural .text .variant-title,
.main-section.natural .text .variant-more {
  color: #b3ff57;
}

.natural .btn-addcart {
  background: #89c145 url("/images/eighty8/btn-natural-bottom.svg") no-repeat bottom center;
}

.natural .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(137, 193, 69, 0.85);
}

.natural .come-soon {
  background-color: #283813;
}

.natural .come-soon span {
  text-shadow: 0 0 21px #afeb5b;
  color: #b3ff57;
}

@keyframes natural-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(175, 235, 91, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(175, 235, 91, 0);
  }
}
.natural .variants-highlighted ul li .variant-content .content {
  animation: natural-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes natural-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(175, 235, 91, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(175, 235, 91, 0);
    }
  }
}
/* END Natural Variants */
/* Natural Responsive */
@media (max-width: 1659px) {
  .main-section.natural .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.natural .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.natural .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.natural {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.natural .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.natural .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.natural .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.natural {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.natural .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Natural Responsive */
/** END Natural **/
.link-cbg {
  position: relative;
  color: #f4bc44;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cbg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f4bc44;
  opacity: 1;
  transition: 0.3s all;
}
.link-cbg:hover {
  color: #f4bc44;
  text-decoration: none;
}
.link-cbg:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cbg {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cbg {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cbg {
    font-size: 11px;
  }
}
/** CBG **/
.main-section.cbg.hp-section.avail-prepare {
  margin-bottom: -40px;
}

.main-section.cbg {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.cbg .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.cbg .text h2,
.main-section.cbg .text h3,
.modal-gallery#modal-gallery-32 .modal-title {
  color: #f4bc44;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cbg-txt.jpg");
}

.main-section.cbg .text {
  position: relative;
  z-index: 15;
}

.main-section.cbg .text h2::selection,
.main-section.cbg .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f4bc44;
}

.main-section.cbg .text ul li span::selection {
  color: #fff;
  background: #f4bc44;
}

.main-section.cbg .text ul li a::selection {
  color: #f4bc44;
  background: #fff;
}

.main-section.cbg .text ul li::selection {
  color: #fff;
  background: #f4bc44;
}

.main-section.cbg .text ul li:first-child::before {
  background: url("/images/eighty8/dna32.png") no-repeat center;
  background-size: 100%;
}

.main-section.cbg .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info32.png") no-repeat center;
  background-size: 90%;
}

.main-section.cbg .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila32.png") no-repeat center;
  background-size: 90%;
}

.main-section.cbg .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut32.png") no-repeat center;
  background-size: 95%;
}

.main-section.cbg .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon32.png") no-repeat center;
  background-size: 95%;
}

/* CBG Variants */
.main-section.cbg .text .variants .variant-content .content {
  background-color: #382a11;
}

.main-section.cbg .text .variants .variant-content::before,
.main-section.cbg .text .variants .variant-content::after {
  background-color: #382a11;
}

.main-section.cbg .text .variants .variant-content:hover::after,
.main-section.cbg .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #382a11 0%, #f4bc44 22%, #382a11 50%, #f4bc44 77%, #382a11 100%);
}

.main-section.cbg .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #382a11 0%, #f4bc44 22%, #382a11 50%, #f4bc44 77%, #382a11 100%);
}

.main-section.cbg .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f4bc44;
}

.main-section.cbg .text .variant-title,
.main-section.cbg .text .variant-more {
  color: #f4bc44;
}

.cbg .btn-addcart {
  color: #382a11;
  background: #f4bc44 url("/images/eighty8/btn-cbg-bottom.svg") no-repeat bottom center;
}

.cbg .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(244, 188, 68, 0.85);
}

.cbg .come-soon {
  background-color: #382a11;
}

.cbg .come-soon span {
  text-shadow: 0 0 21px #f4bc44;
  color: #f4bc44;
}

@keyframes cbg-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(244, 188, 68, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(244, 188, 68, 0);
  }
}
.cbg .variants-highlighted ul li .variant-content .content {
  animation: cbg-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cbg-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(244, 188, 68, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(244, 188, 68, 0);
    }
  }
}
/* END CBG Variants */
/* CBG Responsive */
@media (max-width: 1659px) {
  .main-section.cbg .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cbg .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cbg .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cbg {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.cbg .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.cbg {
    margin-top: -100px;
  }
  .main-section.cbg .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.cbg .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.cbg {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cbg .image {
    width: 290px;
    right: -38px;
    top: 10px;
  }
}
/* END CBG Responsive */
/** END CBG **/
.link-energy {
  position: relative;
  color: #dc1b1b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-energy::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #dc1b1b;
  opacity: 1;
  transition: 0.3s all;
}
.link-energy:hover {
  color: #dc1b1b;
  text-decoration: none;
}
.link-energy:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-energy {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-energy {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-energy {
    font-size: 11px;
  }
}
/** Energy **/
.main-section.energy.hp-section.avail-prepare {
  margin-bottom: -110px;
}

.main-section.energy {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.energy .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.energy .text h2,
.main-section.energy .text h3,
.modal-gallery#modal-gallery-14 .modal-title {
  color: #b90c09;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/energy-txt.jpg");
}

.main-section.energy .text {
  position: relative;
  z-index: 15;
}

.main-section.energy .text h2::selection,
.main-section.energy .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #b90c09;
}

.main-section.energy .text ul li span::selection {
  color: #fff;
  background: #b90c09;
}

.main-section.energy .text ul li a::selection {
  color: #b90c09;
  background: #fff;
}

.main-section.energy .text ul li::selection {
  color: #fff;
  background: #b90c09;
}

.main-section.energy .text ul li:first-child::before {
  background: url("/images/eighty8/dna14.png") no-repeat center;
  background-size: 100%;
}

.main-section.energy .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info4.png") no-repeat center;
  background-size: 90%;
}

.main-section.energy .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/kapka14.png") no-repeat center;
  background-size: 90%;
}

.main-section.energy .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut3.png") no-repeat center;
  background-size: 95%;
}

.main-section.energy .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon14.png") no-repeat center;
  background-size: 95%;
}

/* Energy Variants */
.main-section.energy .text .variants .variant-content .content {
  background-color: #400e0c;
}

.main-section.energy .text .variants .variant-content::before,
.main-section.energy .text .variants .variant-content::after {
  background-color: #400e0c;
}

.main-section.energy .text .variants .variant-content:hover::after,
.main-section.energy .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #400e0c 0%, #dc1b1b 22%, #400e0c 50%, #dc1b1b 77%, #400e0c 100%);
}

.main-section.energy .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #400e0c 0%, #dc1b1b 22%, #400e0c 50%, #dc1b1b 77%, #400e0c 100%);
}

.main-section.energy .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #dc1b1b;
}

.main-section.energy .text .variant-title,
.main-section.energy .text .variant-more {
  color: #dc1b1b;
}

.energy .btn-addcart {
  background: #b90c09 url("/images/eighty8/btn-energy-bottom.svg") no-repeat bottom center;
}

.energy .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(185, 12, 9, 0.85);
}

.energy .come-soon {
  background-color: #400e0c;
}

.energy .come-soon span {
  text-shadow: 0 0 21px #dc1b1b;
  color: #dc1b1b;
}

@keyframes energy-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(220, 27, 27, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(220, 27, 27, 0);
  }
}
.energy .variants-highlighted ul li .variant-content .content {
  animation: energy-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes energy-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(220, 27, 27, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(220, 27, 27, 0);
    }
  }
}
/* END Energy Variants */
/* Energy Responsive */
@media (max-width: 1659px) {
  .main-section.energy .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.energy .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.energy .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.energy {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.energy .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.energy {
    margin-top: -100px;
  }
  .main-section.energy .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.energy .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.energy {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.energy .image {
    width: 290px;
    right: -38px;
    top: 10px;
  }
}
/* END Energy Responsive */
/** END Energy **/
.link-beauty {
  position: relative;
  color: #eb599c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-beauty::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #eb599c;
  opacity: 1;
  transition: 0.3s all;
}
.link-beauty:hover {
  color: #eb599c;
  text-decoration: none;
}
.link-beauty:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-beauty {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-beauty {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-beauty {
    font-size: 11px;
  }
}
/** Beauty **/
.main-section.beauty {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.beauty .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.beauty .text h2,
.main-section.beauty .text h3,
.modal-gallery#modal-gallery-29 .modal-title {
  color: #ff6ab1;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/beauty-txt2.jpg");
}

.main-section.beauty .text {
  position: relative;
  z-index: 15;
}

.main-section.beauty .text h2::selection,
.main-section.beauty .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff6ab1;
}

.main-section.beauty .text ul li span::selection {
  color: #fff;
  background: #ff6ab1;
}

.main-section.beauty .text ul li a::selection {
  color: #ff6ab1;
  background: #fff;
}

.main-section.beauty .text ul li::selection {
  color: #fff;
  background: #ff6ab1;
}

.main-section.beauty .text ul li:first-child::before {
  background: url("/images/eighty8/dna29-2.png") no-repeat center;
  background-size: 100%;
}

.main-section.beauty .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info29-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.beauty .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/kapka29-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.beauty .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut29-2.png") no-repeat center;
  background-size: 95%;
}

.main-section.beauty .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon29-2.png") no-repeat center;
  background-size: 95%;
}

/* Beauty Variants */
.main-section.beauty .text .variants .variant-content .content {
  background-color: #4a152e;
}

.main-section.beauty .text .variants .variant-content::before,
.main-section.beauty .text .variants .variant-content::after {
  background-color: #4a152e;
}

.main-section.beauty .text .variants .variant-content:hover::after,
.main-section.beauty .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #4a152e 0%, #ff6ab1 22%, #4a152e 51%, #ff6ab1 77%, #4a152e 100%);
}

.main-section.beauty .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #4a152e 0%, #ff6ab1 22%, #4a152e 51%, #ff6ab1 77%, #4a152e 100%);
}

.main-section.beauty .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff6ab1;
}

.main-section.beauty .text .variant-title,
.main-section.beauty .text .variant-more {
  color: #ff6ab1;
}

.beauty .btn-addcart {
  color: #ffffff;
  background: #e45d9e url("/images/eighty8/btn-beauty-bottom2.svg") no-repeat bottom center;
}

.beauty .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 106, 177, 0.85);
}

.beauty .come-soon {
  background-color: #4a152e;
}

.beauty .come-soon span {
  text-shadow: 0 0 21px #ff6ab1;
  color: #ff6ab1;
}

@keyframes beauty-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 106, 177, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 106, 177, 0);
  }
}
.beauty .variants-highlighted ul li .variant-content .content {
  animation: beauty-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes beauty-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 106, 177, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 106, 177, 0);
    }
  }
}
/* END beauty Variants */
/* Beauty Responsive */
@media (max-width: 1659px) {
  .main-section.beauty .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.beauty .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.beauty .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.beauty {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.beauty .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.beauty {
    margin-top: -100px;
  }
  .main-section.beauty .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.beauty .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.beauty {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.beauty .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Beauty Responsive */
/** END Beauty **/
.link-immunity {
  position: relative;
  color: #00aff4;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-immunity::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #00aff4;
  opacity: 1;
  transition: 0.3s all;
}
.link-immunity:hover {
  color: #00aff4;
  text-decoration: none;
}
.link-immunity:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-immunity {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-immunity {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-immunity {
    font-size: 11px;
  }
}
/** Immunity **/
.hp-section.immunity.avail-prepare .text {
  padding-bottom: 70px;
}

.main-section.immunity {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.immunity .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.immunity .text > ul li .icon.right {
  margin-left: 10px;
  margin-bottom: 5px;
}

.main-section.immunity .text h2,
.main-section.immunity .text h3,
.modal-gallery#modal-gallery-30 .modal-title {
  color: #00aff4;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/immunity-txt.jpg");
}

.main-section.immunity .text {
  position: relative;
  z-index: 15;
}

.main-section.immunity .text h2::selection,
.main-section.immunity .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #00aff4;
}

.main-section.immunity .text ul li span::selection {
  color: #fff;
  background: #00aff4;
}

.main-section.immunity .text ul li a::selection {
  color: #00aff4;
  background: #fff;
}

.main-section.immunity .text ul li::selection {
  color: #fff;
  background: #00aff4;
}

.main-section.immunity .text ul li:first-child::before {
  background: url("/images/eighty8/dna30.png") no-repeat center;
  background-size: 100%;
}

.main-section.immunity .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info30.png") no-repeat center;
  background-size: 90%;
}

.main-section.immunity .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/kapka30.png") no-repeat center;
  background-size: 90%;
}

.main-section.immunity .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut30.png") no-repeat center;
  background-size: 95%;
}

.main-section.immunity .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon30.png") no-repeat center;
  background-size: 95%;
}

/* Immunity Variants */
.main-section.immunity .text .variants .variant-content .content {
  background-color: #002a44;
}

.main-section.immunity .text .variants .variant-content::before,
.main-section.immunity .text .variants .variant-content::after {
  background-color: #002a44;
}

.main-section.immunity .text .variants .variant-content:hover::after,
.main-section.immunity .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #002a44 0%, #00aff4 22%, #002a44 51%, #00aff4 77%, #002a44 100%);
}

.main-section.immunity .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #002a44 0%, #00aff4 22%, #002a44 51%, #00aff4 77%, #002a44 100%);
}

.main-section.immunity .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #00aff4;
}

.main-section.immunity .text .variant-title,
.main-section.immunity .text .variant-more {
  color: #00aff4;
}

.immunity .btn-addcart {
  color: #ffffff;
  background: #00aff4 url("/images/eighty8/btn-immunity-bottom.svg") no-repeat bottom center;
}

.immunity .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(0, 175, 244, 0.85);
}

.immunity .come-soon {
  background-color: #002a44;
}

.immunity .come-soon span {
  text-shadow: 0 0 21px #00aff4;
  color: #00aff4;
}

@keyframes immunity-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 175, 244, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 175, 244, 0);
  }
}
.immunity .variants-highlighted ul li .variant-content .content {
  animation: immunity-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes immunity-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(0, 175, 244, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(0, 175, 244, 0);
    }
  }
}
/* END Immunity Variants */
/* Immunity Responsive */
@media (max-width: 1659px) {
  .main-section.immunity .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.immunity .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.immunity .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.immunity {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.immunity .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.immunity {
    margin-top: -100px;
  }
  .main-section.immunity .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.immunity .image {
    width: 420px;
    right: -60px;
    top: 20px;
  }
}
@media (max-width: 575px) {
  .main-section.immunity {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.immunity .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Immunity Responsive */
/** END Immunity **/
.link-sleep {
  position: relative;
  color: #d46cff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-sleep::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #d46cff;
  opacity: 1;
  transition: 0.3s all;
}
.link-sleep:hover {
  color: #d46cff;
  text-decoration: none;
}
.link-sleep:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-sleep {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-sleep {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-sleep {
    font-size: 11px;
  }
}
/** Sleep **/
.main-section.sleep.avail-prepare {
  margin-bottom: -50px;
}

.main-section.sleep {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.sleep .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.sleep .text h2,
.main-section.sleep .text h3,
.modal-gallery#modal-gallery-15 .modal-title {
  color: #d46cff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/sleep-txt.jpg");
}

.main-section.sleep .text {
  position: relative;
  z-index: 15;
}

.main-section.sleep .text h2::selection,
.main-section.sleep .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #d46cff;
}

.main-section.sleep .text ul li span::selection {
  color: #fff;
  background: #d46cff;
}

.main-section.sleep .text ul li a::selection {
  color: #d46cff;
  background: #fff;
}

.main-section.sleep .text ul li::selection {
  color: #fff;
  background: #d46cff;
}

.main-section.sleep .text ul li:first-child::before {
  background: url("/images/eighty8/dna15.png") no-repeat center;
  background-size: 100%;
}

.main-section.sleep .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info5.png") no-repeat center;
  background-size: 90%;
}

.main-section.sleep .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/kapka15.png") no-repeat center;
  background-size: 90%;
}

.main-section.sleep .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut4.png") no-repeat center;
  background-size: 95%;
}

.main-section.sleep .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon15.png") no-repeat center;
  background-size: 95%;
}

/* Sleep Variants */
.main-section.sleep .text .variants .variant-content .content {
  background-color: #310e40;
}

.main-section.sleep .text .variants .variant-content::before,
.main-section.sleep .text .variants .variant-content::after {
  background-color: #310e40;
}

.main-section.sleep .text .variants .variant-content:hover::after,
.main-section.sleep .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #310e40 0%, #c260eb 22%, #310e40 50%, #c260eb 77%, #310e40 100%);
}

.main-section.sleep .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #310e40 0%, #c260eb 22%, #310e40 50%, #c260eb 77%, #310e40 100%);
}

.main-section.sleep .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #d46cff;
}

.main-section.sleep .text .variant-title,
.main-section.sleep .text .variant-more {
  color: #d46cff;
}

.sleep .btn-addcart {
  background: #c260eb url("/images/eighty8/btn-sleep-bottom.svg") no-repeat bottom center;
}

.sleep .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(194, 96, 235, 0.85);
}

.sleep .come-soon {
  background-color: #310e40;
}

.sleep .come-soon span {
  text-shadow: 0 0 21px #d46cff;
  color: #d46cff;
}

@keyframes sleep-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 108, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(212, 108, 255, 0);
  }
}
.sleep .variants-highlighted ul li .variant-content .content {
  animation: sleep-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes sleep-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(212, 108, 255, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(212, 108, 255, 0);
    }
  }
}
/* END Sleep Variants */
/* Sleep Responsive */
@media (max-width: 1659px) {
  .main-section.sleep .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.sleep .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.sleep .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.sleep {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.sleep .image {
    width: 660px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.sleep {
    margin-top: -100px;
  }
  .main-section.sleep .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.sleep .image {
    width: 420px;
    left: -60px;
    top: 20px;
  }
}
@media (max-width: 575px) {
  .main-section.sleep {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.sleep .image {
    width: 290px;
    left: -42px;
    top: 0;
  }
}
/* END Sleep Responsive */
/** END Sleep **/
.link-salmon {
  position: relative;
  color: #ff8237;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-salmon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff8237;
  opacity: 1;
  transition: 0.3s all;
}
.link-salmon:hover {
  color: #ff8237;
  text-decoration: none;
}
.link-salmon:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-salmon {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-salmon {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-salmon {
    font-size: 11px;
  }
}
/** Wild Salmon **/
.main-section.salmon {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.salmon .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.salmon .text h2,
.main-section.salmon .text h3,
.modal-gallery#modal-gallery-13 .modal-title {
  color: #ff8237;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/salmon-txt.jpg");
}

.main-section.salmon .text {
  position: relative;
  z-index: 15;
}

.main-section.salmon .text h2::selection,
.main-section.salmon .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff8237;
}

.main-section.salmon .text ul li span::selection {
  color: #fff;
  background: #ff8237;
}

.main-section.salmon .text ul li a::selection {
  color: #ff8237;
  background: #fff;
}

.main-section.salmon .text ul li::selection {
  color: #fff;
  background: #ff8237;
}

.main-section.salmon .text ul li:first-child::before {
  background: url("/images/eighty8/dna13.png") no-repeat center;
  background-size: 100%;
}

.main-section.salmon .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info3.png") no-repeat center;
  background-size: 90%;
}

.main-section.salmon .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila13.png") no-repeat center;
  background-size: 90%;
}

.main-section.salmon .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut2.png") no-repeat center;
  background-size: 95%;
}

.main-section.salmon .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon13.png") no-repeat center;
  background-size: 95%;
}

/* Wild Salmon Variants */
.main-section.salmon .text .variants .variant-content .content {
  background-color: #40200c;
}

.main-section.salmon .text .variants .variant-content::before,
.main-section.salmon .text .variants .variant-content::after {
  background-color: #40200c;
}

.main-section.salmon .text .variants .variant-content:hover::after,
.main-section.salmon .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #40200c 0%, #ff8237 22%, #40200c 50%, #ff8237 76%, #40200c 100%);
}

.main-section.salmon .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #40200c 0%, #ff8237 22%, #40200c 50%, #ff8237 76%, #40200c 100%);
}

.main-section.salmon .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff8237;
}

.main-section.salmon .text .variant-title,
.main-section.salmon .text .variant-more {
  color: #ff8237;
}

.salmon .btn-addcart {
  background: #de6a24 url("/images/eighty8/btn-salmon-bottom.svg") no-repeat bottom center;
}

.salmon .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(222, 106, 36, 0.85);
}

.salmon .come-soon {
  background-color: #40200c;
}

.salmon .come-soon span {
  text-shadow: 0 0 21px #ff8237;
  color: #ff8237;
}

@keyframes salmon-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 130, 55, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 130, 55, 0);
  }
}
.salmon .variants-highlighted ul li .variant-content .content {
  animation: salmon-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes salmon-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 130, 55, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 130, 55, 0);
    }
  }
}
/* END Wild Salmon Variants */
/* Wild Salmon Responsive */
@media (max-width: 1659px) {
  .main-section.salmon .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.salmon .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.salmon .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.salmon {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.salmon .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.salmon {
    margin-top: -100px;
  }
  .main-section.salmon .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.salmon .image {
    width: 420px;
    right: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.salmon {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.salmon .image {
    width: 290px;
    right: -38px;
    top: 0;
  }
}
/* END Wild Salmon Responsive */
/** END Wild Salmon **/
.link-piperine {
  position: relative;
  color: #b3ff57;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-piperine::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #b3ff57;
  opacity: 1;
  transition: 0.3s all;
}
.link-piperine:hover {
  color: #b3ff57;
  text-decoration: none;
}
.link-piperine:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-piperine {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-piperine {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-piperine {
    font-size: 11px;
  }
}
/** Cbd & Piperine **/
.main-section.piperine {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.piperine .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.piperine .text h2,
.main-section.piperine .text h3,
.modal-gallery#modal-gallery-16 .modal-title {
  color: #b3ff57;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/piperine2-txt.jpg");
}

.main-section.piperine .text {
  position: relative;
  z-index: 15;
}

.main-section.piperine .text h2::selection,
.main-section.piperine .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #b3ff57;
}

.main-section.piperine .text > ul {
  margin-top: 0;
}

.main-section.piperine .text ul li span::selection {
  color: #fff;
  background: #b3ff57;
}

.main-section.piperine .text ul li a::selection {
  color: #b3ff57;
  background: #fff;
}

.main-section.piperine .text ul li::selection {
  color: #fff;
  background: #b3ff57;
}

.main-section.piperine .text ul li:first-child::before {
  background: url("/images/eighty8/dna16.png") no-repeat center;
  background-size: 100%;
}

.main-section.piperine .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info6.png") no-repeat center;
  background-size: 90%;
}

.main-section.piperine .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila16.png") no-repeat center;
  background-size: 90%;
}

.main-section.piperine .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni16.png") no-repeat center;
  background-size: 95%;
}

.main-section.piperine .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon16.png") no-repeat center;
  background-size: 95%;
}

/* Cbd & Piperine Variants */
.main-section.piperine .text .variants .variant-content .content {
  background-color: #2d3712;
}

.main-section.piperine .text .variants .variant-content::before,
.main-section.piperine .text .variants .variant-content::after {
  background-color: #2d3712;
}

.main-section.piperine .text .variants .variant-content:hover::after,
.main-section.piperine .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #2d3712 0%, #97c034 22%, #2d3712 50%, #97c034 77%, #2d3712 100%);
}

.main-section.piperine .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #2d3712 0%, #97c034 22%, #2d3712 50%, #97c034 77%, #2d3712 100%);
}

.main-section.piperine .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #b3ff57;
}

.main-section.piperine .text .variant-title,
.main-section.piperine .text .variant-more {
  color: #b3ff57;
}

.piperine .btn-addcart {
  background: #97c034 url("/images/eighty8/btn-piperine-bottom.svg") no-repeat bottom center;
}

.piperine .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(151, 192, 52, 0.85);
}

.piperine .come-soon {
  background-color: #2d3712;
}

.piperine .come-soon span {
  text-shadow: 0 0 21px #b3ff57;
  color: #b3ff57;
}

@keyframes piperine-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(179, 255, 87, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(179, 255, 87, 0);
  }
}
.piperine .variants-highlighted ul li .variant-content .content {
  animation: piperine-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes piperine-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(179, 255, 87, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(179, 255, 87, 0);
    }
  }
}
/* END Cbd & Piperine Variants */
/* Cbd & Piperine Responsive */
@media (max-width: 1659px) {
  .main-section.piperine .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.piperine .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.piperine .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.piperine {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.piperine .image {
    width: 660px;
    left: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.piperine {
    margin-top: -60px;
  }
  .main-section.piperine .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.piperine .image {
    width: 420px;
    left: -30px;
    top: 30px;
  }
}
@media (max-width: 575px) {
  .main-section.piperine {
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.piperine .image {
    width: 290px;
    right: -38px;
    top: 10px;
  }
}
/* END Cbd & Piperine Responsive */
/** END Cbd & Piperine **/
.link-vapo-no-1 {
  position: relative;
  color: #e2af44;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-no-1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e2af44;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-no-1:hover {
  color: #e2af44;
  text-decoration: none;
}
.link-vapo-no-1:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-no-1 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-no-1 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-no-1 {
    font-size: 11px;
  }
}
/* Vapo NO. 1 */
.main-section.vapo-no-1 {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-no-1 .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vapo-no-1 .text > ul {
  max-width: 550px;
}

.main-section.vapo-no-1 .text h2,
.main-section.vapo-no-1 .text h3,
.modal-gallery#modal-gallery-41 .modal-title {
  color: #e2af44;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/no1-drop-txt.jpg");
}

.main-section.vapo-no-1 .text h2::selection,
.main-section.vapo-no-1 .text h3::selection {
  background-color: #e2af44;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-no-1 .text ul li::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.vapo-no-1 .text ul li span::selection {
  color: #fff;
  background: #e2af44;
}

.main-section.vapo-no-1 .text ul li a::selection {
  color: #e2af44;
  background: #fff;
}

.main-section.vapo-no-1 .text ul li:first-child::before {
  background: url("/images/eighty8/dna41.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-no-1 .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info41.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-no-1 .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila41.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-no-1 .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut41.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-no-1 .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon41.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-no-1 .text .variants .variant-content .content {
  background-color: #241d0f;
}

.main-section.vapo-no-1 .text .variants .variant-content::before,
.main-section.vapo-no-1 .text .variants .variant-content::after {
  background-color: #241d0f;
}

.main-section.vapo-no-1 .text .variants .variant-content:hover::after,
.main-section.vapo-no-1 .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.vapo-no-1 .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #241d0f 0%, #e2af44 22%, #241d0f 50%, #e2af44 78%, #241d0f 100%);
}

.main-section.vapo-no-1 .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-no-1 .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 2.1rem #e0ae42;
}

.main-section.vapo-no-1 .text .variant-title,
.main-section.vapo-no-1 .text .variant-more {
  color: #e2af44;
}

.vapo-no-1 .btn-addcart {
  background: #e2af44 url("/images/eighty8/btn-no-1-bottom.svg") no-repeat bottom center;
}

.vapo-no-1 .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 175, 68, 0.85);
}

@keyframes vapo-no-1-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 175, 68, 0);
  }
}
.vapo-no-1 .variants-highlighted ul li .variant-content .content {
  animation: vapo-no-1-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-no-1-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 175, 68, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 175, 68, 0);
    }
  }
}
/* Vapo NO. 1 responsive */
@media (max-width: 1659px) {
  .main-section.vapo-no-1 {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-no-1 .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-no-1 {
    margin-top: -25px;
  }
  .main-section.vapo-no-1 .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-no-1 .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-no-1 {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -40px;
  }
  .main-section.vapo-no-1 .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-no-1 {
    margin-top: -45px;
    padding-bottom: 35px;
  }
  .main-section.vapo-no-1 .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-no-1 .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vapo-no-1 .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-no-1 {
    margin-top: 35px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-no-1 .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Vapo NO. 1 responsive */
/* END Vapo NO. 1 */
.link-vapo-energy {
  position: relative;
  color: #df292b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-energy::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #df292b;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-energy:hover {
  color: #df292b;
  text-decoration: none;
}
.link-vapo-energy:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-energy {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-energy {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-energy {
    font-size: 11px;
  }
}
/** Vapo Energy **/
.main-section.vapo-energy {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-energy .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vapo-energy .text h2,
.main-section.vapo-energy .text h3,
.modal-gallery#modal-gallery-42 .modal-title {
  color: #df292b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-energy-txt.jpg");
}

.main-section.vapo-energy .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-energy .text h2::selection,
.main-section.vapo-energy .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #df292b;
}

.main-section.vapo-energy .text ul li span::selection {
  color: #fff;
  background: #df292b;
}

.main-section.vapo-energy .text ul li a::selection {
  color: #df292b;
  background: #fff;
}

.main-section.vapo-energy .text ul li::selection {
  color: #fff;
  background: #df292b;
}

.main-section.vapo-energy .text ul li:first-child::before {
  background: url("/images/eighty8/dna42.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-energy .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info42.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-energy .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila42.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-energy .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut42.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-energy .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon42.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Energy Variants */
.main-section.vapo-energy .text .variants .variant-content .content {
  background-color: #290909;
}

.main-section.vapo-energy .text .variants .variant-content::before,
.main-section.vapo-energy .text .variants .variant-content::after {
  background-color: #290909;
}

.main-section.vapo-energy .text .variants .variant-content:hover::after,
.main-section.vapo-energy .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #290909 0%, #df292b 22%, #290909 51%, #df292b 77%, #290909 100%);
}

.main-section.vapo-energy .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #290909 0%, #df292b 22%, #290909 51%, #df292b 77%, #290909 100%);
}

.main-section.vapo-energy .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #df292b;
}

.main-section.vapo-energy .text .variant-title,
.main-section.vapo-energy .text .variant-more {
  color: #df292b;
}

.vapo-energy .btn-addcart {
  background: #df292b url("/images/eighty8/btn-vapo-energy-bottom.svg") no-repeat bottom center;
}

.vapo-energy .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(223, 41, 43, 0.85);
}

.vapo-energy .come-soon {
  background-color: #290909;
}

.vapo-energy .come-soon span {
  text-shadow: 0 0 21px #df292b;
  color: #df292b;
}

@keyframes vapo-energy-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(223, 41, 43, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(223, 41, 43, 0);
  }
}
.vapo-energy .variants-highlighted ul li .variant-content .content {
  animation: vapo-energy-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-energy-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(223, 41, 43, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(223, 41, 43, 0);
    }
  }
}
/* END Vapo Energy Variants */
/* Vapo Energy Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-energy .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-energy .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-energy .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-energy {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-energy .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-energy .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-energy .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-energy {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-energy .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Vapo Energy Responsive */
/** END Vapo Energy **/
.link-vapo-chill {
  position: relative;
  color: #bf36d6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-chill::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #bf36d6;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-chill:hover {
  color: #bf36d6;
  text-decoration: none;
}
.link-vapo-chill:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-chill {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-chill {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-chill {
    font-size: 11px;
  }
}
/* Vapo Chill */
.main-section.vapo-chill {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vapo-chill .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vapo-chill .text > ul {
  max-width: 550px;
}

.main-section.vapo-chill .text h2,
.main-section.vapo-chill .text h3,
.modal-gallery#modal-gallery-43 .modal-title {
  color: #bf36d6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-chill-txt.jpg");
}

.main-section.vapo-chill .text h2::selection,
.main-section.vapo-chill .text h3::selection {
  background-color: #bf36d6;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-chill .text ul li::selection {
  color: #fff;
  background: #bf36d6;
}

.main-section.vapo-chill .text ul li span::selection {
  color: #fff;
  background: #bf36d6;
}

.main-section.vapo-chill .text ul li a::selection {
  color: #bf36d6;
  background: #fff;
}

.main-section.vapo-chill .text ul li:first-child::before {
  background: url("/images/eighty8/dna43.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-chill .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info43.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-chill .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila43.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-chill .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut43.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-chill .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon43.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-chill .text .variants .variant-content .content {
  background-color: #1f1130;
}

.main-section.vapo-chill .text .variants .variant-content::before,
.main-section.vapo-chill .text .variants .variant-content::after {
  background-color: #1f1130;
}

.main-section.vapo-chill .text .variants .variant-content:hover::after,
.main-section.vapo-chill .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1130 0%, #bf36d6 22%, #1f1130 50%, #bf36d6 78%, #1f1130 100%);
}

.main-section.vapo-chill .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1130 0%, #bf36d6 22%, #1f1130 50%, #bf36d6 78%, #1f1130 100%);
}

.main-section.vapo-chill .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-chill .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #7d36d6;
}

.main-section.vapo-chill .text .variant-title,
.main-section.vapo-chill .text .variant-more {
  color: #bf36d6;
}

.vapo-chill .btn-addcart {
  background: #7d36d6 url("/images/eighty8/btn-chill-bottom.svg") no-repeat bottom center;
}

.vapo-chill .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(125, 54, 214, 0.85);
}

@keyframes vapo-chill-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(125, 54, 214, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(125, 54, 214, 0);
  }
}
.vapo-chill .variants-highlighted ul li .variant-content .content {
  animation: vapo-chill-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-chill-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(125, 54, 214, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(125, 54, 214, 0);
    }
  }
}
/* Vapo Chill responsive */
@media (max-width: 1659px) {
  .main-section.vapo-chill {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-chill .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-chill {
    margin-top: -55px;
  }
  .main-section.vapo-chill .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-chill .image {
    width: 750px;
    left: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-chill {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vapo-chill .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-chill {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vapo-chill .image {
    width: 600px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-chill {
    margin-top: -100px;
  }
  .main-section.vapo-chill .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vapo-chill .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-chill {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-chill .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Vapo Chill responsive */
/* END Vapo Chill */
.link-vapo-focus {
  position: relative;
  color: #27bbd6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-focus::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #27bbd6;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-focus:hover {
  color: #27bbd6;
  text-decoration: none;
}
.link-vapo-focus:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-focus {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-focus {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-focus {
    font-size: 11px;
  }
}
/** Vapo Focus **/
.main-section.vapo-focus {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-focus .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vapo-focus .text h2,
.main-section.vapo-focus .text h3,
.modal-gallery#modal-gallery-44 .modal-title {
  color: #27bbd6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-focus-txt.jpg");
}

.main-section.vapo-focus .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-focus .text h2::selection,
.main-section.vapo-focus .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #27bbd6;
}

.main-section.vapo-focus .text ul li span::selection {
  color: #fff;
  background: #27bbd6;
}

.main-section.vapo-focus .text ul li a::selection {
  color: #27bbd6;
  background: #fff;
}

.main-section.vapo-focus .text ul li::selection {
  color: #fff;
  background: #27bbd6;
}

.main-section.vapo-focus .text ul li:first-child::before {
  background: url("/images/eighty8/dna44.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-focus .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info44.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-focus .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila44.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-focus .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut44.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-focus .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon44.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Focus Variants */
.main-section.vapo-focus .text .variants .variant-content .content {
  background-color: #041721;
}

.main-section.vapo-focus .text .variants .variant-content::before,
.main-section.vapo-focus .text .variants .variant-content::after {
  background-color: #041721;
}

.main-section.vapo-focus .text .variants .variant-content:hover::after,
.main-section.vapo-focus .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #041721 0%, #27bbd6 22%, #041721 51%, #27bbd6 77%, #041721 100%);
}

.main-section.vapo-focus .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #041721 0%, #27bbd6 22%, #041721 51%, #27bbd6 77%, #041721 100%);
}

.main-section.vapo-focus .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #27bbd6;
}

.main-section.vapo-focus .text .variant-title,
.main-section.vapo-focus .text .variant-more {
  color: #27bbd6;
}

.vapo-focus .btn-addcart {
  background: #27bbd6 url("/images/eighty8/btn-vapo-focus-bottom.svg") no-repeat bottom center;
}

.vapo-focus .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(39, 187, 214, 0.85);
}

.vapo-focus .come-soon {
  background-color: #041721;
}

.vapo-focus .come-soon span {
  text-shadow: 0 0 21px #27bbd6;
  color: #27bbd6;
}

@keyframes vapo-focus-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(39, 187, 214, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(39, 187, 214, 0);
  }
}
.vapo-focus .variants-highlighted ul li .variant-content .content {
  animation: vapo-focus-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-focus-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(39, 187, 214, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(39, 187, 214, 0);
    }
  }
}
/* END Vapo Focus Variants */
/* Vapo Focus Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-focus .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-focus .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-focus .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-focus {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-focus .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-focus .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-focus .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-focus {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-focus .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Vapo Focus Responsive */
/** END Vapo Focus **/
.link-vapo-mango {
  position: relative;
  color: #ff9300;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-mango::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff9300;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-mango:hover {
  color: #ff9300;
  text-decoration: none;
}
.link-vapo-mango:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-mango {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-mango {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-mango {
    font-size: 11px;
  }
}
/* Vapo Mango */
.main-section.vapo-mango {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vapo-mango .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vapo-mango .text > ul {
  max-width: 600px;
}

.main-section.vapo-mango .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.vapo-mango .text h2,
.main-section.vapo-mango .text h3,
.modal-gallery#modal-gallery-51 .modal-title {
  color: #ff9300;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-mango-txt.jpg");
}

.main-section.vapo-mango .text h2::selection,
.main-section.vapo-mango .text h3::selection {
  background-color: #ff9300;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-mango .text ul li::selection {
  color: #fff;
  background: #ff9300;
}

.main-section.vapo-mango .text ul li span::selection {
  color: #fff;
  background: #ff9300;
}

.main-section.vapo-mango .text ul li a::selection {
  color: #ff9300;
  background: #fff;
}

.main-section.vapo-mango .text ul li:first-child::before {
  background: url("/images/eighty8/dna51.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-mango .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info51.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-mango .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila51.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-mango .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut51.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-mango .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon51.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-mango .text .variants .variant-content .content {
  background-color: #391506;
}

.main-section.vapo-mango .text .variants .variant-content::before,
.main-section.vapo-mango .text .variants .variant-content::after {
  background-color: #391506;
}

.main-section.vapo-mango .text .variants .variant-content:hover::after,
.main-section.vapo-mango .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #391506 0%, #ff9300 22%, #391506 50%, #ff9300 78%, #391506 100%);
}

.main-section.vapo-mango .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #391506 0%, #ff9300 22%, #391506 50%, #ff9300 78%, #391506 100%);
}

.main-section.vapo-mango .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-mango .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff9300;
}

.main-section.vapo-mango .text .variant-title,
.main-section.vapo-mango .text .variant-more {
  color: #ff9300;
}

.vapo-mango .btn-addcart {
  background: #de4d0f url("/images/eighty8/btn-mango-bottom.svg") no-repeat bottom center;
}

.vapo-mango .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(222, 77, 15, 0.85);
}

.vapo-mango .come-soon {
  background-color: #391506;
}

.vapo-mango .come-soon span {
  text-shadow: 0 0 21px #ff9300;
  color: #ff9300;
}

@keyframes vapo-mango-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 147, 0, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 147, 0, 0);
  }
}
.vapo-mango .variants-highlighted ul li .variant-content .content {
  animation: vapo-mango-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-mango-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 147, 0, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 147, 0, 0);
    }
  }
}
/* Vapo Mango responsive */
@media (max-width: 1659px) {
  .main-section.vapo-mango {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-mango .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-mango {
    margin-top: -55px;
  }
  .main-section.vapo-mango .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-mango .image {
    width: 750px;
    left: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-mango {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vapo-mango .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-mango {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vapo-mango .image {
    width: 600px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-mango {
    margin-top: -100px;
  }
  .main-section.vapo-mango .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vapo-mango .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-mango {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-mango .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
  .main-section.vapo-mango .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Mango responsive */
/* END Vapo Mango */
.link-vapo-litchi {
  position: relative;
  color: #df0816;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-litchi::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #df0816;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-litchi:hover {
  color: #df0816;
  text-decoration: none;
}
.link-vapo-litchi:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-litchi {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-litchi {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-litchi {
    font-size: 11px;
  }
}
/** Vapo Litchi **/
.main-section.vapo-litchi {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-litchi .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vapo-litchi .text h2,
.main-section.vapo-litchi .text h3,
.modal-gallery#modal-gallery-52 .modal-title {
  color: #df0816;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-litchi-txt.jpg");
}

.main-section.vapo-litchi .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-litchi .text > ul {
  max-width: 600px;
}

.main-section.vapo-litchi .text h2::selection,
.main-section.vapo-litchi .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #df0816;
}

.main-section.vapo-litchi .text ul li span::selection {
  color: #fff;
  background: #df0816;
}

.main-section.vapo-litchi .text ul li a::selection {
  color: #df0816;
  background: #fff;
}

.main-section.vapo-litchi .text ul li::selection {
  color: #fff;
  background: #df0816;
}

.main-section.vapo-litchi .text ul li:first-child::before {
  background: url("/images/eighty8/dna52.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-litchi .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info52.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-litchi .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila52.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-litchi .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut52.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-litchi .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon52.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Litchi Variants */
.main-section.vapo-litchi .text .variants .variant-content .content {
  background-color: #240f10;
}

.main-section.vapo-litchi .text .variants .variant-content::before,
.main-section.vapo-litchi .text .variants .variant-content::after {
  background-color: #240f10;
}

.main-section.vapo-litchi .text .variants .variant-content:hover::after,
.main-section.vapo-litchi .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #240f10 0%, #df0816 22%, #240f10 51%, #df0816 77%, #240f10 100%);
}

.main-section.vapo-litchi .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #240f10 0%, #df0816 22%, #240f10 51%, #df0816 77%, #240f10 100%);
}

.main-section.vapo-litchi .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #df0816;
}

.main-section.vapo-litchi .text .variant-title,
.main-section.vapo-litchi .text .variant-more {
  color: #df0816;
}

.vapo-litchi .btn-addcart {
  background: #df0816 url("/images/eighty8/btn-vapo-litchi-bottom.svg") no-repeat bottom center;
}

.vapo-litchi .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(223, 8, 22, 0.85);
}

.vapo-litchi .come-soon {
  background-color: #240f10;
}

.vapo-litchi .come-soon span {
  text-shadow: 0 0 21px #df0816;
  color: #df0816;
}

@keyframes vapo-litchi-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(223, 8, 22, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(223, 8, 22, 0);
  }
}
.vapo-litchi .variants-highlighted ul li .variant-content .content {
  animation: vapo-litchi-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-litchi-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(223, 8, 22, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(223, 8, 22, 0);
    }
  }
}
/* END Vapo Litchi Variants */
/* Vapo Litchi Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-litchi .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-litchi .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-litchi .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-litchi {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-litchi .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-litchi .image {
    width: 600px;
    right: -80px;
  }
  .main-section.vapo-litchi {
    margin-top: -55px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-litchi .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-litchi {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-litchi .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
  .main-section.vapo-litchi .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Litchi Responsive */
/** END Vapo Litchi **/
.link-vapo-bubblegum {
  position: relative;
  color: #e43890;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-bubblegum::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e43890;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-bubblegum:hover {
  color: #e43890;
  text-decoration: none;
}
.link-vapo-bubblegum:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-bubblegum {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-bubblegum {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-bubblegum {
    font-size: 11px;
  }
}
/* Vapo Bubblegum */
.main-section.vapo-bubblegum {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vapo-bubblegum .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vapo-bubblegum .text > ul {
  max-width: 600px;
}

.main-section.vapo-bubblegum .text h2,
.main-section.vapo-bubblegum .text h3,
.modal-gallery#modal-gallery-55 .modal-title {
  color: #e43890;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-bubblegum-txt.jpg");
}

.main-section.vapo-bubblegum .text h2::selection,
.main-section.vapo-bubblegum .text h3::selection {
  background-color: #e43890;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-bubblegum .text ul li::selection {
  color: #fff;
  background: #e43890;
}

.main-section.vapo-bubblegum .text ul li span::selection {
  color: #fff;
  background: #e43890;
}

.main-section.vapo-bubblegum .text ul li a::selection {
  color: #e43890;
  background: #fff;
}

.main-section.vapo-bubblegum .text ul li:first-child::before {
  background: url("/images/eighty8/dna55.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-bubblegum .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info55.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-bubblegum .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila55.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-bubblegum .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut55.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-bubblegum .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon55.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-bubblegum .text .variants .variant-content .content {
  background-color: #26030c;
}

.main-section.vapo-bubblegum .text .variants .variant-content::before,
.main-section.vapo-bubblegum .text .variants .variant-content::after {
  background-color: #26030c;
}

.main-section.vapo-bubblegum .text .variants .variant-content:hover::after,
.main-section.vapo-bubblegum .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #26030c 0%, #e43890 22%, #26030c 50%, #e43890 78%, #26030c 100%);
}

.main-section.vapo-bubblegum .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #26030c 0%, #e43890 22%, #26030c 50%, #e43890 78%, #26030c 100%);
}

.main-section.vapo-bubblegum .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-bubblegum .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e43890;
}

.main-section.vapo-bubblegum .text .variant-title,
.main-section.vapo-bubblegum .text .variant-more {
  color: #c32575;
}

.vapo-bubblegum .btn-addcart {
  background: #c32575 url("/images/eighty8/btn-vapo-bubblegum-bottom.svg") no-repeat bottom center;
}

.vapo-bubblegum .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(228, 56, 144, 0.85);
}

.vapo-bubblegum .come-soon {
  background-color: #26030c;
}

.vapo-bubblegum .come-soon span {
  text-shadow: 0 0 21px #e43890;
  color: #e43890;
}

@keyframes vapo-bubblegum-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(228, 56, 144, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(228, 56, 144, 0);
  }
}
.vapo-bubblegum .variants-highlighted ul li .variant-content .content {
  animation: vapo-bubblegum-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-bubblegum-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(228, 56, 144, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(228, 56, 144, 0);
    }
  }
}
/* Vapo Bubblegum responsive */
@media (max-width: 1659px) {
  .main-section.vapo-bubblegum {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-bubblegum .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-bubblegum {
    margin-top: -55px;
  }
  .main-section.vapo-bubblegum .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-bubblegum .image {
    width: 750px;
    left: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-bubblegum {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vapo-bubblegum .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-bubblegum {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vapo-bubblegum .image {
    width: 600px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-bubblegum {
    margin-top: -100px;
  }
  .main-section.vapo-bubblegum .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vapo-bubblegum .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-bubblegum {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-bubblegum .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
  .main-section.vapo-bubblegum .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Bubblegum responsive */
/* END Vapo Bubblegum */
.link-vapo-cactus {
  position: relative;
  color: #94c240;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-cactus::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #94c240;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-cactus:hover {
  color: #94c240;
  text-decoration: none;
}
.link-vapo-cactus:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-cactus {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-cactus {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-cactus {
    font-size: 11px;
  }
}
/** Vapo Cactus **/
.main-section.vapo-cactus {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-cactus .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vapo-cactus .text h2,
.main-section.vapo-cactus .text h3,
.modal-gallery#modal-gallery-54 .modal-title {
  color: #94c240;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-cactus-txt.jpg");
}

.main-section.vapo-cactus .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-cactus .text > ul {
  max-width: 600px;
}

.main-section.vapo-cactus .text h2::selection,
.main-section.vapo-cactus .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #94c240;
}

.main-section.vapo-cactus .text ul li span::selection {
  color: #fff;
  background: #94c240;
}

.main-section.vapo-cactus .text ul li a::selection {
  color: #94c240;
  background: #fff;
}

.main-section.vapo-cactus .text ul li::selection {
  color: #fff;
  background: #94c240;
}

.main-section.vapo-cactus .text ul li:first-child::before {
  background: url("/images/eighty8/dna54.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-cactus .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info54.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-cactus .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila54.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-cactus .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut54.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-cactus .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon54.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Cactus Variants */
.main-section.vapo-cactus .text .variants .variant-content .content {
  background-color: #0e2704;
}

.main-section.vapo-cactus .text .variants .variant-content::before,
.main-section.vapo-cactus .text .variants .variant-content::after {
  background-color: #0e2704;
}

.main-section.vapo-cactus .text .variants .variant-content:hover::after,
.main-section.vapo-cactus .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #0e2704 0%, #94c240 22%, #0e2704 51%, #94c240 77%, #0e2704 100%);
}

.main-section.vapo-cactus .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #0e2704 0%, #94c240 22%, #0e2704 51%, #94c240 77%, #0e2704 100%);
}

.main-section.vapo-cactus .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #94c240;
}

.main-section.vapo-cactus .text .variant-title,
.main-section.vapo-cactus .text .variant-more {
  color: #94c240;
}

.vapo-cactus .btn-addcart {
  background: #427f27 url("/images/eighty8/btn-vapo-cactus-bottom.svg") no-repeat bottom center;
}

.vapo-cactus .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(66, 127, 39, 0.85);
}

.vapo-cactus .come-soon {
  background-color: #0e2704;
}

.vapo-cactus .come-soon span {
  text-shadow: 0 0 21px #94c240;
  color: #94c240;
}

@keyframes vapo-cactus-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(148, 194, 64, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(148, 194, 64, 0);
  }
}
.vapo-cactus .variants-highlighted ul li .variant-content .content {
  animation: vapo-cactus-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-cactus-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(148, 194, 64, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(148, 194, 64, 0);
    }
  }
}
/* END Vapo Cactus Variants */
/* Vapo Cactus Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-cactus .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-cactus .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-cactus .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-cactus {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-cactus .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-cactus .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-cactus .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-cactus {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-cactus .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
  .main-section.vapo-cactus .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Cactus Responsive */
/** END Vapo Cactus **/
.link-vapo-lemon {
  position: relative;
  color: #ffcc00;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-lemon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ffcc00;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-lemon:hover {
  color: #ffcc00;
  text-decoration: none;
}
.link-vapo-lemon:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-lemon {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-lemon {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-lemon {
    font-size: 11px;
  }
}
/** Vapo Lemon **/
.main-section.vapo-lemon {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-lemon .image {
  height: auto;
  top: -60px;
  left: 0;
}

.main-section.vapo-lemon .text h2,
.main-section.vapo-lemon .text h3,
.modal-gallery#modal-gallery-56 .modal-title {
  color: #ffcc00;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-lemon-txt.jpg");
}

.main-section.vapo-lemon .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-lemon .text > ul {
  max-width: 600px;
}

.main-section.vapo-lemon .text h2::selection,
.main-section.vapo-lemon .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ffcc00;
}

.main-section.vapo-lemon .text ul li span::selection {
  color: #fff;
  background: #ffcc00;
}

.main-section.vapo-lemon .text ul li a::selection {
  color: #ffcc00;
  background: #fff;
}

.main-section.vapo-lemon .text ul li::selection {
  color: #fff;
  background: #ffcc00;
}

.main-section.vapo-lemon .text ul li:first-child::before {
  background: url("/images/eighty8/dna56.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-lemon .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info56.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-lemon .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila56.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-lemon .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut56.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-lemon .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon56.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Lemon Variants */
.main-section.vapo-lemon .text .variants .variant-content .content {
  background-color: #271600;
}

.main-section.vapo-lemon .text .variants .variant-content::before,
.main-section.vapo-lemon .text .variants .variant-content::after {
  background-color: #271600;
}

.main-section.vapo-lemon .text .variants .variant-content:hover::after,
.main-section.vapo-lemon .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #271600 0%, #ffcc00 22%, #271600 51%, #ffcc00 77%, #271600 100%);
}

.main-section.vapo-lemon .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #271600 0%, #ffcc00 22%, #271600 51%, #ffcc00 77%, #271600 100%);
}

.main-section.vapo-lemon .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ffcc00;
}

.main-section.vapo-lemon .text .variant-title,
.main-section.vapo-lemon .text .variant-more {
  color: #ffcc00;
}

.vapo-lemon .btn-addcart {
  background: #fab300 url("/images/eighty8/btn-vapo-lemon-bottom.svg") no-repeat bottom center;
}

.vapo-lemon .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 204, 0, 0.85);
}

.vapo-lemon .come-soon {
  background-color: #271600;
}

.vapo-lemon .come-soon span {
  text-shadow: 0 0 21px #ffcc00;
  color: #ffcc00;
}

@keyframes vapo-lemon-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 204, 0, 0);
  }
}
.vapo-lemon .variants-highlighted ul li .variant-content .content {
  animation: vapo-lemon-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-lemon-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 204, 0, 0);
    }
  }
}
/* END Vapo Lemon Variants */
/* Vapo Lemon Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-lemon .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-lemon .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-lemon .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-lemon {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-lemon .image {
    width: 660px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-lemon .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-lemon .image {
    width: 420px;
    left: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-lemon {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-lemon .image {
    width: 290px;
    left: -42px;
    top: 0;
  }
  .main-section.vapo-lemon .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Lemon Responsive */
/** END Vapo Lemon **/
.link-vapo-cocos {
  position: relative;
  color: #e5cd87;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-cocos::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e5cd87;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-cocos:hover {
  color: #e5cd87;
  text-decoration: none;
}
.link-vapo-cocos:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-cocos {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-cocos {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-cocos {
    font-size: 11px;
  }
}
/* Vapo Cocos */
.main-section.vapo-cocos {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vapo-cocos .image {
  top: -60px;
  right: 0;
  height: auto;
}

.main-section.vapo-cocos .text > ul {
  max-width: 600px;
}

.main-section.vapo-cocos .text h2,
.main-section.vapo-cocos .text h3,
.modal-gallery#modal-gallery-53 .modal-title {
  color: #e5cd87;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-cocos-txt.jpg");
}

.main-section.vapo-cocos .text h2::selection,
.main-section.vapo-cocos .text h3::selection {
  background-color: #e5cd87;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-cocos .text ul li::selection {
  color: #fff;
  background: #e5cd87;
}

.main-section.vapo-cocos .text ul li span::selection {
  color: #fff;
  background: #e5cd87;
}

.main-section.vapo-cocos .text ul li a::selection {
  color: #e5cd87;
  background: #fff;
}

.main-section.vapo-cocos .text ul li:first-child::before {
  background: url("/images/eighty8/dna53.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-cocos .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info53.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-cocos .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila53.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-cocos .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut53.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-cocos .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon53.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-cocos .text .variants .variant-content .content {
  background-color: #211703;
}

.main-section.vapo-cocos .text .variants .variant-content::before,
.main-section.vapo-cocos .text .variants .variant-content::after {
  background-color: #211703;
}

.main-section.vapo-cocos .text .variants .variant-content:hover::after,
.main-section.vapo-cocos .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #211703 0%, #e5cd87 22%, #211703 50%, #e5cd87 78%, #211703 100%);
}

.main-section.vapo-cocos .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #211703 0%, #e5cd87 22%, #211703 50%, #e5cd87 78%, #211703 100%);
}

.main-section.vapo-cocos .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-cocos .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e5cd87;
}

.main-section.vapo-cocos .text .variant-title,
.main-section.vapo-cocos .text .variant-more {
  color: #e5cd87;
}

.vapo-cocos .btn-addcart {
  background: #e5cd87 url("/images/eighty8/btn-cocos-bottom.svg") no-repeat bottom center;
  color: #472b00;
}

.vapo-cocos .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(229, 205, 135, 0.85);
  color: #472b00;
}

.vapo-cocos .come-soon {
  background-color: #211703;
}

.vapo-cocos .come-soon span {
  text-shadow: 0 0 21px #e5cd87;
  color: #e5cd87;
}

@keyframes vapo-cocos-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(229, 205, 135, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(229, 205, 135, 0);
  }
}
.vapo-cocos .variants-highlighted ul li .variant-content .content {
  animation: vapo-cocos-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-cocos-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(229, 205, 135, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(229, 205, 135, 0);
    }
  }
}
/* Vapo Cocos responsive */
@media (max-width: 1659px) {
  .main-section.vapo-cocos {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-cocos .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-cocos {
    margin-top: -55px;
  }
  .main-section.vapo-cocos .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-cocos .image {
    width: 750px;
    right: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-cocos {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vapo-cocos .image {
    width: 660px;
    right: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-cocos {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vapo-cocos .image {
    width: 600px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-cocos {
    margin-top: -100px;
  }
  .main-section.vapo-cocos .image {
    width: 420px;
    right: -30px;
    top: 15px;
  }
  .main-section.vapo-cocos .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-cocos {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-cocos .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
  .main-section.vapo-cocos .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Cocos responsive */
/* END Vapo Cocos */
.link-vapo-chocolate {
  position: relative;
  color: #ff915d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-chocolate::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff915d;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-chocolate:hover {
  color: #ff915d;
  text-decoration: none;
}
.link-vapo-chocolate:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-chocolate {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-chocolate {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-chocolate {
    font-size: 11px;
  }
}
/** Vapo Chocolate **/
.main-section.vapo-chocolate {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vapo-chocolate .image {
  height: auto;
  top: -60px;
  left: 0;
}

.main-section.vapo-chocolate .text h2,
.main-section.vapo-chocolate .text h3,
.modal-gallery#modal-gallery-116 .modal-title {
  color: #ff915d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-chocolate-txt.jpg");
}

.main-section.vapo-chocolate .text {
  position: relative;
  z-index: 15;
}

.main-section.vapo-chocolate .text > ul {
  max-width: 600px;
}

.main-section.vapo-chocolate .text h2::selection,
.main-section.vapo-chocolate .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff915d;
}

.main-section.vapo-chocolate .text ul li span::selection {
  color: #fff;
  background: #ff915d;
}

.main-section.vapo-chocolate .text ul li a::selection {
  color: #ff915d;
  background: #fff;
}

.main-section.vapo-chocolate .text ul li::selection {
  color: #fff;
  background: #ff915d;
}

.main-section.vapo-chocolate .text ul li:first-child::before {
  background: url("/images/eighty8/dna116.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-chocolate .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info116.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-chocolate .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila116.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-chocolate .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut116.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-chocolate .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon116.png") no-repeat center;
  background-size: 95%;
}

/* Vapo Chocolate Variants */
.main-section.vapo-chocolate .text .variants .variant-content .content {
  background-color: #2e1b14;
}

.main-section.vapo-chocolate .text .variants .variant-content::before,
.main-section.vapo-chocolate .text .variants .variant-content::after {
  background-color: #2e1b14;
}

.main-section.vapo-chocolate .text .variants .variant-content:hover::after,
.main-section.vapo-chocolate .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #2e1b14 0%, #ff915d 22%, #2e1b14 51%, #ff915d 77%, #2e1b14 100%);
}

.main-section.vapo-chocolate .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #2e1b14 0%, #ff915d 22%, #2e1b14 51%, #ff915d 77%, #2e1b14 100%);
}

.main-section.vapo-chocolate .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff915d;
}

.main-section.vapo-chocolate .text .variant-title,
.main-section.vapo-chocolate .text .variant-more {
  color: #ff915d;
}

.vapo-chocolate .btn-addcart {
  background: #935232 url("/images/eighty8/btn-vapo-chocolate-bottom.svg") no-repeat bottom center;
}

.vapo-chocolate .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 145, 93, 0.85);
}

.vapo-chocolate .come-soon {
  background-color: #2e1b14;
}

.vapo-chocolate .come-soon span {
  text-shadow: 0 0 21px #ff915d;
  color: #ff915d;
}

@keyframes vapo-chocolate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 145, 93, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 145, 93, 0);
  }
}
.vapo-chocolate .variants-highlighted ul li .variant-content .content {
  animation: vapo-chocolate-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-chocolate-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 145, 93, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 145, 93, 0);
    }
  }
}
/* END Vapo Chocolate Variants */
/* Vapo Chocolate Responsive */
@media (max-width: 1659px) {
  .main-section.vapo-chocolate .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-chocolate .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-chocolate .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-chocolate {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vapo-chocolate .image {
    width: 660px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-chocolate .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-chocolate .image {
    width: 420px;
    left: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-chocolate {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vapo-chocolate .image {
    width: 290px;
    left: -42px;
    top: 0;
  }
  .main-section.vapo-chocolate .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Chocolate Responsive */
/** END Vapo Chocolate **/
.link-vapo-banana {
  position: relative;
  color: #ffcc00;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vapo-banana::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ffcc00;
  opacity: 1;
  transition: 0.3s all;
}
.link-vapo-banana:hover {
  color: #ffcc00;
  text-decoration: none;
}
.link-vapo-banana:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vapo-banana {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vapo-banana {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vapo-banana {
    font-size: 11px;
  }
}
/* Vapo Cocos */
.main-section.vapo-banana {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vapo-banana .image {
  top: -60px;
  right: 0;
  height: auto;
}

.main-section.vapo-banana .text > ul {
  max-width: 600px;
}

.main-section.vapo-banana .text h2,
.main-section.vapo-banana .text h3,
.modal-gallery#modal-gallery-117 .modal-title {
  color: #ffcc00;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vapo-banana-txt.jpg");
}

.main-section.vapo-banana .text h2::selection,
.main-section.vapo-banana .text h3::selection {
  background-color: #ffcc00;
  -webkit-text-fill-color: #fff;
}

.main-section.vapo-banana .text ul li::selection {
  color: #fff;
  background: #ffcc00;
}

.main-section.vapo-banana .text ul li span::selection {
  color: #fff;
  background: #ffcc00;
}

.main-section.vapo-banana .text ul li a::selection {
  color: #ffcc00;
  background: #fff;
}

.main-section.vapo-banana .text ul li:first-child::before {
  background: url("/images/eighty8/dna117.png") no-repeat center;
  background-size: 100%;
}

.main-section.vapo-banana .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info117.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-banana .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila117.png") no-repeat center;
  background-size: 85%;
}

.main-section.vapo-banana .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut117.png") no-repeat center;
  background-size: 90%;
}

.main-section.vapo-banana .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon117.png") no-repeat center;
  background-size: 95%;
}

.main-section.vapo-banana .text .variants .variant-content .content {
  background-color: #32230a;
}

.main-section.vapo-banana .text .variants .variant-content::before,
.main-section.vapo-banana .text .variants .variant-content::after {
  background-color: #32230a;
}

.main-section.vapo-banana .text .variants .variant-content:hover::after,
.main-section.vapo-banana .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #32230a 0%, #ffcc00 22%, #32230a 50%, #ffcc00 78%, #32230a 100%);
}

.main-section.vapo-banana .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #32230a 0%, #ffcc00 22%, #32230a 50%, #ffcc00 78%, #32230a 100%);
}

.main-section.vapo-banana .text .variants input:checked + label .variant-content .variant-title,
.main-section.vapo-banana .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ffcc00;
}

.main-section.vapo-banana .text .variant-title,
.main-section.vapo-banana .text .variant-more {
  color: #ffcc00;
}

.vapo-banana .btn-addcart {
  background: #f2b303 url("/images/eighty8/btn-vapo-banana-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.vapo-banana .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 204, 0, 0.85);
  color: #fff;
}

.vapo-banana .come-soon {
  background-color: #32230a;
}

.vapo-banana .come-soon span {
  text-shadow: 0 0 21px #ffcc00;
  color: #ffcc00;
}

@keyframes vapo-banana-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 204, 0, 0);
  }
}
.vapo-banana .variants-highlighted ul li .variant-content .content {
  animation: vapo-banana-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vapo-banana-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 204, 0, 0);
    }
  }
}
/* Vapo Cocos responsive */
@media (max-width: 1659px) {
  .main-section.vapo-banana {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vapo-banana .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vapo-banana {
    margin-top: -55px;
  }
  .main-section.vapo-banana .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vapo-banana .image {
    width: 750px;
    right: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vapo-banana {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -55px;
  }
  .main-section.vapo-banana .image {
    width: 660px;
    right: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vapo-banana {
    padding-bottom: 35px;
  }
  .main-section.vapo-banana .image {
    width: 600px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vapo-banana {
    margin-top: 0;
  }
  .main-section.vapo-banana .image {
    width: 420px;
    right: -30px;
    top: 15px;
  }
  .main-section.vapo-banana .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vapo-banana {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vapo-banana .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
  .main-section.vapo-banana .text > ul {
    max-width: 180px;
  }
}
/* END Vapo Cocos responsive */
/* END Vapo Cocos */
.link-bubble-hash {
  position: relative;
  color: #feca27;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-bubble-hash::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #feca27;
  opacity: 1;
  transition: 0.3s all;
}
.link-bubble-hash:hover {
  color: #feca27;
  text-decoration: none;
}
.link-bubble-hash:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-bubble-hash {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-bubble-hash {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-bubble-hash {
    font-size: 11px;
  }
}
/* Bubble Hash */
.main-section.bubble-hash {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.bubble-hash .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.bubble-hash .text > ul {
  max-width: 550px;
}

.main-section.bubble-hash .text h2,
.main-section.bubble-hash .text h3,
.modal-gallery#modal-gallery-45 .modal-title {
  color: #feca27;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/bubble-hash-txt.jpg");
}

.main-section.bubble-hash .text h2::selection,
.main-section.bubble-hash .text h3::selection {
  background-color: #feca27;
  -webkit-text-fill-color: #fff;
}

.main-section.bubble-hash .text ul li::selection {
  color: #fff;
  background: #feca27;
}

.main-section.bubble-hash .text ul li span::selection {
  color: #fff;
  background: #feca27;
}

.main-section.bubble-hash .text ul li a::selection {
  color: #feca27;
  background: #fff;
}

.main-section.bubble-hash .text ul li:first-child::before {
  background: url("/images/eighty8/dna45.png") no-repeat center;
  background-size: 100%;
}

.main-section.bubble-hash .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune45.png") no-repeat center;
  background-size: 90%;
}

.main-section.bubble-hash .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila45.png") no-repeat center;
  background-size: 85%;
}

.main-section.bubble-hash .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni45.png") no-repeat center;
  background-size: 90%;
}

.main-section.bubble-hash .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon45.png") no-repeat center;
  background-size: 95%;
}

.main-section.bubble-hash .text .variants .variant-content .content {
  background-color: #2f1d01;
}

.main-section.bubble-hash .text .variants .variant-content::before,
.main-section.bubble-hash .text .variants .variant-content::after {
  background-color: #2f1d01;
}

.main-section.bubble-hash .text .variants .variant-content:hover::after,
.main-section.bubble-hash .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #2f1d01 0%, #feca27 22%, #2f1d01 50%, #feca27 78%, #2f1d01 100%);
}

.main-section.bubble-hash .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #2f1d01 0%, #feca27 22%, #2f1d01 50%, #feca27 78%, #2f1d01 100%);
}

.main-section.bubble-hash .text .variants input:checked + label .variant-content .variant-title,
.main-section.bubble-hash .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #feca27;
}

.main-section.bubble-hash .text .variant-title,
.main-section.bubble-hash .text .variant-more {
  color: #feca27;
}

.bubble-hash .btn-addcart {
  background: #feca27 url("/images/eighty8/btn-bubble-hash-bottom.svg") no-repeat bottom center;
}

.bubble-hash .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(254, 202, 39, 0.85);
}

@keyframes bubble-hash-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 202, 39, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(254, 202, 39, 0);
  }
}
.bubble-hash .variants-highlighted ul li .variant-content .content {
  animation: bubble-hash-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes bubble-hash-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(254, 202, 39, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(254, 202, 39, 0);
    }
  }
}
/* Bubble Hash responsive */
@media (max-width: 1659px) {
  .main-section.bubble-hash {
    padding-top: 0px;
    padding-bottom: 50px;
    margin-top: -30px;
  }
  .main-section.bubble-hash .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.bubble-hash {
    margin-top: -25px;
  }
  .main-section.bubble-hash .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.bubble-hash .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.bubble-hash {
    padding-top: 25px;
    padding-bottom: 30px;
    margin-top: -40px;
  }
  .main-section.bubble-hash .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.bubble-hash {
    margin-top: -45px;
    padding-bottom: 30px;
  }
  .main-section.bubble-hash .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.bubble-hash .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.bubble-hash .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.bubble-hash {
    margin-top: 35px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.bubble-hash .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Bubble Hash responsive */
/* END Bubble Hash */
.link-dry-sift {
  position: relative;
  color: #29b8f6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-dry-sift::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #29b8f6;
  opacity: 1;
  transition: 0.3s all;
}
.link-dry-sift:hover {
  color: #29b8f6;
  text-decoration: none;
}
.link-dry-sift:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-dry-sift {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-dry-sift {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-dry-sift {
    font-size: 11px;
  }
}
/** Dry Sift **/
.main-section.dry-sift {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.dry-sift .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.dry-sift .text h2,
.main-section.dry-sift .text h3,
.modal-gallery#modal-gallery-46 .modal-title {
  color: #29b8f6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/dry-sift-txt.jpg");
}

.main-section.dry-sift .text {
  position: relative;
  z-index: 15;
}

.main-section.dry-sift .text h2::selection,
.main-section.dry-sift .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #29b8f6;
}

.main-section.dry-sift .text ul li span::selection {
  color: #fff;
  background: #29b8f6;
}

.main-section.dry-sift .text ul li a::selection {
  color: #29b8f6;
  background: #fff;
}

.main-section.dry-sift .text ul li::selection {
  color: #fff;
  background: #29b8f6;
}

.main-section.dry-sift .text ul li:first-child::before {
  background: url("/images/eighty8/dna46.png") no-repeat center;
  background-size: 100%;
}

.main-section.dry-sift .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune46.png") no-repeat center;
  background-size: 90%;
}

.main-section.dry-sift .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila46.png") no-repeat center;
  background-size: 90%;
}

.main-section.dry-sift .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni46.png") no-repeat center;
  background-size: 95%;
}

.main-section.dry-sift .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon46.png") no-repeat center;
  background-size: 95%;
}

/* Dry Sift Variants */
.main-section.dry-sift .text .variants .variant-content .content {
  background-color: #002539;
}

.main-section.dry-sift .text .variants .variant-content::before,
.main-section.dry-sift .text .variants .variant-content::after {
  background-color: #002539;
}

.main-section.dry-sift .text .variants .variant-content:hover::after,
.main-section.dry-sift .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #002539 0%, #29b8f6 22%, #002539 51%, #29b8f6 77%, #002539 100%);
}

.main-section.dry-sift .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #002539 0%, #29b8f6 22%, #002539 51%, #29b8f6 77%, #002539 100%);
}

.main-section.dry-sift .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #29b8f6;
}

.main-section.dry-sift .text .variant-title,
.main-section.dry-sift .text .variant-more {
  color: #29b8f6;
}

.dry-sift .btn-addcart {
  background: #24a5dd url("/images/eighty8/btn-dry-sift-bottom.svg") no-repeat bottom center;
}

.dry-sift .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(41, 184, 246, 0.85);
}

.dry-sift .come-soon {
  background-color: #002539;
}

.dry-sift .come-soon span {
  text-shadow: 0 0 21px #29b8f6;
  color: #29b8f6;
}

@keyframes dry-sift-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(41, 184, 246, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(41, 184, 246, 0);
  }
}
.dry-sift .variants-highlighted ul li .variant-content .content {
  animation: dry-sift-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes dry-sift-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(41, 184, 246, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(41, 184, 246, 0);
    }
  }
}
/* END Dry Sift Variants */
/* Dry Sift Responsive */
@media (max-width: 1659px) {
  .main-section.dry-sift .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.dry-sift .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.dry-sift .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.dry-sift {
    padding-top: 25px;
    padding-bottom: 45px;
    margin-top: -20px;
  }
  .main-section.dry-sift .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.dry-sift .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.dry-sift .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.dry-sift {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.dry-sift .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Dry Sift Responsive */
/** END Dry Sift **/
.link-rosin-hash {
  position: relative;
  color: #ff60a6;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-rosin-hash::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff60a6;
  opacity: 1;
  transition: 0.3s all;
}
.link-rosin-hash:hover {
  color: #ff60a6;
  text-decoration: none;
}
.link-rosin-hash:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-rosin-hash {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-rosin-hash {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-rosin-hash {
    font-size: 11px;
  }
}
/* Rosin Hash */
.main-section.rosin-hash {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.rosin-hash .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.rosin-hash .text > ul {
  max-width: 550px;
}

.main-section.rosin-hash .text h2,
.main-section.rosin-hash .text h3,
.modal-gallery#modal-gallery-47 .modal-title {
  color: #ff60a6;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/rosin-hash-txt.jpg");
}

.main-section.rosin-hash .text h2::selection,
.main-section.rosin-hash .text h3::selection {
  background-color: #ff60a6;
  -webkit-text-fill-color: #fff;
}

.main-section.rosin-hash .text ul li::selection {
  color: #fff;
  background: #ff60a6;
}

.main-section.rosin-hash .text ul li span::selection {
  color: #fff;
  background: #ff60a6;
}

.main-section.rosin-hash .text ul li a::selection {
  color: #ff60a6;
  background: #fff;
}

.main-section.rosin-hash .text ul li:first-child::before {
  background: url("/images/eighty8/dna47.png") no-repeat center;
  background-size: 100%;
}

.main-section.rosin-hash .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune47.png") no-repeat center;
  background-size: 90%;
}

.main-section.rosin-hash .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila47.png") no-repeat center;
  background-size: 85%;
}

.main-section.rosin-hash .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni47.png") no-repeat center;
  background-size: 90%;
}

.main-section.rosin-hash .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon47.png") no-repeat center;
  background-size: 95%;
}

.main-section.rosin-hash .text .variants .variant-content .content {
  background-color: #32082b;
}

.main-section.rosin-hash .text .variants .variant-content::before,
.main-section.rosin-hash .text .variants .variant-content::after {
  background-color: #32082b;
}

.main-section.rosin-hash .text .variants .variant-content:hover::after,
.main-section.rosin-hash .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #32082b 0%, #ff60a6 22%, #32082b 50%, #ff60a6 78%, #32082b 100%);
}

.main-section.rosin-hash .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #32082b 0%, #ff60a6 22%, #32082b 50%, #ff60a6 78%, #32082b 100%);
}

.main-section.rosin-hash .text .variants input:checked + label .variant-content .variant-title,
.main-section.rosin-hash .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff60a6;
}

.main-section.rosin-hash .text .variant-title,
.main-section.rosin-hash .text .variant-more {
  color: #ff60a6;
}

.rosin-hash .btn-addcart {
  background: #dd4688 url("/images/eighty8/btn-rosin-hash-bottom.svg") no-repeat bottom center;
}

.rosin-hash .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 96, 166, 0.85);
}

@keyframes rosin-hash-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 96, 166, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 96, 166, 0);
  }
}
.rosin-hash .variants-highlighted ul li .variant-content .content {
  animation: rosin-hash-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes rosin-hash-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 96, 166, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 96, 166, 0);
    }
  }
}
/* Rosin Hash responsive */
@media (max-width: 1659px) {
  .main-section.rosin-hash {
    padding-top: 0px;
    padding-bottom: 50px;
    margin-top: -30px;
  }
  .main-section.rosin-hash .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.rosin-hash {
    margin-top: -25px;
  }
  .main-section.rosin-hash .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.rosin-hash .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.rosin-hash {
    padding-top: 25px;
    padding-bottom: 30px;
    margin-top: -40px;
  }
  .main-section.rosin-hash .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.rosin-hash {
    margin-top: -45px;
    padding-bottom: 30px;
  }
  .main-section.rosin-hash .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.rosin-hash .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.rosin-hash .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.rosin-hash {
    margin-top: 20px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.rosin-hash .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Rosin Hash responsive */
/* END Rosin Hash */
.link-honey-wax {
  position: relative;
  color: #ff492c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-honey-wax::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff492c;
  opacity: 1;
  transition: 0.3s all;
}
.link-honey-wax:hover {
  color: #ff492c;
  text-decoration: none;
}
.link-honey-wax:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-honey-wax {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-honey-wax {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-honey-wax {
    font-size: 11px;
  }
}
/** Honey wax **/
.main-section.honey-wax {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.honey-wax .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.honey-wax .text h2,
.main-section.honey-wax .text h3,
.modal-gallery#modal-gallery-48 .modal-title {
  color: #ff492c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/honey-wax-txt.jpg");
}

.main-section.honey-wax .text {
  position: relative;
  z-index: 15;
}

.main-section.honey-wax .text h2::selection,
.main-section.honey-wax .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff492c;
}

.main-section.honey-wax .text ul li span::selection {
  color: #fff;
  background: #ff492c;
}

.main-section.honey-wax .text ul li a::selection {
  color: #ff492c;
  background: #fff;
}

.main-section.honey-wax .text ul li::selection {
  color: #fff;
  background: #ff492c;
}

.main-section.honey-wax .text ul li:first-child::before {
  background: url("/images/eighty8/dna48.png") no-repeat center;
  background-size: 100%;
}

.main-section.honey-wax .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune48.png") no-repeat center;
  background-size: 90%;
}

.main-section.honey-wax .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila48.png") no-repeat center;
  background-size: 90%;
}

.main-section.honey-wax .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni48.png") no-repeat center;
  background-size: 95%;
}

.main-section.honey-wax .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon48.png") no-repeat center;
  background-size: 95%;
}

/* Honey wax Variants */
.main-section.honey-wax .text .variants .variant-content .content {
  background-color: #3b0f0b;
}

.main-section.honey-wax .text .variants .variant-content::before,
.main-section.honey-wax .text .variants .variant-content::after {
  background-color: #3b0f0b;
}

.main-section.honey-wax .text .variants .variant-content:hover::after,
.main-section.honey-wax .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3b0f0b 0%, #ff492c 22%, #3b0f0b 51%, #ff492c 77%, #3b0f0b 100%);
}

.main-section.honey-wax .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3b0f0b 0%, #ff492c 22%, #3b0f0b 51%, #ff492c 77%, #3b0f0b 100%);
}

.main-section.honey-wax .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff492c;
}

.main-section.honey-wax .text .variant-title,
.main-section.honey-wax .text .variant-more {
  color: #ff492c;
}

.honey-wax .btn-addcart {
  background: #e92f1b url("/images/eighty8/btn-honey-wax-bottom.svg") no-repeat bottom center;
}

.honey-wax .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 73, 44, 0.85);
}

.honey-wax .come-soon {
  background-color: #3b0f0b;
}

.honey-wax .come-soon span {
  text-shadow: 0 0 21px #ff492c;
  color: #ff492c;
}

@keyframes honey-wax-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 73, 44, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 73, 44, 0);
  }
}
.honey-wax .variants-highlighted ul li .variant-content .content {
  animation: honey-wax-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes honey-wax-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 73, 44, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 73, 44, 0);
    }
  }
}
/* END Honey wax Variants */
/* Honey wax Responsive */
@media (max-width: 1659px) {
  .main-section.honey-wax .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.honey-wax .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.honey-wax .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.honey-wax {
    padding-top: 25px;
    padding-bottom: 45px;
    margin-top: -20px;
  }
  .main-section.honey-wax .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.honey-wax .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.honey-wax .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.honey-wax {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.honey-wax .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Honey wax Responsive */
/** END Honey wax **/
.link-crumble {
  position: relative;
  color: #98d530;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-crumble::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #98d530;
  opacity: 1;
  transition: 0.3s all;
}
.link-crumble:hover {
  color: #98d530;
  text-decoration: none;
}
.link-crumble:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-crumble {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-crumble {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-crumble {
    font-size: 11px;
  }
}
/* Crumble */
.main-section.crumble {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.crumble .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.crumble .text > ul {
  max-width: 550px;
}

.main-section.crumble .text h2 {
  line-height: 0.9;
  display: block;
}
@media (min-width: 768px) {
  .main-section.crumble .text h2 {
    margin-bottom: -0.5rem;
  }
}

.main-section.crumble .text h2,
.main-section.crumble .text h3,
.modal-gallery#modal-gallery-49 .modal-title {
  color: #98d530;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/crumble-txt.jpg");
}

.main-section.crumble .text h2::selection,
.main-section.crumble .text h3::selection {
  background-color: #98d530;
  -webkit-text-fill-color: #fff;
}

.main-section.crumble .text ul li::selection {
  color: #fff;
  background: #98d530;
}

.main-section.crumble .text ul li span::selection {
  color: #fff;
  background: #98d530;
}

.main-section.crumble .text ul li a::selection {
  color: #98d530;
  background: #fff;
}

.main-section.crumble .text ul li:first-child::before {
  background: url("/images/eighty8/dna49.png") no-repeat center;
  background-size: 100%;
}

.main-section.crumble .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune49.png") no-repeat center;
  background-size: 90%;
}

.main-section.crumble .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila49.png") no-repeat center;
  background-size: 85%;
}

.main-section.crumble .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni49.png") no-repeat center;
  background-size: 90%;
}

.main-section.crumble .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon49.png") no-repeat center;
  background-size: 95%;
}

.main-section.crumble .text .variants .variant-content .content {
  background-color: #04210c;
}

.main-section.crumble .text .variants .variant-content::before,
.main-section.crumble .text .variants .variant-content::after {
  background-color: #04210c;
}

.main-section.crumble .text .variants .variant-content:hover::after,
.main-section.crumble .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #04210c 0%, #98d530 22%, #04210c 50%, #98d530 78%, #04210c 100%);
}

.main-section.crumble .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #04210c 0%, #98d530 22%, #04210c 50%, #98d530 78%, #04210c 100%);
}

.main-section.crumble .text .variants input:checked + label .variant-content .variant-title,
.main-section.crumble .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #98d530;
}

.main-section.crumble .text .variant-title,
.main-section.crumble .text .variant-more {
  color: #98d530;
}

.crumble .btn-addcart {
  background: #86b92e url("/images/eighty8/btn-crumble-bottom.svg") no-repeat bottom center;
}

.crumble .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(152, 213, 48, 0.85);
}

@keyframes crumble-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(152, 213, 48, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(152, 213, 48, 0);
  }
}
.crumble .variants-highlighted ul li .variant-content .content {
  animation: crumble-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes crumble-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(152, 213, 48, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(152, 213, 48, 0);
    }
  }
}
/* Crumble responsive */
@media (max-width: 1659px) {
  .main-section.crumble {
    padding-top: 0px;
    padding-bottom: 50px;
    margin-top: -30px;
  }
  .main-section.crumble .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.crumble {
    margin-top: -25px;
  }
  .main-section.crumble .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.crumble .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.crumble {
    padding-top: 25px;
    padding-bottom: 30px;
    margin-top: -40px;
  }
  .main-section.crumble .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.crumble {
    margin-top: -45px;
    padding-bottom: 30px;
  }
  .main-section.crumble .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.crumble .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.crumble .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.crumble {
    margin-top: 20px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.crumble .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Crumble responsive */
/* END Crumble */
.link-budder {
  position: relative;
  color: #ca7ded;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-budder::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ca7ded;
  opacity: 1;
  transition: 0.3s all;
}
.link-budder:hover {
  color: #ca7ded;
  text-decoration: none;
}
.link-budder:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-budder {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-budder {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-budder {
    font-size: 11px;
  }
}
/** BUDDER **/
.main-section.budder {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.budder .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.budder .text h2,
.main-section.budder .text h3,
.modal-gallery#modal-gallery-50 .modal-title {
  color: #ca7ded;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/budder-txt.jpg");
}

.main-section.budder .text {
  position: relative;
  z-index: 15;
}

.main-section.budder .text h2::selection,
.main-section.budder .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ca7ded;
}

.main-section.budder .text ul li span::selection {
  color: #fff;
  background: #ca7ded;
}

.main-section.budder .text ul li a::selection {
  color: #ca7ded;
  background: #fff;
}

.main-section.budder .text ul li::selection {
  color: #fff;
  background: #ca7ded;
}

.main-section.budder .text ul li:first-child::before {
  background: url("/images/eighty8/dna50.png") no-repeat center;
  background-size: 100%;
}

.main-section.budder .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/vune50.png") no-repeat center;
  background-size: 90%;
}

.main-section.budder .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila50.png") no-repeat center;
  background-size: 90%;
}

.main-section.budder .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni50.png") no-repeat center;
  background-size: 95%;
}

.main-section.budder .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon50.png") no-repeat center;
  background-size: 95%;
}

/* BUDDER Variants */
.main-section.budder .text .variants .variant-content .content {
  background-color: #300832;
}

.main-section.budder .text .variants .variant-content::before,
.main-section.budder .text .variants .variant-content::after {
  background-color: #300832;
}

.main-section.budder .text .variants .variant-content:hover::after,
.main-section.budder .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #300832 0%, #ca7ded 22%, #300832 51%, #ca7ded 77%, #300832 100%);
}

.main-section.budder .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #300832 0%, #ca7ded 22%, #300832 51%, #ca7ded 77%, #300832 100%);
}

.main-section.budder .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ca7ded;
}

.main-section.budder .text .variant-title,
.main-section.budder .text .variant-more {
  color: #ca7ded;
}

.budder .btn-addcart {
  background: #aa54d1 url("/images/eighty8/btn-budder-bottom.svg") no-repeat bottom center;
}

.budder .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(202, 125, 237, 0.85);
}

.budder .come-soon {
  background-color: #300832;
}

.budder .come-soon span {
  text-shadow: 0 0 21px #ca7ded;
  color: #ca7ded;
}

@keyframes budder-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(202, 125, 237, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(202, 125, 237, 0);
  }
}
.budder .variants-highlighted ul li .variant-content .content {
  animation: budder-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes budder-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(202, 125, 237, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(202, 125, 237, 0);
    }
  }
}
/* END BUDDER Variants */
/* BUDDER Responsive */
@media (max-width: 1659px) {
  .main-section.budder .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.budder .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.budder .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.budder {
    padding-top: 25px;
    padding-bottom: 45px;
    margin-top: -20px;
  }
  .main-section.budder .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.budder .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.budder .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.budder {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.budder .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END BUDDER Responsive */
/** END BUDDER **/
.link-hhc-dab {
  position: relative;
  color: #e9802f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-hhc-dab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e9802f;
  opacity: 1;
  transition: 0.3s all;
}
.link-hhc-dab:hover {
  color: #e9802f;
  text-decoration: none;
}
.link-hhc-dab:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-hhc-dab {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-hhc-dab {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-hhc-dab {
    font-size: 11px;
  }
}
/* HHC Dab */
.main-section.hhc-dab {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.hhc-dab .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.hhc-dab .text > ul {
  max-width: 550px;
}

.main-section.hhc-dab .text h2,
.main-section.hhc-dab .text h3,
.modal-gallery#modal-gallery-57 .modal-title {
  color: #e9802f;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/hhc-dab-txt.jpg");
}

.main-section.hhc-dab .text h2::selection,
.main-section.hhc-dab .text h3::selection {
  background-color: #e9802f;
  -webkit-text-fill-color: #fff;
}

.main-section.hhc-dab .text ul li::selection {
  color: #fff;
  background: #e9802f;
}

.main-section.hhc-dab .text ul li span::selection {
  color: #fff;
  background: #e9802f;
}

.main-section.hhc-dab .text ul li a::selection {
  color: #e9802f;
  background: #fff;
}

.main-section.hhc-dab .text ul li:first-child::before {
  background: url("/images/eighty8/info57.png") no-repeat center;
  background-size: 90%;
}

.main-section.hhc-dab .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila57.png") no-repeat center;
  background-size: 85%;
}

.main-section.hhc-dab .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune57.png") no-repeat center;
  background-size: 90%;
}

.main-section.hhc-dab .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni57.png") no-repeat center;
  background-size: 90%;
}

.main-section.hhc-dab .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon57.png") no-repeat center;
  background-size: 95%;
}

.main-section.hhc-dab .text .variants .variant-content .content {
  background-color: #211104;
}

.main-section.hhc-dab .text .variants .variant-content::before,
.main-section.hhc-dab .text .variants .variant-content::after {
  background-color: #211104;
}

.main-section.hhc-dab .text .variants .variant-content:hover::after,
.main-section.hhc-dab .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #211104 0%, #e9802f 22%, #211104 50%, #e9802f 78%, #211104 100%);
}

.main-section.hhc-dab .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #211104 0%, #e9802f 22%, #211104 50%, #e9802f 78%, #211104 100%);
}

.main-section.hhc-dab .text .variants input:checked + label .variant-content .variant-title,
.main-section.hhc-dab .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e9802f;
}

.main-section.hhc-dab .text .variant-title,
.main-section.hhc-dab .text .variant-more {
  color: #e9802f;
}

.hhc-dab .btn-addcart {
  background: #e9802f url("/images/eighty8/btn-hhc-dab-bottom.svg") no-repeat bottom center;
}

.hhc-dab .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(233, 128, 47, 0.85);
}

@keyframes hhc-dab-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(233, 128, 47, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(233, 128, 47, 0);
  }
}
.hhc-dab .variants-highlighted ul li .variant-content .content {
  animation: hhc-dab-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes hhc-dab-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(233, 128, 47, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(233, 128, 47, 0);
    }
  }
}
/* HHC Dab responsive */
@media (max-width: 1659px) {
  .main-section.hhc-dab {
    padding-top: 0px;
    padding-bottom: 50px;
    margin-top: -30px;
  }
  .main-section.hhc-dab .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.hhc-dab {
    margin-top: -25px;
  }
  .main-section.hhc-dab .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.hhc-dab .image {
    width: 750px;
    left: 0;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.hhc-dab {
    padding-top: 25px;
    padding-bottom: 30px;
    margin-top: -40px;
  }
  .main-section.hhc-dab .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.hhc-dab {
    margin-top: -45px;
    padding-bottom: 30px;
  }
  .main-section.hhc-dab .image {
    width: 600px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.hhc-dab .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.hhc-dab .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.hhc-dab {
    margin-top: 20px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.hhc-dab .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END HHC Dab responsive */
/* END HHC Dab */
.link-hhc-hashish {
  position: relative;
  color: #dba55c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-hhc-hashish::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #dba55c;
  opacity: 1;
  transition: 0.3s all;
}
.link-hhc-hashish:hover {
  color: #dba55c;
  text-decoration: none;
}
.link-hhc-hashish:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-hhc-hashish {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-hhc-hashish {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-hhc-hashish {
    font-size: 11px;
  }
}
/** HHC Hashish **/
.main-section.hhc-hashish {
  padding-top: 0;
  padding-bottom: 55px;
  margin-top: 0;
}
.main-section.hhc-hashish .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.hhc-hashish .text h2,
.main-section.hhc-hashish .text h3,
.modal-gallery#modal-gallery-58 .modal-title {
  color: #dba55c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/hhc-hashish-txt.jpg");
}

.main-section.hhc-hashish .text {
  position: relative;
  z-index: 15;
}

.main-section.hhc-hashish .text h2::selection,
.main-section.hhc-hashish .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #dba55c;
}

.main-section.hhc-hashish .text ul li span::selection {
  color: #fff;
  background: #dba55c;
}

.main-section.hhc-hashish .text ul li a::selection {
  color: #dba55c;
  background: #fff;
}

.main-section.hhc-hashish .text ul li::selection {
  color: #fff;
  background: #dba55c;
}

.main-section.hhc-hashish .text ul li:first-child::before {
  background: url("/images/eighty8/info58.png") no-repeat center;
  background-size: 100%;
}

.main-section.hhc-hashish .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila58.png") no-repeat center;
  background-size: 90%;
}

.main-section.hhc-hashish .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune58.png") no-repeat center;
  background-size: 90%;
}

.main-section.hhc-hashish .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni58.png") no-repeat center;
  background-size: 95%;
}

.main-section.hhc-hashish .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon58.png") no-repeat center;
  background-size: 95%;
}

/* HHC Hashish Variants */
.main-section.hhc-hashish .text .variants .variant-content .content {
  background-color: #211504;
}

.main-section.hhc-hashish .text .variants .variant-content::before,
.main-section.hhc-hashish .text .variants .variant-content::after {
  background-color: #211504;
}

.main-section.hhc-hashish .text .variants .variant-content:hover::after,
.main-section.hhc-hashish .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #211504 0%, #dba55c 22%, #211504 51%, #dba55c 77%, #211504 100%);
}

.main-section.hhc-hashish .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #211504 0%, #dba55c 22%, #211504 51%, #dba55c 77%, #211504 100%);
}

.main-section.hhc-hashish .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #dba55c;
}

.main-section.hhc-hashish .text .variant-title,
.main-section.hhc-hashish .text .variant-more {
  color: #dba55c;
}

.hhc-hashish .btn-addcart {
  background: #dba55c url("/images/eighty8/btn-hhc-hashish-bottom.svg") no-repeat bottom center;
}

.hhc-hashish .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(219, 165, 92, 0.85);
}

.hhc-hashish .come-soon {
  background-color: #211504;
}

.hhc-hashish .come-soon span {
  text-shadow: 0 0 21px #dba55c;
  color: #dba55c;
}

@keyframes hhc-hashish-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(219, 165, 92, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(219, 165, 92, 0);
  }
}
.hhc-hashish .variants-highlighted ul li .variant-content .content {
  animation: hhc-hashish-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes hhc-hashish-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(219, 165, 92, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(219, 165, 92, 0);
    }
  }
}
/* END HHC Hashish Variants */
/* HHC Hashish Responsive */
@media (max-width: 1659px) {
  .main-section.hhc-hashish .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.hhc-hashish .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.hhc-hashish .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.hhc-hashish {
    padding-top: 25px;
    padding-bottom: 45px;
    margin-top: -20px;
  }
  .main-section.hhc-hashish .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.hhc-hashish .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.hhc-hashish .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.hhc-hashish {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.hhc-hashish .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END HHC Hashish Responsive */
/** END HHC Hashish **/
.link-coffee {
  position: relative;
  color: #dbb02f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-coffee::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #dbb02f;
  opacity: 1;
  transition: 0.3s all;
}
.link-coffee:hover {
  color: #dbb02f;
  text-decoration: none;
}
.link-coffee:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-coffee {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-coffee {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-coffee {
    font-size: 11px;
  }
}
/** Coffee **/
.main-section.coffee.hp-section.avail-prepare {
  margin-bottom: -40px;
}

.main-section.coffee {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.coffee .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.coffee .text > ul {
  max-width: 650px;
}

.main-section.coffee .text h2,
.main-section.coffee .text h3,
.modal-gallery#modal-gallery-40 .modal-title {
  color: #dbb02f;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/coffee-txt.jpg");
}

.main-section.coffee .text {
  position: relative;
  z-index: 15;
}

.main-section.coffee .text h2::selection,
.main-section.coffee .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #dbb02f;
}

.main-section.coffee .text ul li span::selection {
  color: #fff;
  background: #dbb02f;
}

.main-section.coffee .text ul li a::selection {
  color: #dbb02f;
  background: #fff;
}

.main-section.coffee .text ul li::selection {
  color: #fff;
  background: #dbb02f;
}

.main-section.coffee .text ul li:first-child::before {
  background: url("/images/eighty8/dna40.png") no-repeat center;
  background-size: 100%;
}

.main-section.coffee .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info40.png") no-repeat center;
  background-size: 90%;
}

.main-section.coffee .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila40.png") no-repeat center;
  background-size: 90%;
}

.main-section.coffee .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut40.png") no-repeat center;
  background-size: 95%;
}

.main-section.coffee .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon40.png") no-repeat center;
  background-size: 95%;
}

/* Coffee Variants */
.main-section.coffee .text .variants .variant-content .content {
  background-color: #261f0d;
}

.main-section.coffee .text .variants .variant-content::before,
.main-section.coffee .text .variants .variant-content::after {
  background-color: #261f0d;
}

.main-section.coffee .text .variants .variant-content:hover::after,
.main-section.coffee .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #261f0d 0%, #dbb02f 22%, #261f0d 50%, #dbb02f 77%, #261f0d 100%);
}

.main-section.coffee .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #261f0d 0%, #dbb02f 22%, #261f0d 50%, #dbb02f 77%, #261f0d 100%);
}

.main-section.coffee .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #dbb02f;
}

.main-section.coffee .text .variant-title,
.main-section.coffee .text .variant-more {
  color: #dbb02f;
}

.coffee .btn-addcart {
  color: #261f0d;
  background: #dbb02f url("/images/eighty8/btn-coffee-bottom.svg") no-repeat bottom center;
}

.coffee .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(219, 176, 47, 0.85);
}

.coffee .come-soon {
  background-color: #261f0d;
}

.coffee .come-soon span {
  text-shadow: 0 0 21px #dbb02f;
  color: #dbb02f;
}

@keyframes coffee-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(219, 176, 47, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(219, 176, 47, 0);
  }
}
.coffee .variants-highlighted ul li .variant-content .content {
  animation: coffee-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes coffee-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(219, 176, 47, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(219, 176, 47, 0);
    }
  }
}
/* END Coffee Variants */
/* Coffee Responsive */
@media (max-width: 1659px) {
  .main-section.coffee .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.coffee .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.coffee .image {
    width: 750px;
    right: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.coffee {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.coffee .image {
    width: 660px;
    right: -80px;
    top: 0;
  }
}
@media (max-width: 991px) {
  .main-section.coffee {
    margin-top: -60px;
  }
  .main-section.coffee .image {
    width: 600px;
    right: -80px;
  }
  .main-section.coffee .text > ul {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .main-section.coffee .image {
    width: 420px;
    right: -30px;
    top: 30px;
  }
  .main-section.coffee .text > ul {
    max-width: 350px;
    line-height: 1.3;
  }
}
@media (max-width: 575px) {
  .main-section.coffee {
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.coffee .image {
    width: 290px;
    right: -38px;
    top: -10px;
  }
  .main-section.coffee .text > ul {
    max-width: 180px;
    margin-top: 0;
  }
}
/* END Coffee Responsive */
/** END Coffee **/
.link-tangerine {
  position: relative;
  color: #ff7133;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-tangerine::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff7133;
  opacity: 1;
  transition: 0.3s all;
}
.link-tangerine:hover {
  color: #ff7133;
  text-decoration: none;
}
.link-tangerine:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-tangerine {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-tangerine {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-tangerine {
    font-size: 11px;
  }
}
/** tangerine **/
.main-section.tangerine {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.tangerine .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.tangerine .text h2,
.main-section.tangerine .text h3,
.modal-gallery#modal-gallery-63 .modal-title {
  color: #ff7133;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/tangerine-txt.jpg");
}

.main-section.tangerine .text {
  position: relative;
  z-index: 15;
}

.main-section.tangerine .text h2::selection,
.main-section.tangerine .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff7133;
}

.main-section.tangerine .text ul li span::selection {
  color: #fff;
  background: #ff7133;
}

.main-section.tangerine .text ul li a::selection {
  color: #ff7133;
  background: #fff;
}

.main-section.tangerine .text ul li::selection {
  color: #fff;
  background: #ff7133;
}

.main-section.tangerine .text ul li:first-child::before {
  background: url("/images/eighty8/dna63.png") no-repeat center;
  background-size: 100%;
}

.main-section.tangerine .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila63.png") no-repeat center;
  background-size: 90%;
}

.main-section.tangerine .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut63.png") no-repeat center;
  background-size: 95%;
}

.main-section.tangerine .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni63.png") no-repeat center;
  background-size: 90%;
}

.main-section.tangerine .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon63.png") no-repeat center;
  background-size: 95%;
}

/* tangerine Variants */
.main-section.tangerine .text .variants .variant-content .content {
  background-color: #3e1d0f;
}

.main-section.tangerine .text .variants .variant-content::before,
.main-section.tangerine .text .variants .variant-content::after {
  background-color: #3e1d0f;
}

.main-section.tangerine .text .variants .variant-content:hover::after,
.main-section.tangerine .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3e1d0f 0%, #ff7133 22%, #3e1d0f 51%, #ff7133 77%, #3e1d0f 100%);
}

.main-section.tangerine .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3e1d0f 0%, #ff7133 22%, #3e1d0f 51%, #ff7133 77%, #3e1d0f 100%);
}

.main-section.tangerine .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff7133;
}

.main-section.tangerine .text .variant-title,
.main-section.tangerine .text .variant-more {
  color: #ff7133;
}

.tangerine .btn-addcart {
  background: #ff7133 url("/images/eighty8/btn-tangerine-bottom.svg") no-repeat bottom center;
}

.tangerine .btn-addcart:hover {
  box-shadow: 0 0 50px #ff7133;
}

.tangerine .come-soon {
  background-color: #3e1d0f;
}

.tangerine .come-soon span {
  text-shadow: 0 0 21px #ff7133;
  color: #ff7133;
}

@keyframes tangerine-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 113, 51, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 113, 51, 0);
  }
}
.tangerine .variants-highlighted ul li .variant-content .content {
  animation: tangerine-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes tangerine-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 113, 51, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 113, 51, 0);
    }
  }
}
/* END tangerine Variants */
/* tangerine Responsive */
@media (max-width: 1659px) {
  .main-section.tangerine .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.tangerine .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.tangerine .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.tangerine {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.tangerine .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.tangerine .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.tangerine .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.tangerine {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.tangerine .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END tangerine Responsive */
/** END tangerine **/
.link-do-si-dos {
  position: relative;
  color: #e6241f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-do-si-dos::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e6241f;
  opacity: 1;
  transition: 0.3s all;
}
.link-do-si-dos:hover {
  color: #e6241f;
  text-decoration: none;
}
.link-do-si-dos:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-do-si-dos {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-do-si-dos {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-do-si-dos {
    font-size: 11px;
  }
}
/* La mota */
.main-section.do-si-dos {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.do-si-dos .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.do-si-dos .text h2,
.main-section.do-si-dos .text h3, .modal-gallery#modal-gallery-114 .modal-title {
  color: #e6241f;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/do-si-dos-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.do-si-dos .text h2::selection,
.main-section.do-si-dos .text h3::selection {
  background-color: #e6241f;
  -webkit-text-fill-color: #fff;
}

.main-section.do-si-dos .text ul li::selection {
  color: #fff;
  background: #e6241f;
}

.main-section.do-si-dos .text ul li span::selection {
  color: #fff;
  background: #e6241f;
}

.main-section.do-si-dos .text ul li a::selection {
  color: #e6241f;
  background: #fff;
}

.main-section.do-si-dos .text ul li:first-child::before {
  background: url("/images/eighty8/dna67.png") no-repeat center;
  background-size: 100%;
}

.main-section.do-si-dos .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila67.png") no-repeat center;
  background-size: 90%;
}

.main-section.do-si-dos .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune67.png") no-repeat center;
  background-size: 85%;
}

.main-section.do-si-dos .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni67.png") no-repeat center;
  background-size: 90%;
}

.main-section.do-si-dos .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon67.png") no-repeat center;
  background-size: 95%;
}

.main-section.do-si-dos .text .variants .variant-content .content {
  background-color: #271514;
}

.main-section.do-si-dos .text .variants .variant-content::before,
.main-section.do-si-dos .text .variants .variant-content::after {
  background-color: #271514;
}

.main-section.do-si-dos .text .variants .variant-content:hover::after,
.main-section.do-si-dos .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #271514 0%, #e6241f 22%, #271514 50%, #e6241f 78%, #271514 100%);
}

.main-section.do-si-dos .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #271514 0%, #e6241f 22%, #271514 50%, #e6241f 78%, #271514 100%);
}

.main-section.do-si-dos .text .variants input:checked + label .variant-content .variant-title,
.main-section.do-si-dos .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e6241f;
}

.main-section.do-si-dos .text .variant-title,
.main-section.do-si-dos .text .variant-more {
  color: #e6241f;
}

.do-si-dos .btn-addcart {
  background: #e6241f url("/images/eighty8/btn-do-si-dos-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.do-si-dos .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(230, 36, 31, 0.85);
}

.do-si-dos .come-soon {
  background-color: #271514;
}

.do-si-dos .come-soon span {
  text-shadow: 0 0 21px #e6241f;
  color: #e6241f;
}

@keyframes do-si-dos-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 36, 31, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(230, 36, 31, 0);
  }
}
.do-si-dos .variants-highlighted ul li .variant-content .content {
  animation: do-si-dos-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes do-si-dos-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(230, 36, 31, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(230, 36, 31, 0);
    }
  }
}
/* La mota responsive */
@media (max-width: 1659px) {
  .main-section.do-si-dos {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.do-si-dos .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.do-si-dos {
    margin-top: -25px;
  }
  .main-section.do-si-dos .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.do-si-dos .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.do-si-dos {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.do-si-dos .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.do-si-dos {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.do-si-dos .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.do-si-dos .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.do-si-dos {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.do-si-dos .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END La mota responsive */
/* END La mota */
.link-banana-runtz {
  position: relative;
  color: #bccf02;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-banana-runtz::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #bccf02;
  opacity: 1;
  transition: 0.3s all;
}
.link-banana-runtz:hover {
  color: #bccf02;
  text-decoration: none;
}
.link-banana-runtz:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-banana-runtz {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-banana-runtz {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-banana-runtz {
    font-size: 11px;
  }
}
/* Space Candy */
.main-section.banana-runtz {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.banana-runtz .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.banana-runtz .text h2,
.main-section.banana-runtz .text h3, .modal-gallery#modal-gallery-115 .modal-title {
  color: #bccf02;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/banana-runtz-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.banana-runtz .text h2::selection,
.main-section.banana-runtz .text h3::selection {
  -webkit-text-fill-color: #bccf02;
  background-color: #bccf02;
}

.main-section.banana-runtz .text ul li span::selection {
  color: #bccf02;
  background: #bccf02;
}

.main-section.banana-runtz .text ul li a::selection {
  color: #bccf02;
  background: #bccf02;
}

.main-section.banana-runtz .text ul li::selection {
  color: #bccf02;
  background: #bccf02;
}

.main-section.banana-runtz .text ul li:first-child::before {
  background: url("/images/eighty8/dna68.png") no-repeat center;
  background-size: 100%;
}

.main-section.banana-runtz .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila68.png") no-repeat center;
  background-size: 90%;
}

.main-section.banana-runtz .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune68.png") no-repeat center;
  background-size: 85%;
}

.main-section.banana-runtz .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni68.png") no-repeat center;
  background-size: 90%;
}

.main-section.banana-runtz .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon68.png") no-repeat center;
  background-size: 95%;
}

/* Space Candy Variants */
.main-section.banana-runtz .text .variants .variant-content .content {
  background-color: #20230d;
}

.main-section.banana-runtz .text .variants .variant-content::before,
.main-section.banana-runtz .text .variants .variant-content::after {
  background-color: #20230d;
}

.main-section.banana-runtz .text .variants .variant-content:hover::after,
.main-section.banana-runtz .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #20230d 0%, #bccf02 22%, #20230d 50%, #bccf02 77%, #20230d 100%);
}

.main-section.banana-runtz .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #20230d 0%, #bccf02 22%, #20230d 50%, #bccf02 77%, #20230d 100%);
}

.main-section.banana-runtz .text .variants input:checked + label .variant-content .variant-title,
.main-section.banana-runtz .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #bccf02;
}

.main-section.banana-runtz .text .variant-title,
.main-section.banana-runtz .text .variant-more {
  color: #bccf02;
}

.banana-runtz .btn-addcart {
  background: #bccf02 url("/images/eighty8/btn-banana-runtz-bottom.svg") no-repeat bottom center;
  color: #000;
}

.banana-runtz .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(188, 207, 2, 0.85);
}

.banana-runtz .come-soon {
  background-color: #20230d;
}

.banana-runtz .come-soon span {
  text-shadow: 0 0 21px #bccf02;
  color: #bccf02;
}

@keyframes banana-runtz-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(188, 207, 2, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(188, 207, 2, 0);
  }
}
.banana-runtz .variants-highlighted ul li .variant-content .content {
  animation: banana-runtz-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes banana-runtz-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(188, 207, 2, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(188, 207, 2, 0);
    }
  }
}
/* END Space Candy Variants */
/* Space Candy Responsive */
@media (max-width: 1659px) {
  .main-section.banana-runtz {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.banana-runtz .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.banana-runtz {
    margin-top: -25px;
  }
  .main-section.banana-runtz .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.banana-runtz .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.banana-runtz {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.banana-runtz .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.banana-runtz {
    padding-bottom: 35px;
  }
  .main-section.banana-runtz .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.banana-runtz .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.banana-runtz {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.banana-runtz .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Space Candy Responsive */
/* END Space Candy */
.swiper-cartridge {
  padding-bottom: 75px;
  margin-top: -60px;
}
.swiper-cartridge:not(:first-of-type) {
  margin-top: 1px;
}
.swiper-cartridge .btn-addcart {
  position: relative;
  z-index: 9;
}
.swiper-cartridge .swiper-slide {
  background: #000;
}
.swiper-cartridge .swiper-slide-active .main-section {
  z-index: 9;
}
.swiper-cartridge .variants {
  position: static;
  background: 0 0;
}
.swiper-cartridge .swiper-indicator-button {
  display: flex;
  width: auto;
  height: 89px;
  border-radius: 10px;
  transition: 0.3s all;
  z-index: 1;
  position: relative;
  margin: 5px;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}
.swiper-cartridge .swiper-indicator-button::before, .swiper-cartridge .swiper-indicator-button::after {
  position: absolute;
  content: "";
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: #270801;
  border-radius: 10px;
  transition: 0.3s all;
}
.swiper-cartridge .swiper-indicator-button::after {
  opacity: 0;
  background-image: linear-gradient(-33deg, #270801 0%, #ff6c1c 22%, #270801 50%, #ff6c1c 78%, #270801 100%);
}
.swiper-cartridge .swiper-indicator-button:hover::after {
  opacity: 1;
}
.swiper-cartridge .swiper-indicator-button.active::after {
  opacity: 1;
}
.swiper-cartridge .swiper-indicator-button.active .swiper-indicator-name {
  text-shadow: 0 0 21px #d4600c;
}
.swiper-cartridge .swiper-indicator-button-inner {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #270801;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  align-items: center;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-130::before {
  background: #251102;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-130::after {
  background: linear-gradient(-34deg, #251102 0%, #d4600c 23%, #251102 50%, #d4600c 77%, #251102 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-130 .swiper-indicator-button-inner {
  background-color: #251102;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-130 .swiper-indicator-name {
  color: #d4600c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-130.active .swiper-indicator-name {
  text-shadow: 0 0 21px #d4600c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-131::before {
  background: #240f0f;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-131::after {
  background: linear-gradient(-34deg, #240f0f 0%, #d53535 23%, #240f0f 50%, #d53535 77%, #240f0f 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-131 .swiper-indicator-button-inner {
  background-color: #240f0f;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-131 .swiper-indicator-name {
  color: #d53535;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-131.active .swiper-indicator-name {
  text-shadow: 0 0 21px #d53535;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-132::before {
  background: #271901;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-132::after {
  background: linear-gradient(-34deg, #271901 0%, #f7dc60 23%, #271901 50%, #f7dc60 77%, #271901 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-132 .swiper-indicator-button-inner {
  background-color: #271901;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-132 .swiper-indicator-name {
  color: #f7dc60;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-132.active .swiper-indicator-name {
  text-shadow: 0 0 21px #f7dc60;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-133::before {
  background: #3a1b00;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-133::after {
  background: linear-gradient(-34deg, #3a1b00 0%, #e8730e 23%, #3a1b00 50%, #e8730e 77%, #3a1b00 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-133 .swiper-indicator-button-inner {
  background-color: #3a1b00;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-133 .swiper-indicator-name {
  color: #e8730e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-133.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e8730e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-134::before {
  background: #330b20;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-134::after {
  background: linear-gradient(-34deg, #330b20 0%, #c03e6f 23%, #330b20 50%, #c03e6f 77%, #330b20 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-134 .swiper-indicator-button-inner {
  background-color: #330b20;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-134 .swiper-indicator-name {
  color: #c03e6f;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-134.active .swiper-indicator-name {
  text-shadow: 0 0 21px #c03e6f;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-135::before {
  background: #251b04;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-135::after {
  background: linear-gradient(-34deg, #251b04 0%, #f6e319 23%, #251b04 50%, #f6e319 77%, #251b04 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-135 .swiper-indicator-button-inner {
  background-color: #251b04;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-135 .swiper-indicator-name {
  color: #f6e319;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-135.active .swiper-indicator-name {
  text-shadow: 0 0 21px #f6e319;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-136::before {
  background: #2a0307;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-136::after {
  background: linear-gradient(-34deg, #2a0307 0%, #c6091c 23%, #2a0307 50%, #c6091c 77%, #2a0307 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-136 .swiper-indicator-button-inner {
  background-color: #2a0307;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-136 .swiper-indicator-name {
  color: #c6091c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-136.active .swiper-indicator-name {
  text-shadow: 0 0 21px #c6091c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-137::before {
  background: #230c13;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-137::after {
  background: linear-gradient(-34deg, #230c13 0%, #ba406d 23%, #230c13 50%, #ba406d 77%, #230c13 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-137 .swiper-indicator-button-inner {
  background-color: #230c13;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-137 .swiper-indicator-name {
  color: #ba406d;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-137.active .swiper-indicator-name {
  text-shadow: 0 0 21px #ba406d;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-163::before {
  background: #260304;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-163::after {
  background: linear-gradient(-34deg, #260304 0%, #f1292e 23%, #260304 50%, #f1292e 77%, #260304 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-163 .swiper-indicator-button-inner {
  background-color: #260304;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-163 .swiper-indicator-name {
  color: #f1292e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-163.active .swiper-indicator-name {
  text-shadow: 0 0 21px #f1292e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-164::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-176::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-184::before {
  background: #1b1f06;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-164::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-176::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-184::after {
  background: linear-gradient(-34deg, #1b1f06 0%, #b9cf2d 23%, #1b1f06 50%, #b9cf2d 77%, #1b1f06 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-164 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-176 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-184 .swiper-indicator-button-inner {
  background-color: #1b1f06;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-164 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-176 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-184 .swiper-indicator-name {
  color: #b9cf2d;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-164.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-176.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-184.active .swiper-indicator-name {
  text-shadow: 0 0 21px #b9cf2d;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-165::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-178::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-186::before {
  background: #1f0606;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-165::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-178::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-186::after {
  background: linear-gradient(-34deg, #1f0606 0%, #e8575a 23%, #1f0606 50%, #e8575a 77%, #1f0606 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-165 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-178 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-186 .swiper-indicator-button-inner {
  background-color: #1f0606;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-165 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-178 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-186 .swiper-indicator-name {
  color: #e8575a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-165.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-178.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-186.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e8575a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-166::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-172::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-180::before {
  background: #1c0210;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-166::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-172::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-180::after {
  background: linear-gradient(-34deg, #1c0210 0%, #c71d79 23%, #1c0210 50%, #c71d79 77%, #1c0210 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-166 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-172 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-180 .swiper-indicator-button-inner {
  background-color: #1c0210;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-166 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-172 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-180 .swiper-indicator-name {
  color: #c71d79;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-166.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-172.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-180.active .swiper-indicator-name {
  text-shadow: 0 0 21px #c71d79;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-167::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-173::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-181::before {
  background: #260c15;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-167::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-173::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-181::after {
  background: linear-gradient(-34deg, #260c15 0%, #ea6692 23%, #260c15 50%, #ea6692 77%, #260c15 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-167 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-173 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-181 .swiper-indicator-button-inner {
  background-color: #260c15;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-167 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-173 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-181 .swiper-indicator-name {
  color: #ea6692;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-167.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-173.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-181.active .swiper-indicator-name {
  text-shadow: 0 0 21px #ea6692;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-168::before {
  background: #17260c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-168::after {
  background: linear-gradient(-34deg, #17260c 0%, #a3ca86 23%, #17260c 50%, #a3ca86 77%, #17260c 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-168 .swiper-indicator-button-inner {
  background-color: #17260c;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-168 .swiper-indicator-name {
  color: #a3ca86;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-168.active .swiper-indicator-name {
  text-shadow: 0 0 21px #a3ca86;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-169::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-170::before {
  background: #1a1a1a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-169::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-170::after {
  background: linear-gradient(-34deg, #1a1a1a 0%, #fff 23%, #1a1a1a 50%, #fff 77%, #1a1a1a 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-169 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-170 .swiper-indicator-button-inner {
  background-color: #1a1a1a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-169 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-170 .swiper-indicator-name {
  color: #fff;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-169.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-170.active .swiper-indicator-name {
  text-shadow: 0 0 21px #fff;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-171::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-179::before {
  background: #270c0e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-171::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-179::after {
  background: linear-gradient(-34deg, #270c0e 0%, #e2252a 23%, #270c0e 50%, #e2252a 77%, #270c0e 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-171 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-179 .swiper-indicator-button-inner {
  background-color: #270c0e;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-171 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-179 .swiper-indicator-name {
  color: #e2252a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-171.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-179.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e2252a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-174::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-182::before {
  background: #260c14;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-174::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-182::after {
  background: linear-gradient(-34deg, #260c14 0%, #e11350 23%, #260c14 50%, #e11350 77%, #260c14 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-174 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-182 .swiper-indicator-button-inner {
  background-color: #260c14;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-174 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-182 .swiper-indicator-name {
  color: #e11350;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-174.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-182.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e11350;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-175::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-183::before {
  background: #1f1e06;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-175::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-183::after {
  background: linear-gradient(-34deg, #1f1e06 0%, #f0e73a 23%, #1f1e06 50%, #f0e73a 77%, #1f1e06 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-175 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-183 .swiper-indicator-button-inner {
  background-color: #1f1e06;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-175 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-183 .swiper-indicator-name {
  color: #f0e73a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-175.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-183.active .swiper-indicator-name {
  text-shadow: 0 0 21px #f0e73a;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-177::before, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-185::before {
  background: #1f1106;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-177::after, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-185::after {
  background: linear-gradient(-34deg, #1f1106 0%, #ee7309 23%, #1f1106 50%, #ee7309 77%, #1f1106 100%);
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-177 .swiper-indicator-button-inner, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-185 .swiper-indicator-button-inner {
  background-color: #1f1106;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-177 .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-185 .swiper-indicator-name {
  color: #ee7309;
}
.swiper-cartridge .swiper-indicator-button.swiper-indicator-product-177.active .swiper-indicator-name, .swiper-cartridge .swiper-indicator-button.swiper-indicator-product-185.active .swiper-indicator-name {
  text-shadow: 0 0 21px #ee7309;
}

.variants-highlighted .swiper-indicator-button.swiper-indicator-product-130 {
  animation: cartridge-mango-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-131 {
  animation: cartridge-cherry-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-132 {
  animation: cartridge-pinacolada-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-133 {
  animation: cartridge-orange-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-134 {
  animation: cartridge-blueberry-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-135 {
  animation: cartridge-banana-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-136 {
  animation: cartridge-redcurrant-pulse 1.5s infinite;
}
.variants-highlighted .swiper-indicator-button.swiper-indicator-product-137 {
  animation: cartridge-dragon-fruit-pulse 1.5s infinite;
}

.swiper-indicators {
  margin-top: -103px;
  position: static;
  z-index: 0;
}
.swiper-indicators-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 250px;
  position: static;
}
.reverse .swiper-indicators-container {
  padding-right: 0;
  padding-left: 250px;
  justify-content: flex-start;
}

.swiper-indicator-name {
  color: #ff6c1c;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 3;
  margin-bottom: 4px;
}

.swiper-indicator-price {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  z-index: 3;
}

.swiper-indicators2 .swiper-indicator-button.active .swiper-indicator-name {
  text-shadow: 0 0 21px #f1f1f1 !important;
}
.swiper-indicators2 .swiper-indicator-button::before {
  background: #101010 !important;
}
.swiper-indicators2 .swiper-indicator-button::after {
  background: linear-gradient(-34deg, #101010 0%, #f1f1f1 23%, #101010 50%, #f1f1f1 77%, #101010 100%) !important;
}
.swiper-indicators2 .swiper-indicator-button .swiper-indicator-button-inner {
  background: #101010 !important;
}
.swiper-indicators2 .swiper-indicator-button .swiper-indicator-name {
  color: #f1f1f1 !important;
}

.swiper-indicators2.variants-highlighted .swiper-indicator-button {
  animation: cartridge-gsc-pulse 1.5s infinite;
}

.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-146.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e7bc77;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-146::before {
  background: #1e1507;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-146::after {
  background: linear-gradient(-34deg, #1e1507 0%, #cca35f 23%, #1e1507 50%, #cca35f 77%, #1e1507 100%);
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-146 .swiper-indicator-button-inner {
  background: #1e1507;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-146 .swiper-indicator-name {
  color: #e7bc77;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-147.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e8e8e8;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-147::before {
  background: #131313;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-147::after {
  background: linear-gradient(-34deg, #131313 0%, #e8e8e8 23%, #131313 50%, #e8e8e8 77%, #131313 100%);
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-147 .swiper-indicator-button-inner {
  background: #131313;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-147 .swiper-indicator-name {
  color: #e8e8e8;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-148.active .swiper-indicator-name {
  text-shadow: 0 0 21px #e8e8e8;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-148::before {
  background: #131313;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-148::after {
  background: linear-gradient(-34deg, #131313 0%, #e8e8e8 23%, #131313 50%, #e8e8e8 77%, #131313 100%);
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-148 .swiper-indicator-button-inner {
  background: #131313;
}
.swiper-indicators3 .swiper-indicator-button.swiper-indicator-product-148 .swiper-indicator-name {
  color: #e8e8e8;
}

.swiper-indicators3.variants-highlighted .swiper-indicator-button {
  animation: cartridge-gsc-pulse 1.5s infinite;
}

@media (max-width: 1659px) {
  .swiper-indicator-name {
    font-size: 21px;
  }
  .swiper-indicators {
    margin-top: -96px;
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 82px;
  }
}
@media (min-width: 1560px) and (max-width: 1659px) {
  .swiper-indicators.reverse .swiper-indicator-name {
    font-size: 18px;
  }
}
@media (max-width: 1559px) {
  .swiper-indicator-name {
    font-size: 18px;
  }
  .swiper-indicator-price {
    font-size: 16px;
  }
  .swiper-indicators {
    margin-top: -89px;
  }
  .swiper-indicators-container {
    padding-right: 231px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 231px;
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 75px;
    margin: 4px;
  }
}
@media (min-width: 1360px) and (max-width: 1559px) {
  .swiper-indicators.reverse .swiper-indicator-name {
    font-size: 15px;
  }
  .swiper-indicators.reverse .swiper-indicator-price {
    font-size: 15px;
  }
}
@media (max-width: 1359px) {
  .swiper-indicator-name {
    font-size: 14px;
  }
  .swiper-indicator-price {
    font-size: 14px;
  }
  .swiper-indicators {
    margin-top: -81px;
  }
  .swiper-indicators-container {
    padding-right: 208px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 208px;
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 67px;
    margin: 4px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .swiper-indicators.reverse .swiper-indicator-name {
    font-size: 12px;
  }
  .swiper-indicators.reverse .swiper-indicator-price {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .swiper-cartridge {
    margin-top: -55px;
  }
  .swiper-cartridge .variants {
    transform: translateY(34px);
  }
  .swiper-cartridge.swiper-battery .variants {
    transform: translateY(0);
  }
  .swiper-indicators {
    margin-top: -81px;
  }
  .swiper-indicators-container {
    padding-right: 190px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 190px;
  }
}
@media (max-width: 991px) {
  .swiper-cartridge.swiper-battery .variants {
    transform: translateY(2px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .swiper-indicators.reverse .swiper-indicator-name {
    font-size: 12px;
  }
  .swiper-indicators.reverse .swiper-indicator-price {
    font-size: 12px;
  }
  .swiper-cartridge:not(:first-of-type) {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .swiper-indicator-name {
    font-size: 11px;
  }
  .swiper-indicator-price {
    font-size: 11px;
  }
  .swiper-indicators {
    margin-top: -60px;
  }
  .swiper-indicators-container {
    padding-right: 15px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 15px;
  }
  .swiper-cartridge {
    margin-top: -55px;
    padding-bottom: 95px;
  }
  .swiper-cartridge .variants {
    transform: translateY(125px);
  }
  .swiper-cartridge#swiper-strong-1 .variants, .swiper-cartridge#swiper-strong-2 .variants, .swiper-cartridge#swiper-strong-3 .variants {
    transform: translateY(181px);
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 48px;
    margin: 4px;
  }
  .swiper-cartridge.swiper-battery .variants {
    transform: translateY(70px);
  }
  .swiper-cartridge .main-section .text .variants {
    margin-top: 15px;
    margin-bottom: -15px;
  }
}
@media (max-width: 459px) {
  .swiper-indicator-name {
    font-size: 10px;
  }
  .swiper-indicator-price {
    font-size: 10px;
  }
  .swiper-indicators {
    margin-top: -50px;
  }
  .swiper-indicators-container {
    padding-right: 15px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 15px;
  }
  .swiper-cartridge {
    margin-top: -55px;
    padding-bottom: 80px;
  }
  .swiper-cartridge:not(:first-of-type) {
    margin-top: 0;
  }
  .swiper-cartridge.swiper-battery {
    margin-top: -20px;
    margin-bottom: -10px;
  }
  .swiper-cartridge .variants {
    transform: translateY(90px);
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 40px;
    margin: 4px;
  }
  .swiper-cartridge .swiper-indicator-button-inner {
    padding: 4px;
  }
  .swiper-cartridge.swiper-battery .variants {
    transform: translateY(40px);
  }
  .swiper-cartridge .main-section .text .variants {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 399px) {
  .swiper-cartridge {
    margin-top: -15px;
  }
}
@media (max-width: 369px) {
  .swiper-indicator-name {
    font-size: 9px;
  }
  .swiper-indicator-price {
    font-size: 9px;
  }
  .swiper-indicators {
    margin-top: -60px;
  }
  .swiper-indicators-container {
    padding-right: 15px;
  }
  .reverse .swiper-indicators-container {
    padding-right: 0;
    padding-left: 15px;
  }
  .swiper-cartridge {
    margin-top: -15px;
  }
  .swiper-cartridge .variants {
    transform: translateY(90px);
  }
  .swiper-cartridge .swiper-indicator-button {
    height: 40px;
    margin: 4px;
  }
  .swiper-cartridge .swiper-indicator-button-inner {
    padding: 3px;
  }
  .swiper-cartridge.swiper-battery .variants {
    transform: translateY(40px);
  }
}
.link-cartridge-mango {
  position: relative;
  color: #d4600c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-mango::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #d4600c;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-mango:hover {
  color: #d4600c;
  text-decoration: none;
}
.link-cartridge-mango:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-mango {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-mango {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-mango {
    font-size: 11px;
  }
}
/** cartridge-mango **/
.main-section.cartridge-mango.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-mango {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-mango .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-mango .text h2,
.main-section.cartridge-mango .text h3,
.modal-gallery#modal-gallery-130 .modal-title {
  color: #d4600c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-mango-txt.jpg");
}

.main-section.cartridge-mango .text {
  position: static;
}

.main-section.cartridge-mango .text h2::selection,
.main-section.cartridge-mango .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #d4600c;
}

.main-section.cartridge-mango .text ul li span::selection {
  color: #fff;
  background: #d4600c;
}

.main-section.cartridge-mango .text ul li a::selection {
  color: #d4600c;
  background: #fff;
}

.main-section.cartridge-mango .text ul li::selection {
  color: #fff;
  background: #d4600c;
}

.main-section.cartridge-mango .text ul li:first-child::before {
  background: url("/images/eighty8/dna130.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-mango .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info130.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-mango .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila130.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-mango .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut130.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-mango .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon130.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-mango Variants */
.main-section.cartridge-mango .text .variants .variant-content .content {
  background-color: #251102;
}

.main-section.cartridge-mango .text .variants .variant-content::before,
.main-section.cartridge-mango .text .variants .variant-content::after {
  background-color: #251102;
}

.main-section.cartridge-mango .text .variants .variant-content:hover::after,
.main-section.cartridge-mango .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #251102 0%, #d4600c 22%, #251102 50%, #d4600c 77%, #251102 100%);
}

.main-section.cartridge-mango .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #251102 0%, #d4600c 22%, #251102 50%, #d4600c 77%, #251102 100%);
}

.main-section.cartridge-mango .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #d4600c;
}

.main-section.cartridge-mango .text .variant-title,
.main-section.cartridge-mango .text .variant-more {
  color: #d4600c;
}

.cartridge-mango .btn-addcart {
  background: #d4600c url("/images/eighty8/btn-cartridge-mango-bottom.svg") no-repeat bottom center;
}

.cartridge-mango .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(212, 96, 12, 0.85);
}

.cartridge-mango .come-soon {
  background-color: #251102;
}

.cartridge-mango .come-soon span {
  text-shadow: 0 0 21px #d4600c;
  color: #d4600c;
}

@keyframes cartridge-mango-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 96, 12, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(212, 96, 12, 0);
  }
}
.cartridge-mango .variants-highlighted ul li .variant-content .content {
  animation: cartridge-mango-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-mango-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(212, 96, 12, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(212, 96, 12, 0);
    }
  }
}
/* END cartridge-mango Variants */
/* cartridge-mango Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-mango .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-mango .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-mango .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-mango {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-mango .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-mango .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-mango {
    margin-top: 0;
  }
  .main-section.cartridge-mango .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-mango .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-mango .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-mango {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-mango .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-mango .image img {
    transform: translateX(-42px);
  }
  .cartridge-mango .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-mango Responsive */
/** END cartridge-mango **/
.link-cartridge-cherry {
  position: relative;
  color: #d53535;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-cherry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #d53535;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-cherry:hover {
  color: #d53535;
  text-decoration: none;
}
.link-cartridge-cherry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-cherry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-cherry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-cherry {
    font-size: 11px;
  }
}
/** cartridge-cherry **/
.main-section.cartridge-cherry.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-cherry {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-cherry .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-cherry .text h2,
.main-section.cartridge-cherry .text h3,
.modal-gallery#modal-gallery-131 .modal-title {
  color: #d53535;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-cherry-txt.jpg");
}

.main-section.cartridge-cherry .text {
  position: static;
}

.main-section.cartridge-cherry .text h2::selection,
.main-section.cartridge-cherry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #d53535;
}

.main-section.cartridge-cherry .text ul li span::selection {
  color: #fff;
  background: #d53535;
}

.main-section.cartridge-cherry .text ul li a::selection {
  color: #d53535;
  background: #fff;
}

.main-section.cartridge-cherry .text ul li::selection {
  color: #fff;
  background: #d53535;
}

.main-section.cartridge-cherry .text ul li:first-child::before {
  background: url("/images/eighty8/dna131.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-cherry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info131.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-cherry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila131.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-cherry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut131.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-cherry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon131.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-cherry Variants */
.main-section.cartridge-cherry .text .variants .variant-content .content {
  background-color: #240f0f;
}

.main-section.cartridge-cherry .text .variants .variant-content::before,
.main-section.cartridge-cherry .text .variants .variant-content::after {
  background-color: #240f0f;
}

.main-section.cartridge-cherry .text .variants .variant-content:hover::after,
.main-section.cartridge-cherry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #240f0f 0%, #d53535 22%, #240f0f 50%, #d53535 77%, #240f0f 100%);
}

.main-section.cartridge-cherry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #240f0f 0%, #d53535 22%, #240f0f 50%, #d53535 77%, #240f0f 100%);
}

.main-section.cartridge-cherry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #d53535;
}

.main-section.cartridge-cherry .text .variant-title,
.main-section.cartridge-cherry .text .variant-more {
  color: #d53535;
}

.cartridge-cherry .btn-addcart {
  background: #d53535 url("/images/eighty8/btn-cartridge-cherry-bottom.svg") no-repeat bottom center;
}

.cartridge-cherry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(213, 53, 53, 0.85);
}

.cartridge-cherry .come-soon {
  background-color: #240f0f;
}

.cartridge-cherry .come-soon span {
  text-shadow: 0 0 21px #d53535;
  color: #d53535;
}

@keyframes cartridge-cherry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(213, 53, 53, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(213, 53, 53, 0);
  }
}
.cartridge-cherry .variants-highlighted ul li .variant-content .content {
  animation: cartridge-cherry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-cherry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(213, 53, 53, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(213, 53, 53, 0);
    }
  }
}
/* END cartridge-cherry Variants */
/* cartridge-cherry Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-cherry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-cherry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-cherry .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-cherry {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-cherry .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-cherry .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-cherry {
    margin-top: 0;
  }
  .main-section.cartridge-cherry .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-cherry .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-cherry .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-cherry {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-cherry .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-cherry .image img {
    transform: translateX(-42px);
  }
  .cartridge-cherry .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-cherry Responsive */
/** END cartridge-cherry **/
.link-cartridge-pinacolada {
  position: relative;
  color: #f7dc60;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-pinacolada::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f7dc60;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-pinacolada:hover {
  color: #f7dc60;
  text-decoration: none;
}
.link-cartridge-pinacolada:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-pinacolada {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-pinacolada {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-pinacolada {
    font-size: 11px;
  }
}
/** cartridge-pinacolada **/
.main-section.cartridge-pinacolada.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-pinacolada {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-pinacolada .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-pinacolada .text h2,
.main-section.cartridge-pinacolada .text h3,
.modal-gallery#modal-gallery-132 .modal-title {
  color: #f7dc60;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-pinacolada-txt.jpg");
}

.main-section.cartridge-pinacolada .text {
  position: static;
}

.main-section.cartridge-pinacolada .text h2::selection,
.main-section.cartridge-pinacolada .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f7dc60;
}

.main-section.cartridge-pinacolada .text ul li span::selection {
  color: #fff;
  background: #f7dc60;
}

.main-section.cartridge-pinacolada .text ul li a::selection {
  color: #f7dc60;
  background: #fff;
}

.main-section.cartridge-pinacolada .text ul li::selection {
  color: #fff;
  background: #f7dc60;
}

.main-section.cartridge-pinacolada .text ul li:first-child::before {
  background: url("/images/eighty8/dna132.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-pinacolada .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info132.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-pinacolada .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila132.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-pinacolada .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut132.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-pinacolada .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon132.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-pinacolada Variants */
.main-section.cartridge-pinacolada .text .variants .variant-content .content {
  background-color: #271901;
}

.main-section.cartridge-pinacolada .text .variants .variant-content::before,
.main-section.cartridge-pinacolada .text .variants .variant-content::after {
  background-color: #271901;
}

.main-section.cartridge-pinacolada .text .variants .variant-content:hover::after,
.main-section.cartridge-pinacolada .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #271901 0%, #f7dc60 22%, #271901 50%, #f7dc60 77%, #271901 100%);
}

.main-section.cartridge-pinacolada .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #271901 0%, #f7dc60 22%, #271901 50%, #f7dc60 77%, #271901 100%);
}

.main-section.cartridge-pinacolada .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f7dc60;
}

.main-section.cartridge-pinacolada .text .variant-title,
.main-section.cartridge-pinacolada .text .variant-more {
  color: #f7dc60;
}

.cartridge-pinacolada .btn-addcart {
  background: #f7dc60 url("/images/eighty8/btn-cartridge-pinacolada-bottom.svg") no-repeat bottom center;
  color: #271901;
}

.cartridge-pinacolada .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(247, 220, 96, 0.85);
}

.cartridge-pinacolada .come-soon {
  background-color: #271901;
}

.cartridge-pinacolada .come-soon span {
  text-shadow: 0 0 21px #f7dc60;
  color: #f7dc60;
}

@keyframes cartridge-pinacolada-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(247, 220, 96, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(247, 220, 96, 0);
  }
}
.cartridge-pinacolada .variants-highlighted ul li .variant-content .content {
  animation: cartridge-pinacolada-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-pinacolada-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(247, 220, 96, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(247, 220, 96, 0);
    }
  }
}
/* END cartridge-pinacolada Variants */
/* cartridge-pinacolada Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-pinacolada .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-pinacolada .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-pinacolada .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-pinacolada {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-pinacolada .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-pinacolada .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-pinacolada {
    margin-top: 0;
  }
  .main-section.cartridge-pinacolada .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-pinacolada .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-pinacolada .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-pinacolada {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-pinacolada .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-pinacolada .image img {
    transform: translateX(-42px);
  }
  .cartridge-pinacolada .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-pinacolada Responsive */
/** END cartridge-pinacolada **/
.link-cartridge-orange {
  position: relative;
  color: #e8730e;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-orange::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8730e;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-orange:hover {
  color: #e8730e;
  text-decoration: none;
}
.link-cartridge-orange:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-orange {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-orange {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-orange {
    font-size: 11px;
  }
}
/** cartridge-orange **/
.main-section.cartridge-orange.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-orange {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-orange .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-orange .text h2,
.main-section.cartridge-orange .text h3,
.modal-gallery#modal-gallery-133 .modal-title {
  color: #e8730e;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-orange-txt.jpg");
}

.main-section.cartridge-orange .text {
  position: static;
}

.main-section.cartridge-orange .text h2::selection,
.main-section.cartridge-orange .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e8730e;
}

.main-section.cartridge-orange .text ul li span::selection {
  color: #fff;
  background: #e8730e;
}

.main-section.cartridge-orange .text ul li a::selection {
  color: #e8730e;
  background: #fff;
}

.main-section.cartridge-orange .text ul li::selection {
  color: #fff;
  background: #e8730e;
}

.main-section.cartridge-orange .text ul li:first-child::before {
  background: url("/images/eighty8/dna133.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-orange .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info133.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-orange .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila133.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-orange .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut133.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-orange .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon133.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-orange Variants */
.main-section.cartridge-orange .text .variants .variant-content .content {
  background-color: #3a1b00;
}

.main-section.cartridge-orange .text .variants .variant-content::before,
.main-section.cartridge-orange .text .variants .variant-content::after {
  background-color: #3a1b00;
}

.main-section.cartridge-orange .text .variants .variant-content:hover::after,
.main-section.cartridge-orange .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #3a1b00 0%, #e8730e 22%, #3a1b00 50%, #e8730e 77%, #3a1b00 100%);
}

.main-section.cartridge-orange .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #3a1b00 0%, #e8730e 22%, #3a1b00 50%, #e8730e 77%, #3a1b00 100%);
}

.main-section.cartridge-orange .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e8730e;
}

.main-section.cartridge-orange .text .variant-title,
.main-section.cartridge-orange .text .variant-more {
  color: #e8730e;
}

.cartridge-orange .btn-addcart {
  background: #e8730e url("/images/eighty8/btn-cartridge-orange-bottom.svg") no-repeat bottom center;
}

.cartridge-orange .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 115, 14, 0.85);
}

.cartridge-orange .come-soon {
  background-color: #3a1b00;
}

.cartridge-orange .come-soon span {
  text-shadow: 0 0 21px #e8730e;
  color: #e8730e;
}

@keyframes cartridge-orange-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 115, 14, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 115, 14, 0);
  }
}
.cartridge-orange .variants-highlighted ul li .variant-content .content {
  animation: cartridge-orange-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-orange-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 115, 14, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 115, 14, 0);
    }
  }
}
/* END cartridge-orange Variants */
/* cartridge-orange Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-orange .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-orange .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-orange .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-orange {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-orange .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-orange .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-orange {
    margin-top: 0;
  }
  .main-section.cartridge-orange .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-orange .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-orange .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-orange {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-orange .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-orange .image img {
    transform: translateX(-42px);
  }
  .cartridge-orange .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-orange Responsive */
/** END cartridge-orange **/
.link-cartridge-blueberry {
  position: relative;
  color: #c03e6f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-blueberry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #c03e6f;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-blueberry:hover {
  color: #c03e6f;
  text-decoration: none;
}
.link-cartridge-blueberry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-blueberry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-blueberry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-blueberry {
    font-size: 11px;
  }
}
/** cartridge-blueberry **/
.main-section.cartridge-blueberry.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-blueberry {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-blueberry .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-blueberry .text h2,
.main-section.cartridge-blueberry .text h3,
.modal-gallery#modal-gallery-134 .modal-title {
  color: #c03e6f;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-blueberry-txt.jpg");
}

.main-section.cartridge-blueberry .text {
  position: static;
}

.main-section.cartridge-blueberry .text h2::selection,
.main-section.cartridge-blueberry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #c03e6f;
}

.main-section.cartridge-blueberry .text ul li span::selection {
  color: #fff;
  background: #c03e6f;
}

.main-section.cartridge-blueberry .text ul li a::selection {
  color: #c03e6f;
  background: #fff;
}

.main-section.cartridge-blueberry .text ul li::selection {
  color: #fff;
  background: #c03e6f;
}

.main-section.cartridge-blueberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna134.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-blueberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info134.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-blueberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila134.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-blueberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut134.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-blueberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon134.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-blueberry Variants */
.main-section.cartridge-blueberry .text .variants .variant-content .content {
  background-color: #330b20;
}

.main-section.cartridge-blueberry .text .variants .variant-content::before,
.main-section.cartridge-blueberry .text .variants .variant-content::after {
  background-color: #330b20;
}

.main-section.cartridge-blueberry .text .variants .variant-content:hover::after,
.main-section.cartridge-blueberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #330b20 0%, #c03e6f 22%, #330b20 50%, #c03e6f 77%, #330b20 100%);
}

.main-section.cartridge-blueberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #330b20 0%, #c03e6f 22%, #330b20 50%, #c03e6f 77%, #330b20 100%);
}

.main-section.cartridge-blueberry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #c03e6f;
}

.main-section.cartridge-blueberry .text .variant-title,
.main-section.cartridge-blueberry .text .variant-more {
  color: #c03e6f;
}

.cartridge-blueberry .btn-addcart {
  background: #c03e6f url("/images/eighty8/btn-cartridge-blueberry-bottom.svg") no-repeat bottom center;
}

.cartridge-blueberry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(192, 62, 111, 0.85);
}

.cartridge-blueberry .come-soon {
  background-color: #330b20;
}

.cartridge-blueberry .come-soon span {
  text-shadow: 0 0 21px #c03e6f;
  color: #c03e6f;
}

@keyframes cartridge-blueberry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(192, 62, 111, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(192, 62, 111, 0);
  }
}
.cartridge-blueberry .variants-highlighted ul li .variant-content .content {
  animation: cartridge-blueberry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-blueberry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(192, 62, 111, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(192, 62, 111, 0);
    }
  }
}
/* END cartridge-blueberry Variants */
/* cartridge-blueberry Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-blueberry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-blueberry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-blueberry .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-blueberry {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-blueberry .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-blueberry .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-blueberry {
    margin-top: 0;
  }
  .main-section.cartridge-blueberry .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-blueberry .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-blueberry .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-blueberry {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-blueberry .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-blueberry .image img {
    transform: translateX(-42px);
  }
  .cartridge-blueberry .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-blueberry Responsive */
/** END cartridge-blueberry **/
.link-cartridge-banana {
  position: relative;
  color: #f6e319;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-banana::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f6e319;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-banana:hover {
  color: #f6e319;
  text-decoration: none;
}
.link-cartridge-banana:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-banana {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-banana {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-banana {
    font-size: 11px;
  }
}
/** cartridge-banana **/
.main-section.cartridge-banana.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-banana {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-banana .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-banana .text h2,
.main-section.cartridge-banana .text h3,
.modal-gallery#modal-gallery-135 .modal-title {
  color: #f6e319;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-banana-txt.jpg");
}

.main-section.cartridge-banana .text {
  position: static;
}

.main-section.cartridge-banana .text h2::selection,
.main-section.cartridge-banana .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f6e319;
}

.main-section.cartridge-banana .text ul li span::selection {
  color: #fff;
  background: #f6e319;
}

.main-section.cartridge-banana .text ul li a::selection {
  color: #f6e319;
  background: #fff;
}

.main-section.cartridge-banana .text ul li::selection {
  color: #fff;
  background: #f6e319;
}

.main-section.cartridge-banana .text ul li:first-child::before {
  background: url("/images/eighty8/dna135.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-banana .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info135.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-banana .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila135.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-banana .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut135.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-banana .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon135.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-banana Variants */
.main-section.cartridge-banana .text .variants .variant-content .content {
  background-color: #240f0f;
}

.main-section.cartridge-banana .text .variants .variant-content::before,
.main-section.cartridge-banana .text .variants .variant-content::after {
  background-color: #240f0f;
}

.main-section.cartridge-banana .text .variants .variant-content:hover::after,
.main-section.cartridge-banana .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #240f0f 0%, #f6e319 22%, #240f0f 50%, #f6e319 77%, #240f0f 100%);
}

.main-section.cartridge-banana .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #240f0f 0%, #f6e319 22%, #240f0f 50%, #f6e319 77%, #240f0f 100%);
}

.main-section.cartridge-banana .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f6e319;
}

.main-section.cartridge-banana .text .variant-title,
.main-section.cartridge-banana .text .variant-more {
  color: #f6e319;
}

.cartridge-banana .btn-addcart {
  background: #f6e319 url("/images/eighty8/btn-cartridge-banana-bottom.svg") no-repeat bottom center;
  color: #251b04;
}

.cartridge-banana .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(246, 227, 25, 0.85);
}

.cartridge-banana .come-soon {
  background-color: #240f0f;
}

.cartridge-banana .come-soon span {
  text-shadow: 0 0 21px #f6e319;
  color: #f6e319;
}

@keyframes cartridge-banana-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(246, 227, 25, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(246, 227, 25, 0);
  }
}
.cartridge-banana .variants-highlighted ul li .variant-content .content {
  animation: cartridge-banana-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-banana-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(246, 227, 25, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(246, 227, 25, 0);
    }
  }
}
/* END cartridge-banana Variants */
/* cartridge-banana Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-banana .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-banana .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-banana .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-banana {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-banana .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-banana .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-banana {
    margin-top: 0;
  }
  .main-section.cartridge-banana .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-banana .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-banana .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-banana {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-banana .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-banana .image img {
    transform: translateX(-42px);
  }
  .cartridge-banana .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-banana Responsive */
/** END cartridge-banana **/
.link-cartridge-redcurrant {
  position: relative;
  color: #c6091c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-redcurrant::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #c6091c;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-redcurrant:hover {
  color: #c6091c;
  text-decoration: none;
}
.link-cartridge-redcurrant:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-redcurrant {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-redcurrant {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-redcurrant {
    font-size: 11px;
  }
}
/** cartridge-redcurrant **/
.main-section.cartridge-redcurrant.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-redcurrant {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-redcurrant .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-redcurrant .text h2,
.main-section.cartridge-redcurrant .text h3,
.modal-gallery#modal-gallery-136 .modal-title {
  color: #c6091c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-redcurrant-txt.jpg");
}

.main-section.cartridge-redcurrant .text {
  position: static;
}

.main-section.cartridge-redcurrant .text h2::selection,
.main-section.cartridge-redcurrant .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #c6091c;
}

.main-section.cartridge-redcurrant .text ul li span::selection {
  color: #fff;
  background: #c6091c;
}

.main-section.cartridge-redcurrant .text ul li a::selection {
  color: #c6091c;
  background: #fff;
}

.main-section.cartridge-redcurrant .text ul li::selection {
  color: #fff;
  background: #c6091c;
}

.main-section.cartridge-redcurrant .text ul li:first-child::before {
  background: url("/images/eighty8/dna136.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-redcurrant .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info136.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-redcurrant .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila136.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-redcurrant .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut136.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-redcurrant .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon136.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-redcurrant Variants */
.main-section.cartridge-redcurrant .text .variants .variant-content .content {
  background-color: #2a0307;
}

.main-section.cartridge-redcurrant .text .variants .variant-content::before,
.main-section.cartridge-redcurrant .text .variants .variant-content::after {
  background-color: #2a0307;
}

.main-section.cartridge-redcurrant .text .variants .variant-content:hover::after,
.main-section.cartridge-redcurrant .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #2a0307 0%, #c6091c 22%, #2a0307 50%, #c6091c 77%, #2a0307 100%);
}

.main-section.cartridge-redcurrant .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #2a0307 0%, #c6091c 22%, #2a0307 50%, #c6091c 77%, #2a0307 100%);
}

.main-section.cartridge-redcurrant .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #c6091c;
}

.main-section.cartridge-redcurrant .text .variant-title,
.main-section.cartridge-redcurrant .text .variant-more {
  color: #c6091c;
}

.cartridge-redcurrant .btn-addcart {
  background: #c6091c url("/images/eighty8/btn-cartridge-redcurrant-bottom.svg") no-repeat bottom center;
}

.cartridge-redcurrant .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(198, 9, 28, 0.85);
}

.cartridge-redcurrant .come-soon {
  background-color: #2a0307;
}

.cartridge-redcurrant .come-soon span {
  text-shadow: 0 0 21px #c6091c;
  color: #c6091c;
}

@keyframes cartridge-redcurrant-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(198, 9, 28, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(198, 9, 28, 0);
  }
}
.cartridge-redcurrant .variants-highlighted ul li .variant-content .content {
  animation: cartridge-redcurrant-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-redcurrant-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(198, 9, 28, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(198, 9, 28, 0);
    }
  }
}
/* END cartridge-redcurrant Variants */
/* cartridge-redcurrant Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-redcurrant .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-redcurrant .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-redcurrant .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-redcurrant {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-redcurrant .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-redcurrant .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-redcurrant {
    margin-top: 0;
  }
  .main-section.cartridge-redcurrant .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-redcurrant .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-redcurrant .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-redcurrant {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-redcurrant .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-redcurrant .image img {
    transform: translateX(-42px);
  }
  .cartridge-redcurrant .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-redcurrant Responsive */
/** END cartridge-redcurrant **/
.link-cartridge-dragon-fruit {
  position: relative;
  color: #ba406d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-dragon-fruit::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ba406d;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-dragon-fruit:hover {
  color: #ba406d;
  text-decoration: none;
}
.link-cartridge-dragon-fruit:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-dragon-fruit {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-dragon-fruit {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-dragon-fruit {
    font-size: 11px;
  }
}
/** cartridge-dragon-fruit **/
.main-section.cartridge-dragon-fruit.avail-prepare {
  margin-bottom: -50px;
}

.main-section.cartridge-dragon-fruit {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.cartridge-dragon-fruit .image {
  top: 0px;
  left: 0;
}

.main-section.cartridge-dragon-fruit .text h2,
.main-section.cartridge-dragon-fruit .text h3,
.modal-gallery#modal-gallery-137 .modal-title {
  color: #ba406d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-dragon-fruit-txt.jpg");
}

.main-section.cartridge-dragon-fruit .text {
  position: static;
}

.main-section.cartridge-dragon-fruit .text h2::selection,
.main-section.cartridge-dragon-fruit .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ba406d;
}

.main-section.cartridge-dragon-fruit .text ul li span::selection {
  color: #fff;
  background: #ba406d;
}

.main-section.cartridge-dragon-fruit .text ul li a::selection {
  color: #ba406d;
  background: #fff;
}

.main-section.cartridge-dragon-fruit .text ul li::selection {
  color: #fff;
  background: #ba406d;
}

.main-section.cartridge-dragon-fruit .text ul li:first-child::before {
  background: url("/images/eighty8/dna137.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-dragon-fruit .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info137.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-dragon-fruit .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila137.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-dragon-fruit .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut137.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-dragon-fruit .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon137.png") no-repeat center;
  background-size: 95%;
}

/* cartridge-dragon-fruit Variants */
.main-section.cartridge-dragon-fruit .text .variants .variant-content .content {
  background-color: #230c13;
}

.main-section.cartridge-dragon-fruit .text .variants .variant-content::before,
.main-section.cartridge-dragon-fruit .text .variants .variant-content::after {
  background-color: #230c13;
}

.main-section.cartridge-dragon-fruit .text .variants .variant-content:hover::after,
.main-section.cartridge-dragon-fruit .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #230c13 0%, #ba406d 22%, #230c13 50%, #ba406d 77%, #230c13 100%);
}

.main-section.cartridge-dragon-fruit .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #230c13 0%, #ba406d 22%, #230c13 50%, #ba406d 77%, #230c13 100%);
}

.main-section.cartridge-dragon-fruit .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ba406d;
}

.main-section.cartridge-dragon-fruit .text .variant-title,
.main-section.cartridge-dragon-fruit .text .variant-more {
  color: #ba406d;
}

.cartridge-dragon-fruit .btn-addcart {
  background: #ba406d url("/images/eighty8/btn-cartridge-dragon-fruit-bottom.svg") no-repeat bottom center;
}

.cartridge-dragon-fruit .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(186, 64, 109, 0.85);
}

.cartridge-dragon-fruit .come-soon {
  background-color: #230c13;
}

.cartridge-dragon-fruit .come-soon span {
  text-shadow: 0 0 21px #ba406d;
  color: #ba406d;
}

@keyframes cartridge-dragon-fruit-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(186, 64, 109, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(186, 64, 109, 0);
  }
}
.cartridge-dragon-fruit .variants-highlighted ul li .variant-content .content {
  animation: cartridge-dragon-fruit-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-dragon-fruit-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(186, 64, 109, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(186, 64, 109, 0);
    }
  }
}
/* END cartridge-dragon-fruit Variants */
/* cartridge-dragon-fruit Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-dragon-fruit .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-dragon-fruit .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-dragon-fruit .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-dragon-fruit {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-dragon-fruit .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.cartridge-dragon-fruit .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-dragon-fruit {
    margin-top: 0;
  }
  .main-section.cartridge-dragon-fruit .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-dragon-fruit .image {
    width: 420px;
    top: 20px;
  }
  .main-section.cartridge-dragon-fruit .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-dragon-fruit {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-dragon-fruit .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-dragon-fruit .image img {
    transform: translateX(-42px);
  }
  .cartridge-dragon-fruit .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END cartridge-dragon-fruit Responsive */
/** END cartridge-dragon-fruit **/
.link-cartridge-gsc {
  position: relative;
  color: #f1f1f1;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-cartridge-gsc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f1f1f1;
  opacity: 1;
  transition: 0.3s all;
}
.link-cartridge-gsc:hover {
  color: #f1f1f1;
  text-decoration: none;
}
.link-cartridge-gsc:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-cartridge-gsc {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-cartridge-gsc {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-cartridge-gsc {
    font-size: 11px;
  }
}
/** Cartridge GSC **/
.main-section.cartridge-gsc {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.cartridge-gsc .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.cartridge-gsc .text h2,
.main-section.cartridge-gsc .text h3,
.modal-gallery#modal-gallery-138 .modal-title, .modal-gallery#modal-gallery-139 .modal-title, .modal-gallery#modal-gallery-140 .modal-title, .modal-gallery#modal-gallery-141 .modal-title, .modal-gallery#modal-gallery-142 .modal-title, .modal-gallery#modal-gallery-143 .modal-title, .modal-gallery#modal-gallery-144 .modal-title, .modal-gallery#modal-gallery-145 .modal-title {
  color: #f1f1f1;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/cartridge-gsc-txt.jpg");
}

.main-section.cartridge-gsc .text {
  position: relative;
  z-index: 15;
}

.main-section.cartridge-gsc .text h2::selection,
.main-section.cartridge-gsc .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f1f1f1;
}

.main-section.cartridge-gsc .text ul li span::selection {
  color: #fff;
  background: #f1f1f1;
}

.main-section.cartridge-gsc .text ul li a::selection {
  color: #f1f1f1;
  background: #fff;
}

.main-section.cartridge-gsc .text ul li::selection {
  color: #fff;
  background: #f1f1f1;
}

.main-section.cartridge-gsc .text ul li:first-child::before {
  background: url("/images/eighty8/dna138.png") no-repeat center;
  background-size: 100%;
}

.main-section.cartridge-gsc .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info138.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-gsc .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila138.png") no-repeat center;
  background-size: 90%;
}

.main-section.cartridge-gsc .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut138.png") no-repeat center;
  background-size: 95%;
}

.main-section.cartridge-gsc .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon138.png") no-repeat center;
  background-size: 95%;
}

/* Cartridge GSC Variants */
.main-section.cartridge-gsc .text .variants .variant-content .content {
  background-color: #101010;
}

.main-section.cartridge-gsc .text .variants .variant-content::before,
.main-section.cartridge-gsc .text .variants .variant-content::after {
  background-color: #101010;
}

.main-section.cartridge-gsc .text .variants .variant-content:hover::after,
.main-section.cartridge-gsc .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #101010 0%, #f1f1f1 22%, #101010 51%, #f1f1f1 77%, #101010 100%);
}

.main-section.cartridge-gsc .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #101010 0%, #f1f1f1 22%, #101010 51%, #f1f1f1 77%, #101010 100%);
}

.main-section.cartridge-gsc .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f1f1f1;
}

.main-section.cartridge-gsc .text .variant-title,
.main-section.cartridge-gsc .text .variant-more {
  color: #f1f1f1;
}

.cartridge-gsc .btn-addcart {
  background: #f1f1f1 url("/images/eighty8/btn-cartridge-gsc-bottom.svg") no-repeat bottom center;
  color: #000000;
}

.cartridge-gsc .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(241, 241, 241, 0.85);
}

.cartridge-gsc .come-soon {
  background-color: #101010;
}

.cartridge-gsc .come-soon span {
  text-shadow: 0 0 21px #f1f1f1;
  color: #f1f1f1;
}

@keyframes cartridge-gsc-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(241, 241, 241, 0);
  }
}
.cartridge-gsc .variants-highlighted ul li .variant-content .content {
  animation: cartridge-gsc-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes cartridge-gsc-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(241, 241, 241, 0);
    }
  }
}
/* END Cartridge GSC Variants */
/* Cartridge GSC Responsive */
@media (max-width: 1659px) {
  .main-section.cartridge-gsc .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.cartridge-gsc .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.cartridge-gsc .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.cartridge-gsc {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.cartridge-gsc .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.cartridge-gsc .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.cartridge-gsc .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.cartridge-gsc .image {
    width: 420px;
    top: 0px;
  }
  .main-section.cartridge-gsc .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.cartridge-gsc {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.cartridge-gsc .image {
    width: 290px;
    top: 0;
  }
  .main-section.cartridge-gsc .image img {
    transform: translateX(42px);
  }
  .cartridge-gsc .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(241, 241, 241, 0.85);
  }
}
/* END Cartridge GSC Responsive */
/** END Cartridge GSC **/
.link-battery-gold {
  position: relative;
  color: #e7bc77;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-battery-gold::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e7bc77;
  opacity: 1;
  transition: 0.3s all;
}
.link-battery-gold:hover {
  color: #e7bc77;
  text-decoration: none;
}
.link-battery-gold:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-battery-gold {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-battery-gold {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-battery-gold {
    font-size: 11px;
  }
}
/** battery-gold **/
.main-section.battery-gold.avail-prepare {
  margin-bottom: -50px;
}

.main-section.battery-gold {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.battery-gold .image {
  top: 0px;
  left: 0;
}

.main-section.battery-gold .text h2,
.main-section.battery-gold .text h3,
.modal-gallery#modal-gallery-146 .modal-title {
  color: #e7bc77;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/battery-gold-txt.jpg");
}

.main-section.battery-gold .text {
  position: static;
}

.main-section.battery-gold .text h2::selection,
.main-section.battery-gold .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e7bc77;
}

.main-section.battery-gold .text ul li span::selection {
  color: #fff;
  background: #e7bc77;
}

.main-section.battery-gold .text ul li a::selection {
  color: #e7bc77;
  background: #fff;
}

.main-section.battery-gold .text ul li::selection {
  color: #fff;
  background: #e7bc77;
}

.main-section.battery-gold .text ul li:first-child::before {
  background: url("/images/eighty8/dna146.png") no-repeat center;
  background-size: 100%;
}

.main-section.battery-gold .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info146.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-gold .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/info146-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-gold .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/barva146.png") no-repeat center;
  background-size: 95%;
}

.main-section.battery-gold .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon146.png") no-repeat center;
  background-size: 95%;
}

/* battery-gold Variants */
.main-section.battery-gold .text .variants .variant-content .content {
  background-color: #1e1507;
}

.main-section.battery-gold .text .variants .variant-content::before,
.main-section.battery-gold .text .variants .variant-content::after {
  background-color: #1e1507;
}

.main-section.battery-gold .text .variants .variant-content:hover::after,
.main-section.battery-gold .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #1e1507 0%, #e7bc77 22%, #1e1507 50%, #e7bc77 77%, #1e1507 100%);
}

.main-section.battery-gold .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #1e1507 0%, #e7bc77 22%, #1e1507 50%, #e7bc77 77%, #1e1507 100%);
}

.main-section.battery-gold .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e7bc77;
}

.main-section.battery-gold .text .variant-title,
.main-section.battery-gold .text .variant-more {
  color: #e7bc77;
}

.battery-gold .btn-addcart {
  background: #e7bc77 url("/images/eighty8/btn-battery-gold-bottom.svg") no-repeat bottom center;
}

.battery-gold .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(231, 188, 119, 0.85);
}

.battery-gold .come-soon {
  background-color: #1e1507;
}

.battery-gold .come-soon span {
  text-shadow: 0 0 21px #e7bc77;
  color: #e7bc77;
}

@keyframes battery-gold-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(231, 188, 119, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(231, 188, 119, 0);
  }
}
.battery-gold .variants-highlighted ul li .variant-content .content {
  animation: battery-gold-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes battery-gold-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(231, 188, 119, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(231, 188, 119, 0);
    }
  }
}
/* END battery-gold Variants */
/* battery-gold Responsive */
@media (max-width: 1659px) {
  .main-section.battery-gold .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.battery-gold .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.battery-gold .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.battery-gold {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-gold .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.battery-gold .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.battery-gold {
    margin-top: 0;
  }
  .main-section.battery-gold .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.battery-gold .image {
    width: 420px;
    top: 20px;
  }
  .main-section.battery-gold .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.battery-gold {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-gold .image {
    width: 290px;
    top: 0;
  }
  .main-section.battery-gold .image img {
    transform: translateX(-42px);
  }
  .battery-gold .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END battery-gold Responsive */
/** END battery-gold **/
.link-battery-white {
  position: relative;
  color: #e8e8e8;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-battery-white::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8e8e8;
  opacity: 1;
  transition: 0.3s all;
}
.link-battery-white:hover {
  color: #e8e8e8;
  text-decoration: none;
}
.link-battery-white:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-battery-white {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-battery-white {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-battery-white {
    font-size: 11px;
  }
}
/** battery-white **/
.main-section.battery-white.avail-prepare {
  margin-bottom: -50px;
}

.main-section.battery-white {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.battery-white .image {
  top: 0px;
  left: 0;
}

.main-section.battery-white .text h2,
.main-section.battery-white .text h3,
.modal-gallery#modal-gallery-147 .modal-title {
  color: #e8e8e8;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/battery-white-txt.jpg");
}

.main-section.battery-white .text {
  position: static;
}

.main-section.battery-white .text h2::selection,
.main-section.battery-white .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e8e8e8;
}

.main-section.battery-white .text ul li span::selection {
  color: #fff;
  background: #e8e8e8;
}

.main-section.battery-white .text ul li a::selection {
  color: #e8e8e8;
  background: #fff;
}

.main-section.battery-white .text ul li::selection {
  color: #fff;
  background: #e8e8e8;
}

.main-section.battery-white .text ul li:first-child::before {
  background: url("/images/eighty8/dna147.png") no-repeat center;
  background-size: 100%;
}

.main-section.battery-white .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info147.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-white .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/info147-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-white .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/barva147.png") no-repeat center;
  background-size: 95%;
}

.main-section.battery-white .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon147.png") no-repeat center;
  background-size: 95%;
}

/* battery-white Variants */
.main-section.battery-white .text .variants .variant-content .content {
  background-color: #131313;
}

.main-section.battery-white .text .variants .variant-content::before,
.main-section.battery-white .text .variants .variant-content::after {
  background-color: #131313;
}

.main-section.battery-white .text .variants .variant-content:hover::after,
.main-section.battery-white .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #131313 0%, #e8e8e8 22%, #131313 50%, #e8e8e8 77%, #131313 100%);
}

.main-section.battery-white .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #131313 0%, #e8e8e8 22%, #131313 50%, #e8e8e8 77%, #131313 100%);
}

.main-section.battery-white .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e8e8e8;
}

.main-section.battery-white .text .variant-title,
.main-section.battery-white .text .variant-more {
  color: #e8e8e8;
}

.battery-white .btn-addcart {
  background: #e8e8e8 url("/images/eighty8/btn-battery-white-bottom.svg") no-repeat bottom center;
  color: #000000;
}

.battery-white .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 232, 232, 0.85);
}

.battery-white .come-soon {
  background-color: #131313;
}

.battery-white .come-soon span {
  text-shadow: 0 0 21px #e8e8e8;
  color: #e8e8e8;
}

@keyframes battery-white-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 232, 232, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 232, 232, 0);
  }
}
.battery-white .variants-highlighted ul li .variant-content .content {
  animation: battery-white-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes battery-white-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 232, 232, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 232, 232, 0);
    }
  }
}
/* END battery-white Variants */
/* battery-white Responsive */
@media (max-width: 1659px) {
  .main-section.battery-white .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.battery-white .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.battery-white .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.battery-white {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-white .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.battery-white .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.battery-white {
    margin-top: 0;
  }
  .main-section.battery-white .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.battery-white .image {
    width: 420px;
    top: 20px;
  }
  .main-section.battery-white .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.battery-white {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-white .image {
    width: 290px;
    top: 0;
  }
  .main-section.battery-white .image img {
    transform: translateX(-42px);
  }
  .battery-white .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END battery-white Responsive */
/** END battery-white **/
.link-battery-black {
  position: relative;
  color: #e8e8e8;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-battery-black::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8e8e8;
  opacity: 1;
  transition: 0.3s all;
}
.link-battery-black:hover {
  color: #e8e8e8;
  text-decoration: none;
}
.link-battery-black:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-battery-black {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-battery-black {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-battery-black {
    font-size: 11px;
  }
}
/** battery-black **/
.main-section.battery-black.avail-prepare {
  margin-bottom: -50px;
}

.main-section.battery-black {
  padding-top: 0;
  padding-bottom: 0;
}
.main-section.battery-black .image {
  top: 0px;
  left: 0;
}

.main-section.battery-black .text h2,
.main-section.battery-black .text h3,
.modal-gallery#modal-gallery-148 .modal-title {
  color: #e8e8e8;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/battery-black-txt.jpg");
}

.main-section.battery-black .text {
  position: static;
}

.main-section.battery-black .text h2::selection,
.main-section.battery-black .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e8e8e8;
}

.main-section.battery-black .text ul li span::selection {
  color: #fff;
  background: #e8e8e8;
}

.main-section.battery-black .text ul li a::selection {
  color: #e8e8e8;
  background: #fff;
}

.main-section.battery-black .text ul li::selection {
  color: #fff;
  background: #e8e8e8;
}

.main-section.battery-black .text ul li:first-child::before {
  background: url("/images/eighty8/dna148.png") no-repeat center;
  background-size: 100%;
}

.main-section.battery-black .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info148.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-black .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/info148-2.png") no-repeat center;
  background-size: 90%;
}

.main-section.battery-black .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/barva148.png") no-repeat center;
  background-size: 95%;
}

.main-section.battery-black .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon148.png") no-repeat center;
  background-size: 95%;
}

/* battery-black Variants */
.main-section.battery-black .text .variants .variant-content .content {
  background-color: #131313;
}

.main-section.battery-black .text .variants .variant-content::before,
.main-section.battery-black .text .variants .variant-content::after {
  background-color: #131313;
}

.main-section.battery-black .text .variants .variant-content:hover::after,
.main-section.battery-black .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-42deg, #131313 0%, #e8e8e8 22%, #131313 50%, #e8e8e8 77%, #131313 100%);
}

.main-section.battery-black .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-42deg, #131313 0%, #e8e8e8 22%, #131313 50%, #e8e8e8 77%, #131313 100%);
}

.main-section.battery-black .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e8e8e8;
}

.main-section.battery-black .text .variant-title,
.main-section.battery-black .text .variant-more {
  color: #e8e8e8;
}

.battery-black .btn-addcart {
  background: #3b3b3b url("/images/eighty8/btn-battery-black-bottom.svg") no-repeat bottom center;
  color: #ffffff;
}

.battery-black .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 232, 232, 0.85);
}

.battery-black .come-soon {
  background-color: #131313;
}

.battery-black .come-soon span {
  text-shadow: 0 0 21px #e8e8e8;
  color: #e8e8e8;
}

@keyframes battery-black-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 232, 232, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 232, 232, 0);
  }
}
.battery-black .variants-highlighted ul li .variant-content .content {
  animation: battery-black-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes battery-black-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 232, 232, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 232, 232, 0);
    }
  }
}
/* END battery-black Variants */
/* battery-black Responsive */
@media (max-width: 1659px) {
  .main-section.battery-black .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.battery-black .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.battery-black .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.battery-black {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-black .image {
    width: 660px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.battery-black .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 991px) {
  .main-section.battery-black {
    margin-top: 0;
  }
  .main-section.battery-black .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.battery-black .image {
    width: 420px;
    top: 20px;
  }
  .main-section.battery-black .image img {
    transform: translateX(-60px);
  }
}
@media (max-width: 575px) {
  .main-section.battery-black {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.battery-black .image {
    width: 290px;
    top: 0;
  }
  .main-section.battery-black .image img {
    transform: translateX(-42px);
  }
  .battery-black .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(246, 227, 25, 0.85);
  }
}
/* END battery-black Responsive */
/** END battery-black **/
.link-h4cbd-sour-diesel {
  position: relative;
  color: #efe62f;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-h4cbd-sour-diesel::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #efe62f;
  opacity: 1;
  transition: 0.3s all;
}
.link-h4cbd-sour-diesel:hover {
  color: #efe62f;
  text-decoration: none;
}
.link-h4cbd-sour-diesel:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-h4cbd-sour-diesel {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-h4cbd-sour-diesel {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-h4cbd-sour-diesel {
    font-size: 11px;
  }
}
/* La mota */
.main-section.h4cbd-sour-diesel {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.h4cbd-sour-diesel .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.h4cbd-sour-diesel .text h2,
.main-section.h4cbd-sour-diesel .text h3,
.modal-gallery#modal-gallery-149 .modal-title {
  color: #efe62f;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/h4cbd-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.h4cbd-sour-diesel .text h2::selection,
.main-section.h4cbd-sour-diesel .text h3::selection {
  background-color: #efe62f;
  -webkit-text-fill-color: #fff;
}

.main-section.h4cbd-sour-diesel .text ul li::selection {
  color: #fff;
  background: #efe62f;
}

.main-section.h4cbd-sour-diesel .text ul li span::selection {
  color: #fff;
  background: #efe62f;
}

.main-section.h4cbd-sour-diesel .text ul li a::selection {
  color: #efe62f;
  background: #fff;
}

.main-section.h4cbd-sour-diesel .text ul li:first-child::before {
  background: url("/images/eighty8/dna149.png") no-repeat center;
  background-size: 100%;
}

.main-section.h4cbd-sour-diesel .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila149.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-sour-diesel .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune149.png") no-repeat center;
  background-size: 85%;
}

.main-section.h4cbd-sour-diesel .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni149.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-sour-diesel .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon149.png") no-repeat center;
  background-size: 95%;
}

.main-section.h4cbd-sour-diesel .text .variants .variant-content .content {
  background-color: #1e1b00;
}

.main-section.h4cbd-sour-diesel .text .variants .variant-content::before,
.main-section.h4cbd-sour-diesel .text .variants .variant-content::after {
  background-color: #1e1b00;
}

.main-section.h4cbd-sour-diesel .text .variants .variant-content:hover::after,
.main-section.h4cbd-sour-diesel .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1e1b00 0%, #efe62f 22%, #1e1b00 50%, #efe62f 78%, #1e1b00 100%);
}

.main-section.h4cbd-sour-diesel .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1e1b00 0%, #efe62f 22%, #1e1b00 50%, #efe62f 78%, #1e1b00 100%);
}

.main-section.h4cbd-sour-diesel .text .variants input:checked + label .variant-content .variant-title,
.main-section.h4cbd-sour-diesel .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.h4cbd-sour-diesel .text .variant-title,
.main-section.h4cbd-sour-diesel .text .variant-more {
  color: #efe62f;
}

.h4cbd-sour-diesel .btn-addcart {
  background: #efe62f url("/images/eighty8/btn-h4cbd-sour-diesel-bottom.svg") no-repeat bottom center;
  color: #000;
}

.h4cbd-sour-diesel .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(239, 230, 47, 0.85);
}

.h4cbd-sour-diesel .come-soon {
  background-color: #1e1b00;
}

.h4cbd-sour-diesel .come-soon span {
  text-shadow: 0 0 21px #efe62f;
  color: #efe62f;
}

@keyframes h4cbd-sour-diesel-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 230, 47, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(239, 230, 47, 0);
  }
}
.h4cbd-sour-diesel .variants-highlighted ul li .variant-content .content {
  animation: h4cbd-sour-diesel-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes h4cbd-sour-diesel-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(239, 230, 47, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(239, 230, 47, 0);
    }
  }
}
/* La mota responsive */
@media (max-width: 1659px) {
  .main-section.h4cbd-sour-diesel {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.h4cbd-sour-diesel .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.h4cbd-sour-diesel {
    margin-top: -25px;
  }
  .main-section.h4cbd-sour-diesel .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.h4cbd-sour-diesel .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.h4cbd-sour-diesel {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.h4cbd-sour-diesel .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.h4cbd-sour-diesel {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.h4cbd-sour-diesel .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.h4cbd-sour-diesel .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.h4cbd-sour-diesel {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.h4cbd-sour-diesel .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END La mota responsive */
/* END La mota */
.link-h4cbd-gelato {
  position: relative;
  color: #964f9b;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-h4cbd-gelato::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #964f9b;
  opacity: 1;
  transition: 0.3s all;
}
.link-h4cbd-gelato:hover {
  color: #964f9b;
  text-decoration: none;
}
.link-h4cbd-gelato:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-h4cbd-gelato {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-h4cbd-gelato {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-h4cbd-gelato {
    font-size: 11px;
  }
}
/* H4CBD Gelato */
.main-section.h4cbd-gelato {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.h4cbd-gelato .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.h4cbd-gelato .text h2,
.main-section.h4cbd-gelato .text h3,
.modal-gallery#modal-gallery-150 .modal-title {
  color: #964f9b;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/h4cbd-gelato-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.h4cbd-gelato .text h2::selection,
.main-section.h4cbd-gelato .text h3::selection {
  -webkit-text-fill-color: #964f9b;
  background-color: #964f9b;
}

.main-section.h4cbd-gelato .text ul li span::selection {
  color: #964f9b;
  background: #964f9b;
}

.main-section.h4cbd-gelato .text ul li a::selection {
  color: #964f9b;
  background: #964f9b;
}

.main-section.h4cbd-gelato .text ul li::selection {
  color: #964f9b;
  background: #964f9b;
}

.main-section.h4cbd-gelato .text ul li:first-child::before {
  background: url("/images/eighty8/dna150.png") no-repeat center;
  background-size: 100%;
}

.main-section.h4cbd-gelato .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila150.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-gelato .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune150.png") no-repeat center;
  background-size: 85%;
}

.main-section.h4cbd-gelato .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni150.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-gelato .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon150.png") no-repeat center;
  background-size: 95%;
}

/* H4CBD Gelato Variants */
.main-section.h4cbd-gelato .text .variants .variant-content .content {
  background-color: #220a24;
}

.main-section.h4cbd-gelato .text .variants .variant-content::before,
.main-section.h4cbd-gelato .text .variants .variant-content::after {
  background-color: #220a24;
}

.main-section.h4cbd-gelato .text .variants .variant-content:hover::after,
.main-section.h4cbd-gelato .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #220a24 0%, #964f9b 22%, #220a24 50%, #964f9b 77%, #220a24 100%);
}

.main-section.h4cbd-gelato .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #220a24 0%, #964f9b 22%, #220a24 50%, #964f9b 77%, #220a24 100%);
}

.main-section.h4cbd-gelato .text .variants input:checked + label .variant-content .variant-title,
.main-section.h4cbd-gelato .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #964f9b;
}

.main-section.h4cbd-gelato .text .variant-title,
.main-section.h4cbd-gelato .text .variant-more {
  color: #964f9b;
}

.h4cbd-gelato .btn-addcart {
  background: #964f9b url("/images/eighty8/btn-h4cbd-gelato-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.h4cbd-gelato .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(150, 79, 155, 0.85);
}

.h4cbd-gelato .come-soon {
  background-color: #220a24;
}

.h4cbd-gelato .come-soon span {
  text-shadow: 0 0 21px #964f9b;
  color: #964f9b;
}

@keyframes h4cbd-gelato-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(150, 79, 155, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(150, 79, 155, 0);
  }
}
.h4cbd-gelato .variants-highlighted ul li .variant-content .content {
  animation: h4cbd-gelato-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes h4cbd-gelato-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(150, 79, 155, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(150, 79, 155, 0);
    }
  }
}
/* END H4CBD Gelato Variants */
/* H4CBD Gelato Responsive */
@media (max-width: 1659px) {
  .main-section.h4cbd-gelato {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.h4cbd-gelato .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.h4cbd-gelato {
    margin-top: -25px;
  }
  .main-section.h4cbd-gelato .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.h4cbd-gelato .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.h4cbd-gelato {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.h4cbd-gelato .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.h4cbd-gelato {
    padding-bottom: 35px;
  }
  .main-section.h4cbd-gelato .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.h4cbd-gelato .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.h4cbd-gelato {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.h4cbd-gelato .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END H4CBD Gelato Responsive */
/* END H4CBD Gelato */
.link-h4cbd-cheese {
  position: relative;
  color: #ed6d0a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-h4cbd-cheese::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ed6d0a;
  opacity: 1;
  transition: 0.3s all;
}
.link-h4cbd-cheese:hover {
  color: #ed6d0a;
  text-decoration: none;
}
.link-h4cbd-cheese:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-h4cbd-cheese {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-h4cbd-cheese {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-h4cbd-cheese {
    font-size: 11px;
  }
}
/* H4CBD Cheese */
.main-section.h4cbd-cheese {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.h4cbd-cheese .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.h4cbd-cheese .text h2,
.main-section.h4cbd-cheese .text h3,
.modal-gallery#modal-gallery-151 .modal-title {
  color: #ed6d0a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/h4cbd-cheese-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.h4cbd-cheese .text h2::selection,
.main-section.h4cbd-cheese .text h3::selection {
  background-color: #ed6d0a;
  -webkit-text-fill-color: #fff;
}

.main-section.h4cbd-cheese .text ul li::selection {
  color: #fff;
  background: #ed6d0a;
}

.main-section.h4cbd-cheese .text ul li span::selection {
  color: #fff;
  background: #ed6d0a;
}

.main-section.h4cbd-cheese .text ul li a::selection {
  color: #ed6d0a;
  background: #fff;
}

.main-section.h4cbd-cheese .text ul li:first-child::before {
  background: url("/images/eighty8/dna151.png") no-repeat center;
  background-size: 100%;
}

.main-section.h4cbd-cheese .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila151.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-cheese .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune151.png") no-repeat center;
  background-size: 85%;
}

.main-section.h4cbd-cheese .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni151.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-cheese .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon151.png") no-repeat center;
  background-size: 95%;
}

.main-section.h4cbd-cheese .text .variants .variant-content .content {
  background-color: #231002;
}

.main-section.h4cbd-cheese .text .variants .variant-content::before,
.main-section.h4cbd-cheese .text .variants .variant-content::after {
  background-color: #231002;
}

.main-section.h4cbd-cheese .text .variants .variant-content:hover::after,
.main-section.h4cbd-cheese .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #231002 0%, #ed6d0a 22%, #231002 50%, #ed6d0a 78%, #231002 100%);
}

.main-section.h4cbd-cheese .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #231002 0%, #ed6d0a 22%, #231002 50%, #ed6d0a 78%, #231002 100%);
}

.main-section.h4cbd-cheese .text .variants input:checked + label .variant-content .variant-title,
.main-section.h4cbd-cheese .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.h4cbd-cheese .text .variant-title,
.main-section.h4cbd-cheese .text .variant-more {
  color: #ed6d0a;
}

.h4cbd-cheese .btn-addcart {
  background: #ed6d0a url("/images/eighty8/btn-h4cbd-cheese-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.h4cbd-cheese .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(237, 109, 10, 0.85);
}

.h4cbd-cheese .come-soon {
  background-color: #231002;
}

.h4cbd-cheese .come-soon span {
  text-shadow: 0 0 21px #ed6d0a;
  color: #ed6d0a;
}

@keyframes h4cbd-cheese-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(237, 109, 10, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(237, 109, 10, 0);
  }
}
.h4cbd-cheese .variants-highlighted ul li .variant-content .content {
  animation: h4cbd-cheese-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes h4cbd-cheese-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(237, 109, 10, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(237, 109, 10, 0);
    }
  }
}
/* H4CBD Cheese responsive */
@media (max-width: 1659px) {
  .main-section.h4cbd-cheese {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.h4cbd-cheese .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.h4cbd-cheese {
    margin-top: -25px;
  }
  .main-section.h4cbd-cheese .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.h4cbd-cheese .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.h4cbd-cheese {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.h4cbd-cheese .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.h4cbd-cheese {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.h4cbd-cheese .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.h4cbd-cheese .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.h4cbd-cheese {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.h4cbd-cheese .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END H4CBD Cheese responsive */
/* END H4CBD Cheese */
.link-h4cbd-blue-dream {
  position: relative;
  color: #1a9c7a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-h4cbd-blue-dream::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #1a9c7a;
  opacity: 1;
  transition: 0.3s all;
}
.link-h4cbd-blue-dream:hover {
  color: #1a9c7a;
  text-decoration: none;
}
.link-h4cbd-blue-dream:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-h4cbd-blue-dream {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-h4cbd-blue-dream {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-h4cbd-blue-dream {
    font-size: 11px;
  }
}
/* H4CBD Blue dream */
.main-section.h4cbd-blue-dream {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.h4cbd-blue-dream .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.h4cbd-blue-dream .text h2,
.main-section.h4cbd-blue-dream .text h3,
.modal-gallery#modal-gallery-152 .modal-title {
  color: #1a9c7a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/h4cbd-blue-dream-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.h4cbd-blue-dream .text h2::selection,
.main-section.h4cbd-blue-dream .text h3::selection {
  -webkit-text-fill-color: #1a9c7a;
  background-color: #1a9c7a;
}

.main-section.h4cbd-blue-dream .text ul li span::selection {
  color: #1a9c7a;
  background: #1a9c7a;
}

.main-section.h4cbd-blue-dream .text ul li a::selection {
  color: #1a9c7a;
  background: #1a9c7a;
}

.main-section.h4cbd-blue-dream .text ul li::selection {
  color: #1a9c7a;
  background: #1a9c7a;
}

.main-section.h4cbd-blue-dream .text ul li:first-child::before {
  background: url("/images/eighty8/dna152.png") no-repeat center;
  background-size: 100%;
}

.main-section.h4cbd-blue-dream .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila152.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-blue-dream .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune152.png") no-repeat center;
  background-size: 85%;
}

.main-section.h4cbd-blue-dream .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni152.png") no-repeat center;
  background-size: 90%;
}

.main-section.h4cbd-blue-dream .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon152.png") no-repeat center;
  background-size: 95%;
}

/* H4CBD Blue dream Variants */
.main-section.h4cbd-blue-dream .text .variants .variant-content .content {
  background-color: #08201a;
}

.main-section.h4cbd-blue-dream .text .variants .variant-content::before,
.main-section.h4cbd-blue-dream .text .variants .variant-content::after {
  background-color: #08201a;
}

.main-section.h4cbd-blue-dream .text .variants .variant-content:hover::after,
.main-section.h4cbd-blue-dream .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #08201a 0%, #1a9c7a 22%, #08201a 50%, #1a9c7a 77%, #08201a 100%);
}

.main-section.h4cbd-blue-dream .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #08201a 0%, #1a9c7a 22%, #08201a 50%, #1a9c7a 77%, #08201a 100%);
}

.main-section.h4cbd-blue-dream .text .variants input:checked + label .variant-content .variant-title,
.main-section.h4cbd-blue-dream .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #1a9c7a;
}

.main-section.h4cbd-blue-dream .text .variant-title,
.main-section.h4cbd-blue-dream .text .variant-more {
  color: #1a9c7a;
}

.h4cbd-blue-dream .btn-addcart {
  background: #1a9c7a url("/images/eighty8/btn-h4cbd-blue-dream-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.h4cbd-blue-dream .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(26, 156, 122, 0.85);
}

.h4cbd-blue-dream .come-soon {
  background-color: #08201a;
}

.h4cbd-blue-dream .come-soon span {
  text-shadow: 0 0 21px #1a9c7a;
  color: #1a9c7a;
}

@keyframes h4cbd-blue-dream-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(26, 156, 122, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(26, 156, 122, 0);
  }
}
.h4cbd-blue-dream .variants-highlighted ul li .variant-content .content {
  animation: h4cbd-blue-dream-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes h4cbd-blue-dream-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(26, 156, 122, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(26, 156, 122, 0);
    }
  }
}
/* END H4CBD Blue dream Variants */
/* H4CBD Blue dream Responsive */
@media (max-width: 1659px) {
  .main-section.h4cbd-blue-dream {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.h4cbd-blue-dream .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.h4cbd-blue-dream {
    margin-top: -25px;
  }
  .main-section.h4cbd-blue-dream .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.h4cbd-blue-dream .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.h4cbd-blue-dream {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.h4cbd-blue-dream .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.h4cbd-blue-dream {
    padding-bottom: 35px;
  }
  .main-section.h4cbd-blue-dream .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.h4cbd-blue-dream .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.h4cbd-blue-dream {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.h4cbd-blue-dream .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END H4CBD Blue dream Responsive */
/* END H4CBD Blue dream */
.link-vape-h4cbd-lychee {
  position: relative;
  color: #e20917;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vape-h4cbd-lychee::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e20917;
  opacity: 1;
  transition: 0.3s all;
}
.link-vape-h4cbd-lychee:hover {
  color: #e20917;
  text-decoration: none;
}
.link-vape-h4cbd-lychee:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vape-h4cbd-lychee {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vape-h4cbd-lychee {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vape-h4cbd-lychee {
    font-size: 11px;
  }
}
/* Vape H4CBD Lychee */
.main-section.vape-h4cbd-lychee {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vape-h4cbd-lychee .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vape-h4cbd-lychee .text > ul {
  max-width: 550px;
}

.main-section.vape-h4cbd-lychee .text h2,
.main-section.vape-h4cbd-lychee .text h3,
.modal-gallery#modal-gallery-153 .modal-title {
  color: #e20917;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vape-h4cbd-lychee-txt.jpg");
}

.main-section.vape-h4cbd-lychee .text h2::selection,
.main-section.vape-h4cbd-lychee .text h3::selection {
  background-color: #e20917;
  -webkit-text-fill-color: #fff;
}

.main-section.vape-h4cbd-lychee .text ul li::selection {
  color: #fff;
  background: #e20917;
}

.main-section.vape-h4cbd-lychee .text ul li span::selection {
  color: #fff;
  background: #e20917;
}

.main-section.vape-h4cbd-lychee .text ul li a::selection {
  color: #e20917;
  background: #fff;
}

.main-section.vape-h4cbd-lychee .text ul li:first-child::before {
  background: url("/images/eighty8/dna153.png") no-repeat center;
  background-size: 100%;
}

.main-section.vape-h4cbd-lychee .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info153.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-lychee .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila153.png") no-repeat center;
  background-size: 85%;
}

.main-section.vape-h4cbd-lychee .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut153.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-lychee .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon153.png") no-repeat center;
  background-size: 95%;
}

.main-section.vape-h4cbd-lychee .text .variants .variant-content .content {
  background-color: #270c0e;
}

.main-section.vape-h4cbd-lychee .text .variants .variant-content::before,
.main-section.vape-h4cbd-lychee .text .variants .variant-content::after {
  background-color: #270c0e;
}

.main-section.vape-h4cbd-lychee .text .variants .variant-content:hover::after,
.main-section.vape-h4cbd-lychee .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e20917 22%, #270c0e 50%, #e20917 78%, #270c0e 100%);
}

.main-section.vape-h4cbd-lychee .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e20917 22%, #270c0e 50%, #e20917 78%, #270c0e 100%);
}

.main-section.vape-h4cbd-lychee .text .variants input:checked + label .variant-content .variant-title,
.main-section.vape-h4cbd-lychee .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e20917;
}

.main-section.vape-h4cbd-lychee .text .variant-title,
.main-section.vape-h4cbd-lychee .text .variant-more {
  color: #e20917;
}

.vape-h4cbd-lychee .btn-addcart {
  background: #e20917 url("/images/eighty8/btn-vape-h4cbd-lychee-bottom.svg") no-repeat bottom center;
}

.vape-h4cbd-lychee .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 9, 23, 0.85);
}

.vape-h4cbd-lychee .come-soon {
  background-color: #270c0e;
}

.vape-h4cbd-lychee .come-soon span {
  text-shadow: 0 0 21px #e20917;
  color: #e20917;
}

@keyframes vape-h4cbd-lychee-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 9, 23, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 9, 23, 0);
  }
}
.vape-h4cbd-lychee .variants-highlighted ul li .variant-content .content {
  animation: vape-h4cbd-lychee-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vape-h4cbd-lychee-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 9, 23, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 9, 23, 0);
    }
  }
}
/* Vape H4CBD Lychee responsive */
@media (max-width: 1659px) {
  .main-section.vape-h4cbd-lychee {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vape-h4cbd-lychee {
    margin-top: -55px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vape-h4cbd-lychee .image {
    width: 750px;
    left: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vape-h4cbd-lychee {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vape-h4cbd-lychee {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 600px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vape-h4cbd-lychee {
    margin-top: -100px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vape-h4cbd-lychee .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vape-h4cbd-lychee {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vape-h4cbd-lychee .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Vape H4CBD Lychee responsive */
/* END Vape H4CBD Lychee */
.link-vape-h4cbd-pineapple {
  position: relative;
  color: #fae414;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vape-h4cbd-pineapple::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #fae414;
  opacity: 1;
  transition: 0.3s all;
}
.link-vape-h4cbd-pineapple:hover {
  color: #fae414;
  text-decoration: none;
}
.link-vape-h4cbd-pineapple:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vape-h4cbd-pineapple {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vape-h4cbd-pineapple {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vape-h4cbd-pineapple {
    font-size: 11px;
  }
}
/** Vape Pineapple **/
.main-section.vape-h4cbd-pineapple {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vape-h4cbd-pineapple .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vape-h4cbd-pineapple .text h2,
.main-section.vape-h4cbd-pineapple .text h3,
.modal-gallery#modal-gallery-154 .modal-title {
  color: #fae414;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vape-h4cbd-pineapple-txt.jpg");
}

.main-section.vape-h4cbd-pineapple .text {
  position: relative;
  z-index: 15;
}

.main-section.vape-h4cbd-pineapple .text h2::selection,
.main-section.vape-h4cbd-pineapple .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #fae414;
}

.main-section.vape-h4cbd-pineapple .text ul li span::selection {
  color: #fff;
  background: #fae414;
}

.main-section.vape-h4cbd-pineapple .text ul li a::selection {
  color: #fae414;
  background: #fff;
}

.main-section.vape-h4cbd-pineapple .text ul li::selection {
  color: #fff;
  background: #fae414;
}

.main-section.vape-h4cbd-pineapple .text ul li:first-child::before {
  background: url("/images/eighty8/dna154.png") no-repeat center;
  background-size: 100%;
}

.main-section.vape-h4cbd-pineapple .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info154.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-pineapple .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila154.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-pineapple .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut154.png") no-repeat center;
  background-size: 95%;
}

.main-section.vape-h4cbd-pineapple .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon154.png") no-repeat center;
  background-size: 95%;
}

/* Vape Pineapple Variants */
.main-section.vape-h4cbd-pineapple .text .variants .variant-content .content {
  background-color: #1f1806;
}

.main-section.vape-h4cbd-pineapple .text .variants .variant-content::before,
.main-section.vape-h4cbd-pineapple .text .variants .variant-content::after {
  background-color: #1f1806;
}

.main-section.vape-h4cbd-pineapple .text .variants .variant-content:hover::after,
.main-section.vape-h4cbd-pineapple .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1806 0%, #fae414 22%, #1f1806 51%, #fae414 77%, #1f1806 100%);
}

.main-section.vape-h4cbd-pineapple .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1806 0%, #fae414 22%, #1f1806 51%, #fae414 77%, #1f1806 100%);
}

.main-section.vape-h4cbd-pineapple .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #fae414;
}

.main-section.vape-h4cbd-pineapple .text .variant-title,
.main-section.vape-h4cbd-pineapple .text .variant-more {
  color: #fae414;
}

.vape-h4cbd-pineapple .btn-addcart {
  background: #fae414 url("/images/eighty8/btn-vape-h4cbd-pineapple-bottom.svg") no-repeat bottom center;
  color: #000000;
}

.vape-h4cbd-pineapple .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(250, 228, 20, 0.85);
}

.vape-h4cbd-pineapple .come-soon {
  background-color: #1f1806;
}

.vape-h4cbd-pineapple .come-soon span {
  text-shadow: 0 0 21px #fae414;
  color: #fae414;
}

.vape-h4cbd-pineapple .come-soon {
  background-color: #1f1806;
}

.vape-h4cbd-pineapple .come-soon span {
  text-shadow: 0 0 21px #fae414;
  color: #fae414;
}

@keyframes vape-h4cbd-pineapple-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(250, 228, 20, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(250, 228, 20, 0);
  }
}
.vape-h4cbd-pineapple .variants-highlighted ul li .variant-content .content {
  animation: vape-h4cbd-pineapple-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vape-h4cbd-pineapple-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(250, 228, 20, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(250, 228, 20, 0);
    }
  }
}
/* END Vape Pineapple Variants */
/* Vape Pineapple Responsive */
@media (max-width: 1659px) {
  .main-section.vape-h4cbd-pineapple .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vape-h4cbd-pineapple .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vape-h4cbd-pineapple .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vape-h4cbd-pineapple {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vape-h4cbd-pineapple .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vape-h4cbd-pineapple .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vape-h4cbd-pineapple .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vape-h4cbd-pineapple {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vape-h4cbd-pineapple .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Vape Pineapple Responsive */
/** END Vape Pineapple **/
.link-vape-h4cbd-grape {
  position: relative;
  color: #cb78af;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vape-h4cbd-grape::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #cb78af;
  opacity: 1;
  transition: 0.3s all;
}
.link-vape-h4cbd-grape:hover {
  color: #cb78af;
  text-decoration: none;
}
.link-vape-h4cbd-grape:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vape-h4cbd-grape {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vape-h4cbd-grape {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vape-h4cbd-grape {
    font-size: 11px;
  }
}
/* Vape H4CBD Lychee */
.main-section.vape-h4cbd-grape {
  padding-top: 0;
  padding-bottom: 75px;
  margin-top: 0;
}
.main-section.vape-h4cbd-grape .image {
  top: -60px;
  left: 0;
  height: auto;
}

.main-section.vape-h4cbd-grape .text > ul {
  max-width: 550px;
}

.main-section.vape-h4cbd-grape .text h2,
.main-section.vape-h4cbd-grape .text h3,
.modal-gallery#modal-gallery-155 .modal-title {
  color: #cb78af;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vape-h4cbd-grape-txt.jpg");
}

.main-section.vape-h4cbd-grape .text h2::selection,
.main-section.vape-h4cbd-grape .text h3::selection {
  background-color: #cb78af;
  -webkit-text-fill-color: #fff;
}

.main-section.vape-h4cbd-grape .text ul li::selection {
  color: #fff;
  background: #cb78af;
}

.main-section.vape-h4cbd-grape .text ul li span::selection {
  color: #fff;
  background: #cb78af;
}

.main-section.vape-h4cbd-grape .text ul li a::selection {
  color: #cb78af;
  background: #fff;
}

.main-section.vape-h4cbd-grape .text ul li:first-child::before {
  background: url("/images/eighty8/dna155.png") no-repeat center;
  background-size: 100%;
}

.main-section.vape-h4cbd-grape .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info155.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-grape .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila155.png") no-repeat center;
  background-size: 85%;
}

.main-section.vape-h4cbd-grape .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut155.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-grape .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon155.png") no-repeat center;
  background-size: 95%;
}

.main-section.vape-h4cbd-grape .text .variants .variant-content .content {
  background-color: #260c1d;
}

.main-section.vape-h4cbd-grape .text .variants .variant-content::before,
.main-section.vape-h4cbd-grape .text .variants .variant-content::after {
  background-color: #260c1d;
}

.main-section.vape-h4cbd-grape .text .variants .variant-content:hover::after,
.main-section.vape-h4cbd-grape .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1d 0%, #cb78af 22%, #260c1d 50%, #cb78af 78%, #260c1d 100%);
}

.main-section.vape-h4cbd-grape .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1d 0%, #cb78af 22%, #260c1d 50%, #cb78af 78%, #260c1d 100%);
}

.main-section.vape-h4cbd-grape .text .variants input:checked + label .variant-content .variant-title,
.main-section.vape-h4cbd-grape .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #cb78af;
}

.main-section.vape-h4cbd-grape .text .variant-title,
.main-section.vape-h4cbd-grape .text .variant-more {
  color: #cb78af;
}

.vape-h4cbd-grape .btn-addcart {
  background: #cb78af url("/images/eighty8/btn-vape-h4cbd-grape-bottom.svg") no-repeat bottom center;
}

.vape-h4cbd-grape .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(203, 120, 175, 0.85);
}

.vape-h4cbd-grape .come-soon {
  background-color: #260c1d;
}

.vape-h4cbd-grape .come-soon span {
  text-shadow: 0 0 21px #cb78af;
  color: #cb78af;
}

@keyframes vape-h4cbd-grape-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(203, 120, 175, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(203, 120, 175, 0);
  }
}
.vape-h4cbd-grape .variants-highlighted ul li .variant-content .content {
  animation: vape-h4cbd-grape-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vape-h4cbd-grape-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(203, 120, 175, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(203, 120, 175, 0);
    }
  }
}
/* Vape H4CBD Lychee responsive */
@media (max-width: 1659px) {
  .main-section.vape-h4cbd-grape {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -30px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vape-h4cbd-grape {
    margin-top: -55px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vape-h4cbd-grape .image {
    width: 750px;
    left: 0;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .main-section.vape-h4cbd-grape {
    padding-top: 25px;
    padding-bottom: 60px;
    margin-top: -65px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.vape-h4cbd-grape {
    margin-top: -85px;
    padding-bottom: 35px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 600px;
    left: -80px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .main-section.vape-h4cbd-grape {
    margin-top: -100px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
  .main-section.vape-h4cbd-grape .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.vape-h4cbd-grape {
    margin-top: 15px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .main-section.vape-h4cbd-grape .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Vape H4CBD Lychee responsive */
/* END Vape H4CBD Lychee */
.link-vape-h4cbd-mango {
  position: relative;
  color: #eb7904;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-vape-h4cbd-mango::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #eb7904;
  opacity: 1;
  transition: 0.3s all;
}
.link-vape-h4cbd-mango:hover {
  color: #eb7904;
  text-decoration: none;
}
.link-vape-h4cbd-mango:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-vape-h4cbd-mango {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-vape-h4cbd-mango {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-vape-h4cbd-mango {
    font-size: 11px;
  }
}
/** Vape Mango **/
.main-section.vape-h4cbd-mango {
  padding-top: 0;
  padding-bottom: 95px;
  margin-top: 0;
}
.main-section.vape-h4cbd-mango .image {
  height: auto;
  top: -60px;
  right: 0;
}

.main-section.vape-h4cbd-mango .text h2,
.main-section.vape-h4cbd-mango .text h3,
.modal-gallery#modal-gallery-156 .modal-title {
  color: #eb7904;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/vape-h4cbd-mango-txt.jpg");
}

.main-section.vape-h4cbd-mango .text {
  position: relative;
  z-index: 15;
}

.main-section.vape-h4cbd-mango .text h2::selection,
.main-section.vape-h4cbd-mango .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #eb7904;
}

.main-section.vape-h4cbd-mango .text ul li span::selection {
  color: #fff;
  background: #eb7904;
}

.main-section.vape-h4cbd-mango .text ul li a::selection {
  color: #eb7904;
  background: #fff;
}

.main-section.vape-h4cbd-mango .text ul li::selection {
  color: #fff;
  background: #eb7904;
}

.main-section.vape-h4cbd-mango .text ul li:first-child::before {
  background: url("/images/eighty8/dna156.png") no-repeat center;
  background-size: 100%;
}

.main-section.vape-h4cbd-mango .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info156.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-mango .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila156.png") no-repeat center;
  background-size: 90%;
}

.main-section.vape-h4cbd-mango .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut156.png") no-repeat center;
  background-size: 95%;
}

.main-section.vape-h4cbd-mango .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon156.png") no-repeat center;
  background-size: 95%;
}

/* Vape Mango Variants */
.main-section.vape-h4cbd-mango .text .variants .variant-content .content {
  background-color: #1f1806;
}

.main-section.vape-h4cbd-mango .text .variants .variant-content::before,
.main-section.vape-h4cbd-mango .text .variants .variant-content::after {
  background-color: #1f1806;
}

.main-section.vape-h4cbd-mango .text .variants .variant-content:hover::after,
.main-section.vape-h4cbd-mango .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1806 0%, #eb7904 22%, #1f1806 51%, #eb7904 77%, #1f1806 100%);
}

.main-section.vape-h4cbd-mango .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1806 0%, #eb7904 22%, #1f1806 51%, #eb7904 77%, #1f1806 100%);
}

.main-section.vape-h4cbd-mango .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #eb7904;
}

.main-section.vape-h4cbd-mango .text .variant-title,
.main-section.vape-h4cbd-mango .text .variant-more {
  color: #eb7904;
}

.vape-h4cbd-mango .btn-addcart {
  background: #eb7904 url("/images/eighty8/btn-vape-h4cbd-mango-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.vape-h4cbd-mango .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(235, 121, 4, 0.85);
}

.vape-h4cbd-mango .come-soon {
  background-color: #1f1806;
}

.vape-h4cbd-mango .come-soon span {
  text-shadow: 0 0 21px #eb7904;
  color: #eb7904;
}

.vape-h4cbd-mango .come-soon {
  background-color: #1f1806;
}

.vape-h4cbd-mango .come-soon span {
  text-shadow: 0 0 21px #eb7904;
  color: #eb7904;
}

@keyframes vape-h4cbd-mango-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(235, 121, 4, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(235, 121, 4, 0);
  }
}
.vape-h4cbd-mango .variants-highlighted ul li .variant-content .content {
  animation: vape-h4cbd-mango-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes vape-h4cbd-mango-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(235, 121, 4, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(235, 121, 4, 0);
    }
  }
}
/* END Vape Mango Variants */
/* Vape Mango Responsive */
@media (max-width: 1659px) {
  .main-section.vape-h4cbd-mango .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.vape-h4cbd-mango .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.vape-h4cbd-mango .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.vape-h4cbd-mango {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -20px;
  }
  .main-section.vape-h4cbd-mango .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.vape-h4cbd-mango .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.vape-h4cbd-mango .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.vape-h4cbd-mango {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.vape-h4cbd-mango .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END Vape Mango Responsive */
/** END Vape Mango **/
.link-ss-green-crack {
  position: relative;
  color: #9ac146;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-green-crack::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #9ac146;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-green-crack:hover {
  color: #9ac146;
  text-decoration: none;
}
.link-ss-green-crack:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-green-crack {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-green-crack {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-green-crack {
    font-size: 11px;
  }
}
/* Green Crack */
.main-section.ss-green-crack {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-green-crack .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.ss-green-crack .text h2,
.main-section.ss-green-crack .text h3,
.modal-gallery#modal-gallery-157 .modal-title {
  color: #9ac146;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-green-crack-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.ss-green-crack .text h2::selection,
.main-section.ss-green-crack .text h3::selection {
  -webkit-text-fill-color: #9ac146;
  background-color: #9ac146;
}

.main-section.ss-green-crack .text ul li span::selection {
  color: #9ac146;
  background: #9ac146;
}

.main-section.ss-green-crack .text ul li a::selection {
  color: #9ac146;
  background: #9ac146;
}

.main-section.ss-green-crack .text ul li::selection {
  color: #9ac146;
  background: #9ac146;
}

.main-section.ss-green-crack .text ul li:first-child::before {
  background: url("/images/eighty8/dna157.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-green-crack .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila157.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-green-crack .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune157.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-green-crack .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni157.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-green-crack .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon157.png") no-repeat center;
  background-size: 95%;
}

/* Green Crack Variants */
.main-section.ss-green-crack .text .variants .variant-content .content {
  background-color: #131b01;
}

.main-section.ss-green-crack .text .variants .variant-content::before,
.main-section.ss-green-crack .text .variants .variant-content::after {
  background-color: #131b01;
}

.main-section.ss-green-crack .text .variants .variant-content:hover::after,
.main-section.ss-green-crack .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #131b01 0%, #9ac146 22%, #131b01 50%, #9ac146 77%, #131b01 100%);
}

.main-section.ss-green-crack .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #131b01 0%, #9ac146 22%, #131b01 50%, #9ac146 77%, #131b01 100%);
}

.main-section.ss-green-crack .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-green-crack .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #9ac146;
}

.main-section.ss-green-crack .text .variant-title,
.main-section.ss-green-crack .text .variant-more {
  color: #9ac146;
}

.ss-green-crack .btn-addcart {
  background: #9ac146 url("/images/eighty8/btn-ss-green-crack-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-green-crack .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(154, 193, 70, 0.85);
}

.ss-green-crack .come-soon {
  background-color: #131b01;
}

.ss-green-crack .come-soon span {
  text-shadow: 0 0 21px #9ac146;
  color: #9ac146;
}

@keyframes ss-green-crack-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(154, 193, 70, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(154, 193, 70, 0);
  }
}
.ss-green-crack .variants-highlighted ul li .variant-content .content {
  animation: ss-green-crack-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-green-crack-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(154, 193, 70, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(154, 193, 70, 0);
    }
  }
}
/* END Green Crack Variants */
/* Green Crack Responsive */
@media (max-width: 1659px) {
  .main-section.ss-green-crack {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-green-crack .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-green-crack {
    margin-top: -25px;
  }
  .main-section.ss-green-crack .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-green-crack .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-green-crack {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.ss-green-crack .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-green-crack {
    padding-bottom: 35px;
  }
  .main-section.ss-green-crack .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-green-crack .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-green-crack {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-green-crack .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Green Crack Responsive */
/* END Green Crack */
.link-ss-mimosa {
  position: relative;
  color: #facb3c;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-mimosa::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #facb3c;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-mimosa:hover {
  color: #facb3c;
  text-decoration: none;
}
.link-ss-mimosa:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-mimosa {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-mimosa {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-mimosa {
    font-size: 11px;
  }
}
/* Mimosa */
.main-section.ss-mimosa {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-mimosa .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.ss-mimosa .text h2,
.main-section.ss-mimosa .text h3,
.modal-gallery#modal-gallery-158 .modal-title {
  color: #facb3c;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-mimosa-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.ss-mimosa .text h2::selection,
.main-section.ss-mimosa .text h3::selection {
  background-color: #facb3c;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-mimosa .text ul li::selection {
  color: #fff;
  background: #facb3c;
}

.main-section.ss-mimosa .text ul li span::selection {
  color: #fff;
  background: #facb3c;
}

.main-section.ss-mimosa .text ul li a::selection {
  color: #facb3c;
  background: #fff;
}

.main-section.ss-mimosa .text ul li:first-child::before {
  background: url("/images/eighty8/dna158.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-mimosa .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila158.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-mimosa .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune158.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-mimosa .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni158.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-mimosa .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon158.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-mimosa .text .variants .variant-content .content {
  background-color: #1c1501;
}

.main-section.ss-mimosa .text .variants .variant-content::before,
.main-section.ss-mimosa .text .variants .variant-content::after {
  background-color: #1c1501;
}

.main-section.ss-mimosa .text .variants .variant-content:hover::after,
.main-section.ss-mimosa .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1c1501 0%, #facb3c 22%, #1c1501 50%, #facb3c 78%, #1c1501 100%);
}

.main-section.ss-mimosa .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1c1501 0%, #facb3c 22%, #1c1501 50%, #facb3c 78%, #1c1501 100%);
}

.main-section.ss-mimosa .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-mimosa .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.ss-mimosa .text .variant-title,
.main-section.ss-mimosa .text .variant-more {
  color: #facb3c;
}

.ss-mimosa .btn-addcart {
  background: #facb3c url("/images/eighty8/btn-ss-mimosa-bottom.svg") no-repeat bottom center;
  color: #000;
}

.ss-mimosa .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(250, 203, 60, 0.85);
}

.ss-mimosa .come-soon {
  background-color: #1c1501;
}

.ss-mimosa .come-soon span {
  text-shadow: 0 0 21px #facb3c;
  color: #facb3c;
}

@keyframes ss-mimosa-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(250, 203, 60, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(250, 203, 60, 0);
  }
}
.ss-mimosa .variants-highlighted ul li .variant-content .content {
  animation: ss-mimosa-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-mimosa-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(250, 203, 60, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(250, 203, 60, 0);
    }
  }
}
/* Mimosa responsive */
@media (max-width: 1659px) {
  .main-section.ss-mimosa {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-mimosa .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-mimosa {
    margin-top: -25px;
  }
  .main-section.ss-mimosa .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-mimosa .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-mimosa {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.ss-mimosa .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-mimosa {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.ss-mimosa .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-mimosa .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-mimosa {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.ss-mimosa .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Mimosa responsive */
/* END Mimosa */
.link-ss-purple-punch {
  position: relative;
  color: #9f7db4;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-purple-punch::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #9f7db4;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-purple-punch:hover {
  color: #9f7db4;
  text-decoration: none;
}
.link-ss-purple-punch:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-purple-punch {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-purple-punch {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-purple-punch {
    font-size: 11px;
  }
}
/* Purple Punch */
.main-section.ss-purple-punch {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-purple-punch .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.ss-purple-punch .text h2,
.main-section.ss-purple-punch .text h3,
.modal-gallery#modal-gallery-159 .modal-title {
  color: #9f7db4;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-purple-punch-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.ss-purple-punch .text h2::selection,
.main-section.ss-purple-punch .text h3::selection {
  -webkit-text-fill-color: #9f7db4;
  background-color: #9f7db4;
}

.main-section.ss-purple-punch .text ul li span::selection {
  color: #9f7db4;
  background: #9f7db4;
}

.main-section.ss-purple-punch .text ul li a::selection {
  color: #9f7db4;
  background: #9f7db4;
}

.main-section.ss-purple-punch .text ul li::selection {
  color: #9f7db4;
  background: #9f7db4;
}

.main-section.ss-purple-punch .text ul li:first-child::before {
  background: url("/images/eighty8/dna159.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-purple-punch .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila159.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-purple-punch .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune159.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-purple-punch .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni159.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-purple-punch .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon159.png") no-repeat center;
  background-size: 95%;
}

/* Purple Punch Variants */
.main-section.ss-purple-punch .text .variants .variant-content .content {
  background-color: #1b0926;
}

.main-section.ss-purple-punch .text .variants .variant-content::before,
.main-section.ss-purple-punch .text .variants .variant-content::after {
  background-color: #1b0926;
}

.main-section.ss-purple-punch .text .variants .variant-content:hover::after,
.main-section.ss-purple-punch .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #1b0926 0%, #9f7db4 22%, #1b0926 50%, #9f7db4 77%, #1b0926 100%);
}

.main-section.ss-purple-punch .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #1b0926 0%, #9f7db4 22%, #1b0926 50%, #9f7db4 77%, #1b0926 100%);
}

.main-section.ss-purple-punch .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-purple-punch .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #9f7db4;
}

.main-section.ss-purple-punch .text .variant-title,
.main-section.ss-purple-punch .text .variant-more {
  color: #9f7db4;
}

.ss-purple-punch .btn-addcart {
  background: #9f7db4 url("/images/eighty8/btn-ss-purple-punch-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-purple-punch .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(159, 125, 180, 0.85);
}

.ss-purple-punch .come-soon {
  background-color: #1b0926;
}

.ss-purple-punch .come-soon span {
  text-shadow: 0 0 21px #9f7db4;
  color: #9f7db4;
}

@keyframes ss-purple-punch-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(159, 125, 180, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(159, 125, 180, 0);
  }
}
.ss-purple-punch .variants-highlighted ul li .variant-content .content {
  animation: ss-purple-punch-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-purple-punch-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(159, 125, 180, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(159, 125, 180, 0);
    }
  }
}
/* END Purple Punch Variants */
/* Purple Punch Responsive */
@media (max-width: 1659px) {
  .main-section.ss-purple-punch {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-purple-punch .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-purple-punch {
    margin-top: -25px;
  }
  .main-section.ss-purple-punch .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-purple-punch .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-purple-punch {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.ss-purple-punch .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-purple-punch {
    padding-bottom: 35px;
  }
  .main-section.ss-purple-punch .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-purple-punch .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-purple-punch {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-purple-punch .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END Purple Punch Responsive */
/* END Purple Punch */
.link-ss-la-peyote {
  position: relative;
  color: #8cc480;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-la-peyote::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #8cc480;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-la-peyote:hover {
  color: #8cc480;
  text-decoration: none;
}
.link-ss-la-peyote:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-la-peyote {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-la-peyote {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-la-peyote {
    font-size: 11px;
  }
}
/* L.A. Peyote */
.main-section.ss-la-peyote {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-la-peyote .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.ss-la-peyote .text h2,
.main-section.ss-la-peyote .text h3,
.modal-gallery#modal-gallery-160 .modal-title {
  color: #8cc480;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-la-peyote-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.ss-la-peyote .text h2::selection,
.main-section.ss-la-peyote .text h3::selection {
  background-color: #8cc480;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-la-peyote .text ul li::selection {
  color: #fff;
  background: #8cc480;
}

.main-section.ss-la-peyote .text ul li span::selection {
  color: #fff;
  background: #8cc480;
}

.main-section.ss-la-peyote .text ul li a::selection {
  color: #8cc480;
  background: #fff;
}

.main-section.ss-la-peyote .text ul li:first-child::before {
  background: url("/images/eighty8/dna160.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-la-peyote .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila160.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-la-peyote .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune160.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-la-peyote .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni160.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-la-peyote .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon160.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-la-peyote .text .variants .variant-content .content {
  background-color: #11200d;
}

.main-section.ss-la-peyote .text .variants .variant-content::before,
.main-section.ss-la-peyote .text .variants .variant-content::after {
  background-color: #11200d;
}

.main-section.ss-la-peyote .text .variants .variant-content:hover::after,
.main-section.ss-la-peyote .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #11200d 0%, #8cc480 22%, #11200d 50%, #8cc480 78%, #11200d 100%);
}

.main-section.ss-la-peyote .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #11200d 0%, #8cc480 22%, #11200d 50%, #8cc480 78%, #11200d 100%);
}

.main-section.ss-la-peyote .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-la-peyote .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.ss-la-peyote .text .variant-title,
.main-section.ss-la-peyote .text .variant-more {
  color: #8cc480;
}

.ss-la-peyote .btn-addcart {
  background: #8cc480 url("/images/eighty8/btn-ss-la-peyote-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-la-peyote .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(140, 196, 128, 0.85);
}

.ss-la-peyote .come-soon {
  background-color: #11200d;
}

.ss-la-peyote .come-soon span {
  text-shadow: 0 0 21px #8cc480;
  color: #8cc480;
}

@keyframes ss-la-peyote-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(140, 196, 128, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(140, 196, 128, 0);
  }
}
.ss-la-peyote .variants-highlighted ul li .variant-content .content {
  animation: ss-la-peyote-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-la-peyote-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(140, 196, 128, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(140, 196, 128, 0);
    }
  }
}
/* L.A. Peyote responsive */
@media (max-width: 1659px) {
  .main-section.ss-la-peyote {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-la-peyote .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-la-peyote {
    margin-top: -25px;
  }
  .main-section.ss-la-peyote .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-la-peyote .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-la-peyote {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.ss-la-peyote .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-la-peyote {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.ss-la-peyote .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-la-peyote .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-la-peyote {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.ss-la-peyote .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END L.A. Peyote responsive */
/* END L.A. Peyote */
.link-ss-lsd {
  position: relative;
  color: #ff2e9d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-lsd::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff2e9d;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-lsd:hover {
  color: #ff2e9d;
  text-decoration: none;
}
.link-ss-lsd:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-lsd {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-lsd {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-lsd {
    font-size: 11px;
  }
}
/* LSD */
.main-section.ss-lsd {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-lsd .image {
  top: 0px;
  right: 0;
  height: auto;
}

.main-section.ss-lsd .text h2,
.main-section.ss-lsd .text h3,
.modal-gallery#modal-gallery-161 .modal-title {
  color: #ff2e9d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-lsd-txt.jpg");
  background-position: center;
  background-size: 100% auto;
}

.main-section.ss-lsd .text h2::selection,
.main-section.ss-lsd .text h3::selection {
  -webkit-text-fill-color: #ff2e9d;
  background-color: #ff2e9d;
}

.main-section.ss-lsd .text ul li span::selection {
  color: #ff2e9d;
  background: #ff2e9d;
}

.main-section.ss-lsd .text ul li a::selection {
  color: #ff2e9d;
  background: #ff2e9d;
}

.main-section.ss-lsd .text ul li::selection {
  color: #ff2e9d;
  background: #ff2e9d;
}

.main-section.ss-lsd .text ul li:first-child::before {
  background: url("/images/eighty8/dna161.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-lsd .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila161.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-lsd .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune161.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-lsd .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni161.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-lsd .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon161.png") no-repeat center;
  background-size: 95%;
}

/* LSD Variants */
.main-section.ss-lsd .text .variants .variant-content .content {
  background-color: #250b18;
}

.main-section.ss-lsd .text .variants .variant-content::before,
.main-section.ss-lsd .text .variants .variant-content::after {
  background-color: #250b18;
}

.main-section.ss-lsd .text .variants .variant-content:hover::after,
.main-section.ss-lsd .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-34deg, #250b18 0%, #ff2e9d 22%, #250b18 50%, #ff2e9d 77%, #250b18 100%);
}

.main-section.ss-lsd .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-34deg, #250b18 0%, #ff2e9d 22%, #250b18 50%, #ff2e9d 77%, #250b18 100%);
}

.main-section.ss-lsd .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-lsd .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ff2e9d;
}

.main-section.ss-lsd .text .variant-title,
.main-section.ss-lsd .text .variant-more {
  color: #ff2e9d;
}

.ss-lsd .btn-addcart {
  background: #ff2e9d url("/images/eighty8/btn-ss-lsd-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-lsd .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 46, 157, 0.85);
}

.ss-lsd .come-soon {
  background-color: #250b18;
}

.ss-lsd .come-soon span {
  text-shadow: 0 0 21px #ff2e9d;
  color: #ff2e9d;
}

@keyframes ss-lsd-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 46, 157, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 46, 157, 0);
  }
}
.ss-lsd .variants-highlighted ul li .variant-content .content {
  animation: ss-lsd-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-lsd-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 46, 157, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 46, 157, 0);
    }
  }
}
/* END LSD Variants */
/* LSD Responsive */
@media (max-width: 1659px) {
  .main-section.ss-lsd {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-lsd .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-lsd {
    margin-top: -25px;
  }
  .main-section.ss-lsd .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-lsd .image {
    width: 750px;
    right: -20px;
    top: -5px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-lsd {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -15px;
  }
  .main-section.ss-lsd .image {
    width: 660px;
    right: -80px;
    top: 30px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-lsd {
    padding-bottom: 35px;
  }
  .main-section.ss-lsd .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-lsd .image {
    width: 420px;
    right: -60px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-lsd {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-lsd .image {
    width: 290px;
    right: -42px;
    top: 15px;
  }
}
/* END LSD Responsive */
/* END LSD */
.link-ss-d-44-poison {
  position: relative;
  color: #62b447;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-d-44-poison::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #62b447;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-d-44-poison:hover {
  color: #62b447;
  text-decoration: none;
}
.link-ss-d-44-poison:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-d-44-poison {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-d-44-poison {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-d-44-poison {
    font-size: 11px;
  }
}
/* D-44 Poison */
.main-section.ss-d-44-poison {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.ss-d-44-poison .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.ss-d-44-poison .text h2,
.main-section.ss-d-44-poison .text h3,
.modal-gallery#modal-gallery-162 .modal-title {
  color: #62b447;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-d-44-poison-txt.jpg");
  background-size: 100% auto;
  line-height: 1;
}

.main-section.ss-d-44-poison .text h2::selection,
.main-section.ss-d-44-poison .text h3::selection {
  background-color: #62b447;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-d-44-poison .text ul li::selection {
  color: #fff;
  background: #62b447;
}

.main-section.ss-d-44-poison .text ul li span::selection {
  color: #fff;
  background: #62b447;
}

.main-section.ss-d-44-poison .text ul li a::selection {
  color: #62b447;
  background: #fff;
}

.main-section.ss-d-44-poison .text ul li:first-child::before {
  background: url("/images/eighty8/dna162.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-d-44-poison .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila162.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-d-44-poison .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune162.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-d-44-poison .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni162.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-d-44-poison .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon162.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-d-44-poison .text .variants .variant-content .content {
  background-color: #0f2109;
}

.main-section.ss-d-44-poison .text .variants .variant-content::before,
.main-section.ss-d-44-poison .text .variants .variant-content::after {
  background-color: #0f2109;
}

.main-section.ss-d-44-poison .text .variants .variant-content:hover::after,
.main-section.ss-d-44-poison .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #0f2109 0%, #62b447 22%, #0f2109 50%, #62b447 78%, #0f2109 100%);
}

.main-section.ss-d-44-poison .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #0f2109 0%, #62b447 22%, #0f2109 50%, #62b447 78%, #0f2109 100%);
}

.main-section.ss-d-44-poison .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-d-44-poison .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #daba48;
}

.main-section.ss-d-44-poison .text .variant-title,
.main-section.ss-d-44-poison .text .variant-more {
  color: #62b447;
}

.ss-d-44-poison .btn-addcart {
  background: #62b447 url("/images/eighty8/btn-ss-d-44-poison-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-d-44-poison .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(98, 180, 71, 0.85);
}

.ss-d-44-poison .come-soon {
  background-color: #0f2109;
}

.ss-d-44-poison .come-soon span {
  text-shadow: 0 0 21px #62b447;
  color: #62b447;
}

@keyframes ss-d-44-poison-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(98, 180, 71, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(98, 180, 71, 0);
  }
}
.ss-d-44-poison .variants-highlighted ul li .variant-content .content {
  animation: ss-d-44-poison-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-d-44-poison-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(98, 180, 71, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(98, 180, 71, 0);
    }
  }
}
/* D-44 Poison responsive */
@media (max-width: 1659px) {
  .main-section.ss-d-44-poison {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.ss-d-44-poison .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-d-44-poison {
    margin-top: -25px;
  }
  .main-section.ss-d-44-poison .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-d-44-poison .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-d-44-poison {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.ss-d-44-poison .image {
    width: 660px;
    left: -80px;
    top: 10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-d-44-poison {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.ss-d-44-poison .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-d-44-poison .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-d-44-poison {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.ss-d-44-poison .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END D-44 Poison responsive */
/* END D-44 Poison */
.link-ss-cartridge-lychee {
  position: relative;
  color: #f1292e;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-lychee::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f1292e;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-lychee:hover {
  color: #f1292e;
  text-decoration: none;
}
.link-ss-cartridge-lychee:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-lychee {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-lychee {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-lychee {
    font-size: 11px;
  }
}
/** Super Strong Cartridge Lychee **/
.main-section.ss-cartridge-lychee {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-lychee .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-lychee .text h2,
.main-section.ss-cartridge-lychee .text h3,
.modal-gallery#modal-gallery-163 .modal-title {
  color: #f1292e;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-lychee-txt.jpg");
}

.main-section.ss-cartridge-lychee .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-lychee .text h2::selection,
.main-section.ss-cartridge-lychee .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f1292e;
}

.main-section.ss-cartridge-lychee .text ul li span::selection {
  color: #fff;
  background: #f1292e;
}

.main-section.ss-cartridge-lychee .text ul li a::selection {
  color: #f1292e;
  background: #fff;
}

.main-section.ss-cartridge-lychee .text ul li::selection {
  color: #fff;
  background: #f1292e;
}

.main-section.ss-cartridge-lychee .text ul li:first-child::before {
  background: url("/images/eighty8/dna163.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-lychee .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info163.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-lychee .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila163.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-lychee .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut163.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-lychee .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon163.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge Lychee Variants */
.main-section.ss-cartridge-lychee .text .variants .variant-content .content {
  background-color: #260304;
}

.main-section.ss-cartridge-lychee .text .variants .variant-content::before,
.main-section.ss-cartridge-lychee .text .variants .variant-content::after {
  background-color: #260304;
}

.main-section.ss-cartridge-lychee .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-lychee .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260304 0%, #f1292e 22%, #260304 51%, #f1292e 77%, #260304 100%);
}

.main-section.ss-cartridge-lychee .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260304 0%, #f1292e 22%, #260304 51%, #f1292e 77%, #260304 100%);
}

.main-section.ss-cartridge-lychee .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f1292e;
}

.main-section.ss-cartridge-lychee .text .variant-title,
.main-section.ss-cartridge-lychee .text .variant-more {
  color: #f1292e;
}

.ss-cartridge-lychee .btn-addcart {
  background: #f1292e url("/images/eighty8/btn-ss-cartridge-lychee-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-lychee .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(241, 41, 46, 0.85);
}

.ss-cartridge-lychee .come-soon {
  background-color: #260304;
}

.ss-cartridge-lychee .come-soon span {
  text-shadow: 0 0 21px #f1292e;
  color: #f1292e;
}

@keyframes ss-cartridge-lychee-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(241, 41, 46, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(241, 41, 46, 0);
  }
}
.ss-cartridge-lychee .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-lychee-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-lychee-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(241, 41, 46, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(241, 41, 46, 0);
    }
  }
}
/* END Super Strong Cartridge Lychee Variants */
/* Super Strong Cartridge Lychee Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-lychee .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-lychee .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-lychee .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-lychee {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-lychee .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-lychee .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-lychee .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-lychee .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-lychee .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-lychee {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-lychee .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-lychee .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-lychee .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(241, 41, 46, 0.85);
  }
}
/* END Super Strong Cartridge Lychee Responsive */
/** END Super Strong Cartridge Lychee **/
.link-ss-cartridge-green-apple {
  position: relative;
  color: #a7ba2d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-green-apple::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #a7ba2d;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-green-apple:hover {
  color: #a7ba2d;
  text-decoration: none;
}
.link-ss-cartridge-green-apple:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-green-apple {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-green-apple {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-green-apple {
    font-size: 11px;
  }
}
/** Super Strong Cartridge green-apple **/
.main-section.ss-cartridge-green-apple {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-green-apple .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-green-apple .text h2,
.main-section.ss-cartridge-green-apple .text h3,
.modal-gallery#modal-gallery-164 .modal-title {
  color: #a7ba2d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-green-apple-txt.jpg");
}

.main-section.ss-cartridge-green-apple .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-green-apple .text h2::selection,
.main-section.ss-cartridge-green-apple .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #a7ba2d;
}

.main-section.ss-cartridge-green-apple .text ul li span::selection {
  color: #fff;
  background: #a7ba2d;
}

.main-section.ss-cartridge-green-apple .text ul li a::selection {
  color: #a7ba2d;
  background: #fff;
}

.main-section.ss-cartridge-green-apple .text ul li::selection {
  color: #fff;
  background: #a7ba2d;
}

.main-section.ss-cartridge-green-apple .text ul li:first-child::before {
  background: url("/images/eighty8/dna164.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-green-apple .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-green-apple .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-green-apple .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut164.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-green-apple .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon164.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge green-apple Variants */
.main-section.ss-cartridge-green-apple .text .variants .variant-content .content {
  background-color: #1b1f06;
}

.main-section.ss-cartridge-green-apple .text .variants .variant-content::before,
.main-section.ss-cartridge-green-apple .text .variants .variant-content::after {
  background-color: #1b1f06;
}

.main-section.ss-cartridge-green-apple .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-green-apple .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #a7ba2d 22%, #1b1f06 51%, #a7ba2d 77%, #1b1f06 100%);
}

.main-section.ss-cartridge-green-apple .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #a7ba2d 22%, #1b1f06 51%, #a7ba2d 77%, #1b1f06 100%);
}

.main-section.ss-cartridge-green-apple .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #a7ba2d;
}

.main-section.ss-cartridge-green-apple .text .variant-title,
.main-section.ss-cartridge-green-apple .text .variant-more {
  color: #a7ba2d;
}

.ss-cartridge-green-apple .btn-addcart {
  background: #a7ba2d url("/images/eighty8/btn-ss-cartridge-green-apple-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-green-apple .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(167, 186, 45, 0.85);
}

.ss-cartridge-green-apple .come-soon {
  background-color: #1b1f06;
}

.ss-cartridge-green-apple .come-soon span {
  text-shadow: 0 0 21px #a7ba2d;
  color: #a7ba2d;
}

@keyframes ss-cartridge-green-apple-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(167, 186, 45, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(167, 186, 45, 0);
  }
}
.ss-cartridge-green-apple .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-green-apple-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-green-apple-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(167, 186, 45, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(167, 186, 45, 0);
    }
  }
}
/* END Super Strong Cartridge green-apple Variants */
/* Super Strong Cartridge green-apple Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-green-apple .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-green-apple .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-green-apple .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-green-apple {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-green-apple .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-green-apple .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-green-apple .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-green-apple .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-green-apple .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-green-apple {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-green-apple .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-green-apple .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-green-apple .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(167, 186, 45, 0.85);
  }
}
/* END Super Strong Cartridge green-apple Responsive */
/** END Super Strong Cartridge green-apple **/
.link-ss-cartridge-raspberry {
  position: relative;
  color: #e8575a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-raspberry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8575a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-raspberry:hover {
  color: #e8575a;
  text-decoration: none;
}
.link-ss-cartridge-raspberry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-raspberry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-raspberry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-raspberry {
    font-size: 11px;
  }
}
/** Super Strong Cartridge raspberry **/
.main-section.ss-cartridge-raspberry {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-raspberry .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-raspberry .text h2,
.main-section.ss-cartridge-raspberry .text h3,
.modal-gallery#modal-gallery-165 .modal-title {
  color: #e8575a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-raspberry-txt.jpg");
}

.main-section.ss-cartridge-raspberry .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-raspberry .text h2::selection,
.main-section.ss-cartridge-raspberry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e8575a;
}

.main-section.ss-cartridge-raspberry .text ul li span::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-cartridge-raspberry .text ul li a::selection {
  color: #e8575a;
  background: #fff;
}

.main-section.ss-cartridge-raspberry .text ul li::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-cartridge-raspberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna165.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-raspberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-raspberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-raspberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut165.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-raspberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon165.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge raspberry Variants */
.main-section.ss-cartridge-raspberry .text .variants .variant-content .content {
  background-color: #1f0606;
}

.main-section.ss-cartridge-raspberry .text .variants .variant-content::before,
.main-section.ss-cartridge-raspberry .text .variants .variant-content::after {
  background-color: #1f0606;
}

.main-section.ss-cartridge-raspberry .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-raspberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 51%, #e8575a 77%, #1f0606 100%);
}

.main-section.ss-cartridge-raspberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 51%, #e8575a 77%, #1f0606 100%);
}

.main-section.ss-cartridge-raspberry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e8575a;
}

.main-section.ss-cartridge-raspberry .text .variant-title,
.main-section.ss-cartridge-raspberry .text .variant-more {
  color: #e8575a;
}

.ss-cartridge-raspberry .btn-addcart {
  background: #e8575a url("/images/eighty8/btn-ss-cartridge-raspberry-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-raspberry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 87, 90, 0.85);
}

.ss-cartridge-raspberry .come-soon {
  background-color: #1f0606;
}

.ss-cartridge-raspberry .come-soon span {
  text-shadow: 0 0 21px #e8575a;
  color: #e8575a;
}

@keyframes ss-cartridge-raspberry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 87, 90, 0);
  }
}
.ss-cartridge-raspberry .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-raspberry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-raspberry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 87, 90, 0);
    }
  }
}
/* END Super Strong Cartridge raspberry Variants */
/* Super Strong Cartridge raspberry Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-raspberry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-raspberry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-raspberry .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-raspberry {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-raspberry .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-raspberry .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-raspberry .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-raspberry .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-raspberry .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-raspberry {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-raspberry .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-raspberry .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-raspberry .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(232, 87, 90, 0.85);
  }
}
/* END Super Strong Cartridge raspberry Responsive */
/** END Super Strong Cartridge raspberry **/
.link-ss-cartridge-mixed-berry {
  position: relative;
  color: #c71d79;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-mixed-berry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #c71d79;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-mixed-berry:hover {
  color: #c71d79;
  text-decoration: none;
}
.link-ss-cartridge-mixed-berry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-mixed-berry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-mixed-berry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-mixed-berry {
    font-size: 11px;
  }
}
/** Super Strong Cartridge mixed-berry **/
.main-section.ss-cartridge-mixed-berry {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-mixed-berry .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-mixed-berry .text h2,
.main-section.ss-cartridge-mixed-berry .text h3,
.modal-gallery#modal-gallery-166 .modal-title {
  color: #c71d79;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-mixed-berry-txt.jpg");
}

.main-section.ss-cartridge-mixed-berry .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-mixed-berry .text h2::selection,
.main-section.ss-cartridge-mixed-berry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #c71d79;
}

.main-section.ss-cartridge-mixed-berry .text ul li span::selection {
  color: #fff;
  background: #c71d79;
}

.main-section.ss-cartridge-mixed-berry .text ul li a::selection {
  color: #c71d79;
  background: #fff;
}

.main-section.ss-cartridge-mixed-berry .text ul li::selection {
  color: #fff;
  background: #c71d79;
}

.main-section.ss-cartridge-mixed-berry .text ul li:first-child::before {
  background: url("/images/eighty8/dna166.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-mixed-berry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-mixed-berry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-mixed-berry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut166.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-mixed-berry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon166.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge mixed-berry Variants */
.main-section.ss-cartridge-mixed-berry .text .variants .variant-content .content {
  background-color: #1c0210;
}

.main-section.ss-cartridge-mixed-berry .text .variants .variant-content::before,
.main-section.ss-cartridge-mixed-berry .text .variants .variant-content::after {
  background-color: #1c0210;
}

.main-section.ss-cartridge-mixed-berry .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-mixed-berry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1c0210 0%, #c71d79 22%, #1c0210 51%, #c71d79 77%, #1c0210 100%);
}

.main-section.ss-cartridge-mixed-berry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1c0210 0%, #c71d79 22%, #1c0210 51%, #c71d79 77%, #1c0210 100%);
}

.main-section.ss-cartridge-mixed-berry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #c71d79;
}

.main-section.ss-cartridge-mixed-berry .text .variant-title,
.main-section.ss-cartridge-mixed-berry .text .variant-more {
  color: #c71d79;
}

.ss-cartridge-mixed-berry .btn-addcart {
  background: #c71d79 url("/images/eighty8/btn-ss-cartridge-mixed-berry-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-mixed-berry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(199, 29, 121, 0.85);
}

.ss-cartridge-mixed-berry .come-soon {
  background-color: #1c0210;
}

.ss-cartridge-mixed-berry .come-soon span {
  text-shadow: 0 0 21px #c71d79;
  color: #c71d79;
}

@keyframes ss-cartridge-mixed-berry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(199, 29, 121, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(199, 29, 121, 0);
  }
}
.ss-cartridge-mixed-berry .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-mixed-berry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-mixed-berry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(199, 29, 121, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(199, 29, 121, 0);
    }
  }
}
/* END Super Strong Cartridge mixed-berry Variants */
/* Super Strong Cartridge mixed-berry Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-mixed-berry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-mixed-berry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-mixed-berry .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-mixed-berry {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-mixed-berry .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-mixed-berry .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-mixed-berry .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-mixed-berry .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-mixed-berry .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-mixed-berry {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-mixed-berry .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-mixed-berry .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-mixed-berry .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(199, 29, 121, 0.85);
  }
}
/* END Super Strong Cartridge mixed-berry Responsive */
/** END Super Strong Cartridge mixed-berry **/
.link-ss-cartridge-watermelon {
  position: relative;
  color: #ea6692;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-watermelon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ea6692;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-watermelon:hover {
  color: #ea6692;
  text-decoration: none;
}
.link-ss-cartridge-watermelon:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-watermelon {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-watermelon {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-watermelon {
    font-size: 11px;
  }
}
/** Super Strong Cartridge watermelon **/
.main-section.ss-cartridge-watermelon {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-watermelon .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-watermelon .text h2,
.main-section.ss-cartridge-watermelon .text h3,
.modal-gallery#modal-gallery-167 .modal-title {
  color: #ea6692;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-watermelon-txt.jpg");
}

.main-section.ss-cartridge-watermelon .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-watermelon .text h2::selection,
.main-section.ss-cartridge-watermelon .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ea6692;
}

.main-section.ss-cartridge-watermelon .text ul li span::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-cartridge-watermelon .text ul li a::selection {
  color: #ea6692;
  background: #fff;
}

.main-section.ss-cartridge-watermelon .text ul li::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-cartridge-watermelon .text ul li:first-child::before {
  background: url("/images/eighty8/dna167.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-watermelon .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-watermelon .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-watermelon .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut167.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-watermelon .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon167.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge watermelon Variants */
.main-section.ss-cartridge-watermelon .text .variants .variant-content .content {
  background-color: #260c15;
}

.main-section.ss-cartridge-watermelon .text .variants .variant-content::before,
.main-section.ss-cartridge-watermelon .text .variants .variant-content::after {
  background-color: #260c15;
}

.main-section.ss-cartridge-watermelon .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-watermelon .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 51%, #ea6692 77%, #260c15 100%);
}

.main-section.ss-cartridge-watermelon .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 51%, #ea6692 77%, #260c15 100%);
}

.main-section.ss-cartridge-watermelon .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ea6692;
}

.main-section.ss-cartridge-watermelon .text .variant-title,
.main-section.ss-cartridge-watermelon .text .variant-more {
  color: #ea6692;
}

.ss-cartridge-watermelon .btn-addcart {
  background: #ea6692 url("/images/eighty8/btn-ss-cartridge-watermelon-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-watermelon .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(234, 102, 146, 0.85);
}

.ss-cartridge-watermelon .come-soon {
  background-color: #260c15;
}

.ss-cartridge-watermelon .come-soon span {
  text-shadow: 0 0 21px #ea6692;
  color: #ea6692;
}

@keyframes ss-cartridge-watermelon-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(234, 102, 146, 0);
  }
}
.ss-cartridge-watermelon .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-watermelon-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-watermelon-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(234, 102, 146, 0);
    }
  }
}
/* END Super Strong Cartridge watermelon Variants */
/* Super Strong Cartridge watermelon Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-watermelon .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-watermelon .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-watermelon .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-watermelon {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-watermelon .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-watermelon .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-watermelon .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-watermelon .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-watermelon .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-watermelon {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-watermelon .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-watermelon .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-watermelon .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(234, 102, 146, 0.85);
  }
}
/* END Super Strong Cartridge watermelon Responsive */
/** END Super Strong Cartridge watermelon **/
.link-ss-cartridge-cactus {
  position: relative;
  color: #a3ca86;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-cactus::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #a3ca86;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-cactus:hover {
  color: #a3ca86;
  text-decoration: none;
}
.link-ss-cartridge-cactus:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-cactus {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-cactus {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-cactus {
    font-size: 11px;
  }
}
/** Super Strong Cartridge cactus **/
.main-section.ss-cartridge-cactus {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-cactus .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-cactus .text h2,
.main-section.ss-cartridge-cactus .text h3,
.modal-gallery#modal-gallery-168 .modal-title {
  color: #a3ca86;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-cactus-txt.jpg");
}

.main-section.ss-cartridge-cactus .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-cactus .text h2::selection,
.main-section.ss-cartridge-cactus .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #a3ca86;
}

.main-section.ss-cartridge-cactus .text ul li span::selection {
  color: #fff;
  background: #a3ca86;
}

.main-section.ss-cartridge-cactus .text ul li a::selection {
  color: #a3ca86;
  background: #fff;
}

.main-section.ss-cartridge-cactus .text ul li::selection {
  color: #fff;
  background: #a3ca86;
}

.main-section.ss-cartridge-cactus .text ul li:first-child::before {
  background: url("/images/eighty8/dna168.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-cactus .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info168.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-cactus .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila168.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-cactus .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut168.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-cactus .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon168.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge cactus Variants */
.main-section.ss-cartridge-cactus .text .variants .variant-content .content {
  background-color: #17260c;
}

.main-section.ss-cartridge-cactus .text .variants .variant-content::before,
.main-section.ss-cartridge-cactus .text .variants .variant-content::after {
  background-color: #17260c;
}

.main-section.ss-cartridge-cactus .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-cactus .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #17260c 0%, #a3ca86 22%, #17260c 51%, #a3ca86 77%, #17260c 100%);
}

.main-section.ss-cartridge-cactus .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #17260c 0%, #a3ca86 22%, #17260c 51%, #a3ca86 77%, #17260c 100%);
}

.main-section.ss-cartridge-cactus .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #a3ca86;
}

.main-section.ss-cartridge-cactus .text .variant-title,
.main-section.ss-cartridge-cactus .text .variant-more {
  color: #a3ca86;
}

.ss-cartridge-cactus .btn-addcart {
  background: #a3ca86 url("/images/eighty8/btn-ss-cartridge-cactus-bottom.svg") no-repeat bottom center;
  color: #fff;
}

.ss-cartridge-cactus .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(163, 202, 134, 0.85);
}

.ss-cartridge-cactus .come-soon {
  background-color: #17260c;
}

.ss-cartridge-cactus .come-soon span {
  text-shadow: 0 0 21px #a3ca86;
  color: #a3ca86;
}

@keyframes ss-cartridge-cactus-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(163, 202, 134, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(163, 202, 134, 0);
  }
}
.ss-cartridge-cactus .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-cactus-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-cactus-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(163, 202, 134, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(163, 202, 134, 0);
    }
  }
}
/* END Super Strong Cartridge cactus Variants */
/* Super Strong Cartridge cactus Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-cactus .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-cactus .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-cactus .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-cactus {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-cactus .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-cactus .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-cactus .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-cactus .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-cactus .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-cactus {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-cactus .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-cactus .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-cactus .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(163, 202, 134, 0.85);
  }
}
/* END Super Strong Cartridge cactus Responsive */
/** END Super Strong Cartridge cactus **/
.link-ss-cartridge-cheese {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-cartridge-cheese::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-cartridge-cheese:hover {
  color: #fff;
  text-decoration: none;
}
.link-ss-cartridge-cheese:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-cartridge-cheese {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-cartridge-cheese {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-cartridge-cheese {
    font-size: 11px;
  }
}
/** Super Strong Cartridge cheese **/
.main-section.ss-cartridge-cheese {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-cartridge-cheese .image {
  height: 100%;
  top: 0;
  right: 0;
}

.main-section.ss-cartridge-cheese .text h2,
.main-section.ss-cartridge-cheese .text h3,
.modal-gallery#modal-gallery-169 .modal-title {
  color: #fff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-cheese-txt.jpg");
}

.main-section.ss-cartridge-cheese .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-cartridge-cheese .text h2::selection,
.main-section.ss-cartridge-cheese .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #fff;
}

.main-section.ss-cartridge-cheese .text ul li span::selection {
  color: #fff;
  background: #fff;
}

.main-section.ss-cartridge-cheese .text ul li a::selection {
  color: #fff;
  background: #fff;
}

.main-section.ss-cartridge-cheese .text ul li::selection {
  color: #fff;
  background: #fff;
}

.main-section.ss-cartridge-cheese .text ul li:first-child::before {
  background: url("/images/eighty8/dna138.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-cartridge-cheese .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info138.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-cheese .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila138.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-cartridge-cheese .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut138.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-cartridge-cheese .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon138.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Cartridge cheese Variants */
.main-section.ss-cartridge-cheese .text .variants .variant-content .content {
  background-color: #1a1a1a;
}

.main-section.ss-cartridge-cheese .text .variants .variant-content::before,
.main-section.ss-cartridge-cheese .text .variants .variant-content::after {
  background-color: #1a1a1a;
}

.main-section.ss-cartridge-cheese .text .variants .variant-content:hover::after,
.main-section.ss-cartridge-cheese .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1a1a1a 0%, #fff 22%, #1a1a1a 51%, #fff 77%, #1a1a1a 100%);
}

.main-section.ss-cartridge-cheese .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1a1a1a 0%, #fff 22%, #1a1a1a 51%, #fff 77%, #1a1a1a 100%);
}

.main-section.ss-cartridge-cheese .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #fff;
}

.main-section.ss-cartridge-cheese .text .variant-title,
.main-section.ss-cartridge-cheese .text .variant-more {
  color: #fff;
}

.ss-cartridge-cheese .btn-addcart {
  background: #fff url("/images/eighty8/btn-ss-cartridge-cheese-bottom.svg") no-repeat bottom center;
  color: #000;
}

.ss-cartridge-cheese .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.85);
}

.ss-cartridge-cheese .come-soon {
  background-color: #1a1a1a;
}

.ss-cartridge-cheese .come-soon span {
  text-shadow: 0 0 21px #fff;
  color: #fff;
}

@keyframes ss-cartridge-cheese-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
.ss-cartridge-cheese .variants-highlighted ul li .variant-content .content {
  animation: ss-cartridge-cheese-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-cartridge-cheese-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }
  }
}
/* END Super Strong Cartridge cheese Variants */
/* Super Strong Cartridge cheese Responsive */
@media (max-width: 1659px) {
  .main-section.ss-cartridge-cheese .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-cartridge-cheese .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-cartridge-cheese .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-cartridge-cheese {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: -20px;
  }
  .main-section.ss-cartridge-cheese .image {
    width: 660px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .main-section.ss-cartridge-cheese .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 991px) {
  .main-section.ss-cartridge-cheese .image {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .main-section.ss-cartridge-cheese .image {
    width: 420px;
    top: 0px;
  }
  .main-section.ss-cartridge-cheese .image img {
    transform: translateX(60px);
  }
}
@media (max-width: 575px) {
  .main-section.ss-cartridge-cheese {
    margin-top: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-cartridge-cheese .image {
    width: 290px;
    top: 0;
  }
  .main-section.ss-cartridge-cheese .image img {
    transform: translateX(42px);
  }
  .ss-cartridge-cheese .btn-addcart:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.85);
  }
}
/* END Super Strong Cartridge cheese Responsive */
/** END Super Strong Cartridge cheese **/
.link-ss-vape-cherry {
  position: relative;
  color: #e2252a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-cherry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e2252a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-cherry:hover {
  color: #e2252a;
  text-decoration: none;
}
.link-ss-vape-cherry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-cherry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-cherry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-cherry {
    font-size: 11px;
  }
}
/* Super Strong Vape Cherry */
.main-section.ss-vape-cherry {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-cherry .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-cherry .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-cherry .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-cherry .text h2,
.main-section.ss-vape-cherry .text h3,
.modal-gallery#modal-gallery-171 .modal-title {
  color: #e2252a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-cherry-txt.jpg");
}

.main-section.ss-vape-cherry .text h2::selection,
.main-section.ss-vape-cherry .text h3::selection {
  background-color: #e2252a;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-cherry .text ul li::selection {
  color: #fff;
  background: #e2252a;
}

.main-section.ss-vape-cherry .text ul li span::selection {
  color: #fff;
  background: #e2252a;
}

.main-section.ss-vape-cherry .text ul li a::selection {
  color: #e2252a;
  background: #fff;
}

.main-section.ss-vape-cherry .text ul li:first-child::before {
  background: url("/images/eighty8/dna171.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-cherry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info171.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-cherry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila171.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-cherry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut171.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-cherry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon171.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-cherry .text .variants .variant-content .content {
  background-color: #270c0e;
}

.main-section.ss-vape-cherry .text .variants .variant-content::before,
.main-section.ss-vape-cherry .text .variants .variant-content::after {
  background-color: #270c0e;
}

.main-section.ss-vape-cherry .text .variants .variant-content:hover::after,
.main-section.ss-vape-cherry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e2252a 22%, #270c0e 50%, #e2252a 78%, #270c0e 100%);
}

.main-section.ss-vape-cherry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e2252a 22%, #270c0e 50%, #e2252a 78%, #270c0e 100%);
}

.main-section.ss-vape-cherry .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-cherry .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e2252a;
}

.main-section.ss-vape-cherry .text .variant-title,
.main-section.ss-vape-cherry .text .variant-more {
  color: #e2252a;
}

.ss-vape-cherry .btn-addcart {
  background: #e2252a url("/images/eighty8/btn-ss-vape-cherry-bottom.svg") no-repeat bottom center;
}

.ss-vape-cherry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 37, 42, 0.85);
}

.ss-vape-cherry .come-soon {
  background-color: #270c0e;
}

.ss-vape-cherry .come-soon span {
  text-shadow: 0 0 21px #e2252a;
  color: #e2252a;
}

@keyframes ss-vape-cherry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 37, 42, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 37, 42, 0);
  }
}
.ss-vape-cherry .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-cherry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-cherry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 37, 42, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 37, 42, 0);
    }
  }
}
/* Super Strong Vape Cherry responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-cherry {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-cherry {
    margin-top: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-cherry .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-cherry {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-cherry {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-cherry .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-cherry {
    margin-top: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-cherry .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-cherry .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-cherry {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-cherry .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-cherry .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-cherry .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry responsive */
/* END Super Strong Vape Cherry */
.link-ss-vape-mixed-berry {
  position: relative;
  color: #d82785;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-mixed-berry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #d82785;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-mixed-berry:hover {
  color: #d82785;
  text-decoration: none;
}
.link-ss-vape-mixed-berry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-mixed-berry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-mixed-berry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-mixed-berry {
    font-size: 11px;
  }
}
/* Super Strong Vape Mixed Berry */
.main-section.ss-vape-mixed-berry {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-mixed-berry .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-mixed-berry .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-mixed-berry .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-mixed-berry .text h2,
.main-section.ss-vape-mixed-berry .text h3,
.modal-gallery#modal-gallery-172 .modal-title {
  color: #d82785;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-mixed-berry-txt.jpg");
}

.main-section.ss-vape-mixed-berry .text h2::selection,
.main-section.ss-vape-mixed-berry .text h3::selection {
  background-color: #d82785;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-mixed-berry .text ul li::selection {
  color: #fff;
  background: #d82785;
}

.main-section.ss-vape-mixed-berry .text ul li span::selection {
  color: #fff;
  background: #d82785;
}

.main-section.ss-vape-mixed-berry .text ul li a::selection {
  color: #d82785;
  background: #fff;
}

.main-section.ss-vape-mixed-berry .text ul li:first-child::before {
  background: url("/images/eighty8/dna166.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-mixed-berry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-mixed-berry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila166.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-mixed-berry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-mixed-berry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon166.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-mixed-berry .text .variants .variant-content .content {
  background-color: #260c1a;
}

.main-section.ss-vape-mixed-berry .text .variants .variant-content::before,
.main-section.ss-vape-mixed-berry .text .variants .variant-content::after {
  background-color: #260c1a;
}

.main-section.ss-vape-mixed-berry .text .variants .variant-content:hover::after,
.main-section.ss-vape-mixed-berry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1a 0%, #d82785 22%, #260c1a 50%, #d82785 78%, #260c1a 100%);
}

.main-section.ss-vape-mixed-berry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1a 0%, #d82785 22%, #260c1a 50%, #d82785 78%, #260c1a 100%);
}

.main-section.ss-vape-mixed-berry .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-mixed-berry .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #d82785;
}

.main-section.ss-vape-mixed-berry .text .variant-title,
.main-section.ss-vape-mixed-berry .text .variant-more {
  color: #d82785;
}

.ss-vape-mixed-berry .btn-addcart {
  background: #d82785 url("/images/eighty8/btn-ss-cartridge-mixed-berry-bottom.svg") no-repeat bottom center;
}

.ss-vape-mixed-berry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(216, 39, 133, 0.85);
}

.ss-vape-mixed-berry .come-soon {
  background-color: #260c1a;
}

.ss-vape-mixed-berry .come-soon span {
  text-shadow: 0 0 21px #d82785;
  color: #d82785;
}

@keyframes ss-vape-mixed-berry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(216, 39, 133, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(216, 39, 133, 0);
  }
}
.ss-vape-mixed-berry .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-mixed-berry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-mixed-berry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(216, 39, 133, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(216, 39, 133, 0);
    }
  }
}
/* Super Strong Vape Mixed Berry responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-mixed-berry {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-mixed-berry {
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-mixed-berry .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-mixed-berry {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-mixed-berry {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-mixed-berry .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-mixed-berry {
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-mixed-berry .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-mixed-berry .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-mixed-berry {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-mixed-berry .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-mixed-berry .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-mixed-berry .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Mixed Berry responsive */
/* END Super Strong Vape Mixed Berry */
.link-ss-vape-watermelon {
  position: relative;
  color: #ea6692;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-watermelon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ea6692;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-watermelon:hover {
  color: #ea6692;
  text-decoration: none;
}
.link-ss-vape-watermelon:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-watermelon {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-watermelon {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-watermelon {
    font-size: 11px;
  }
}
/* Super Strong Vape Watermelon */
.main-section.ss-vape-watermelon {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-watermelon .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-watermelon .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-watermelon .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-watermelon .text h2,
.main-section.ss-vape-watermelon .text h3,
.modal-gallery#modal-gallery-173 .modal-title {
  color: #ea6692;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-watermelon-txt.jpg");
}

.main-section.ss-vape-watermelon .text h2::selection,
.main-section.ss-vape-watermelon .text h3::selection {
  background-color: #ea6692;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-watermelon .text ul li::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-vape-watermelon .text ul li span::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-vape-watermelon .text ul li a::selection {
  color: #ea6692;
  background: #fff;
}

.main-section.ss-vape-watermelon .text ul li:first-child::before {
  background: url("/images/eighty8/dna167.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-watermelon .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-watermelon .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila167.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-watermelon .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-watermelon .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon167.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-watermelon .text .variants .variant-content .content {
  background-color: #260c15;
}

.main-section.ss-vape-watermelon .text .variants .variant-content::before,
.main-section.ss-vape-watermelon .text .variants .variant-content::after {
  background-color: #260c15;
}

.main-section.ss-vape-watermelon .text .variants .variant-content:hover::after,
.main-section.ss-vape-watermelon .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 50%, #ea6692 78%, #260c15 100%);
}

.main-section.ss-vape-watermelon .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 50%, #ea6692 78%, #260c15 100%);
}

.main-section.ss-vape-watermelon .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-watermelon .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ea6692;
}

.main-section.ss-vape-watermelon .text .variant-title,
.main-section.ss-vape-watermelon .text .variant-more {
  color: #ea6692;
}

.ss-vape-watermelon .btn-addcart {
  background: #ea6692 url("/images/eighty8/btn-ss-vape-watermelon-bottom.svg") no-repeat bottom center;
}

.ss-vape-watermelon .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(234, 102, 146, 0.85);
}

.ss-vape-watermelon .come-soon {
  background-color: #260c15;
}

.ss-vape-watermelon .come-soon span {
  text-shadow: 0 0 21px #ea6692;
  color: #ea6692;
}

@keyframes ss-vape-watermelon-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(234, 102, 146, 0);
  }
}
.ss-vape-watermelon .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-watermelon-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-watermelon-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(234, 102, 146, 0);
    }
  }
}
/* Super Strong Vape Watermelon responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-watermelon {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-watermelon {
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-watermelon .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-watermelon {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-watermelon {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-watermelon .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-watermelon {
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-watermelon .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-watermelon .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-watermelon {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-watermelon .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-watermelon .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-watermelon .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Watermelon responsive */
/* END Super Strong Vape Watermelon */
.link-ss-vape-dragon-fruit {
  position: relative;
  color: #e11350;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-dragon-fruit::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e11350;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-dragon-fruit:hover {
  color: #e11350;
  text-decoration: none;
}
.link-ss-vape-dragon-fruit:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-dragon-fruit {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-dragon-fruit {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-dragon-fruit {
    font-size: 11px;
  }
}
/* Super Strong Vape Dragon Fruit */
.main-section.ss-vape-dragon-fruit {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-dragon-fruit .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-dragon-fruit .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-dragon-fruit .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-dragon-fruit .text h2,
.main-section.ss-vape-dragon-fruit .text h3,
.modal-gallery#modal-gallery-174 .modal-title {
  color: #e11350;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-dragon-fruit-txt.jpg");
}

.main-section.ss-vape-dragon-fruit .text h2::selection,
.main-section.ss-vape-dragon-fruit .text h3::selection {
  background-color: #e11350;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-dragon-fruit .text ul li::selection {
  color: #fff;
  background: #e11350;
}

.main-section.ss-vape-dragon-fruit .text ul li span::selection {
  color: #fff;
  background: #e11350;
}

.main-section.ss-vape-dragon-fruit .text ul li a::selection {
  color: #e11350;
  background: #fff;
}

.main-section.ss-vape-dragon-fruit .text ul li:first-child::before {
  background: url("/images/eighty8/dna174.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-dragon-fruit .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info174.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-dragon-fruit .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila174.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-dragon-fruit .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut174.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-dragon-fruit .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon174.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-dragon-fruit .text .variants .variant-content .content {
  background-color: #260c14;
}

.main-section.ss-vape-dragon-fruit .text .variants .variant-content::before,
.main-section.ss-vape-dragon-fruit .text .variants .variant-content::after {
  background-color: #260c14;
}

.main-section.ss-vape-dragon-fruit .text .variants .variant-content:hover::after,
.main-section.ss-vape-dragon-fruit .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c14 0%, #e11350 22%, #260c14 50%, #e11350 78%, #260c14 100%);
}

.main-section.ss-vape-dragon-fruit .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c14 0%, #e11350 22%, #260c14 50%, #e11350 78%, #260c14 100%);
}

.main-section.ss-vape-dragon-fruit .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-dragon-fruit .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e11350;
}

.main-section.ss-vape-dragon-fruit .text .variant-title,
.main-section.ss-vape-dragon-fruit .text .variant-more {
  color: #e11350;
}

.ss-vape-dragon-fruit .btn-addcart {
  background: #e11350 url("/images/eighty8/btn-ss-vape-dragon-fruit-bottom.svg") no-repeat bottom center;
}

.ss-vape-dragon-fruit .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(225, 19, 80, 0.85);
}

.ss-vape-dragon-fruit .come-soon {
  background-color: #260c14;
}

.ss-vape-dragon-fruit .come-soon span {
  text-shadow: 0 0 21px #e11350;
  color: #e11350;
}

@keyframes ss-vape-dragon-fruit-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(225, 19, 80, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(225, 19, 80, 0);
  }
}
.ss-vape-dragon-fruit .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-dragon-fruit-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-dragon-fruit-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(225, 19, 80, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(225, 19, 80, 0);
    }
  }
}
/* Super Strong Vape Dragon Fruit responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-dragon-fruit {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-dragon-fruit {
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-dragon-fruit .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-dragon-fruit {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-dragon-fruit {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-dragon-fruit .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-dragon-fruit {
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-dragon-fruit .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-dragon-fruit .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-dragon-fruit {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-dragon-fruit .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-dragon-fruit .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-dragon-fruit .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Dragon Fruit responsive */
/* END Super Strong Vape Dragon Fruit */
.link-ss-vape-pinacolada {
  position: relative;
  color: #f0e73a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-pinacolada::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f0e73a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-pinacolada:hover {
  color: #f0e73a;
  text-decoration: none;
}
.link-ss-vape-pinacolada:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-pinacolada {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-pinacolada {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-pinacolada {
    font-size: 11px;
  }
}
/* Super Strong Vape Pinacolada */
.main-section.ss-vape-pinacolada {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-pinacolada .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-pinacolada .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-pinacolada .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-pinacolada .text h2,
.main-section.ss-vape-pinacolada .text h3,
.modal-gallery#modal-gallery-175 .modal-title {
  color: #f0e73a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-pinacolada-txt.jpg");
}

.main-section.ss-vape-pinacolada .text h2::selection,
.main-section.ss-vape-pinacolada .text h3::selection {
  background-color: #f0e73a;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-pinacolada .text ul li::selection {
  color: #fff;
  background: #f0e73a;
}

.main-section.ss-vape-pinacolada .text ul li span::selection {
  color: #fff;
  background: #f0e73a;
}

.main-section.ss-vape-pinacolada .text ul li a::selection {
  color: #f0e73a;
  background: #fff;
}

.main-section.ss-vape-pinacolada .text ul li:first-child::before {
  background: url("/images/eighty8/dna175.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-pinacolada .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info175.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-pinacolada .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila175.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-pinacolada .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut175.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-pinacolada .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon175.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-pinacolada .text .variants .variant-content .content {
  background-color: #1f1e06;
}

.main-section.ss-vape-pinacolada .text .variants .variant-content::before,
.main-section.ss-vape-pinacolada .text .variants .variant-content::after {
  background-color: #1f1e06;
}

.main-section.ss-vape-pinacolada .text .variants .variant-content:hover::after,
.main-section.ss-vape-pinacolada .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1e06 0%, #f0e73a 22%, #1f1e06 50%, #f0e73a 78%, #1f1e06 100%);
}

.main-section.ss-vape-pinacolada .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1e06 0%, #f0e73a 22%, #1f1e06 50%, #f0e73a 78%, #1f1e06 100%);
}

.main-section.ss-vape-pinacolada .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-pinacolada .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #f0e73a;
}

.main-section.ss-vape-pinacolada .text .variant-title,
.main-section.ss-vape-pinacolada .text .variant-more {
  color: #f0e73a;
}

.ss-vape-pinacolada .btn-addcart {
  background: #f0e73a url("/images/eighty8/btn-ss-vape-pinacolada-bottom.svg") no-repeat bottom center;
  color: #000;
}

.ss-vape-pinacolada .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(240, 231, 58, 0.85);
}

.ss-vape-pinacolada .come-soon {
  background-color: #1f1e06;
}

.ss-vape-pinacolada .come-soon span {
  text-shadow: 0 0 21px #f0e73a;
  color: #f0e73a;
}

@keyframes ss-vape-pinacolada-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 231, 58, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(240, 231, 58, 0);
  }
}
.ss-vape-pinacolada .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-pinacolada-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-pinacolada-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(240, 231, 58, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(240, 231, 58, 0);
    }
  }
}
/* Super Strong Vape Pinacolada responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-pinacolada {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-pinacolada {
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-pinacolada .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-pinacolada {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-pinacolada {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-pinacolada .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-pinacolada {
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-pinacolada .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-pinacolada .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-pinacolada {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-pinacolada .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-pinacolada .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-pinacolada .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Pinacolada responsive */
/* END Super Strong Vape Pinacolada */
.link-ss-vape-green-apple {
  position: relative;
  color: #b9cf2d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-green-apple::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #b9cf2d;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-green-apple:hover {
  color: #b9cf2d;
  text-decoration: none;
}
.link-ss-vape-green-apple:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-green-apple {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-green-apple {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-green-apple {
    font-size: 11px;
  }
}
/* Super Strong Vape Pinacolada */
.main-section.ss-vape-green-apple {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-green-apple .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-green-apple .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-green-apple .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-green-apple .text h2,
.main-section.ss-vape-green-apple .text h3,
.modal-gallery#modal-gallery-176 .modal-title {
  color: #b9cf2d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-green-apple-txt.jpg");
}

.main-section.ss-vape-green-apple .text h2::selection,
.main-section.ss-vape-green-apple .text h3::selection {
  background-color: #b9cf2d;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-green-apple .text ul li::selection {
  color: #fff;
  background: #b9cf2d;
}

.main-section.ss-vape-green-apple .text ul li span::selection {
  color: #fff;
  background: #b9cf2d;
}

.main-section.ss-vape-green-apple .text ul li a::selection {
  color: #b9cf2d;
  background: #fff;
}

.main-section.ss-vape-green-apple .text ul li:first-child::before {
  background: url("/images/eighty8/dna164.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-green-apple .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-green-apple .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila164.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-green-apple .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-green-apple .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon164.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-green-apple .text .variants .variant-content .content {
  background-color: #1b1f06;
}

.main-section.ss-vape-green-apple .text .variants .variant-content::before,
.main-section.ss-vape-green-apple .text .variants .variant-content::after {
  background-color: #1b1f06;
}

.main-section.ss-vape-green-apple .text .variants .variant-content:hover::after,
.main-section.ss-vape-green-apple .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #b9cf2d 22%, #1b1f06 50%, #b9cf2d 78%, #1b1f06 100%);
}

.main-section.ss-vape-green-apple .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #b9cf2d 22%, #1b1f06 50%, #b9cf2d 78%, #1b1f06 100%);
}

.main-section.ss-vape-green-apple .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-green-apple .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #b9cf2d;
}

.main-section.ss-vape-green-apple .text .variant-title,
.main-section.ss-vape-green-apple .text .variant-more {
  color: #b9cf2d;
}

.ss-vape-green-apple .btn-addcart {
  background: #b9cf2d url("/images/eighty8/btn-ss-vape-green-apple-bottom.svg") no-repeat bottom center;
  color: #000;
}

.ss-vape-green-apple .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(185, 207, 45, 0.85);
}

.ss-vape-green-apple .come-soon {
  background-color: #1b1f06;
}

.ss-vape-green-apple .come-soon span {
  text-shadow: 0 0 21px #b9cf2d;
  color: #b9cf2d;
}

@keyframes ss-vape-green-apple-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(185, 207, 45, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(185, 207, 45, 0);
  }
}
.ss-vape-green-apple .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-green-apple-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-green-apple-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(185, 207, 45, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(185, 207, 45, 0);
    }
  }
}
/* Super Strong Vape Pinacolada responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-green-apple {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-green-apple {
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-green-apple .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-green-apple {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-green-apple {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-green-apple .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-green-apple {
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-green-apple .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-green-apple .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-green-apple {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-green-apple .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-green-apple .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-green-apple .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Pinacolada responsive */
/* END Super Strong Vape Pinacolada */
.link-ss-vape-orange {
  position: relative;
  color: #ee7309;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-orange::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ee7309;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-orange:hover {
  color: #ee7309;
  text-decoration: none;
}
.link-ss-vape-orange:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-orange {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-orange {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-orange {
    font-size: 11px;
  }
}
/* Super Strong Vape Watermelon */
.main-section.ss-vape-orange {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-orange .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-orange .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-orange .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-orange .text h2,
.main-section.ss-vape-orange .text h3,
.modal-gallery#modal-gallery-177 .modal-title {
  color: #ee7309;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-orange-txt.jpg");
}

.main-section.ss-vape-orange .text h2::selection,
.main-section.ss-vape-orange .text h3::selection {
  background-color: #ee7309;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-orange .text ul li::selection {
  color: #fff;
  background: #ee7309;
}

.main-section.ss-vape-orange .text ul li span::selection {
  color: #fff;
  background: #ee7309;
}

.main-section.ss-vape-orange .text ul li a::selection {
  color: #ee7309;
  background: #fff;
}

.main-section.ss-vape-orange .text ul li:first-child::before {
  background: url("/images/eighty8/dna177.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-orange .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info177.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-orange .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila177.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-orange .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut177.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-orange .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon177.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-orange .text .variants .variant-content .content {
  background-color: #1f1106;
}

.main-section.ss-vape-orange .text .variants .variant-content::before,
.main-section.ss-vape-orange .text .variants .variant-content::after {
  background-color: #1f1106;
}

.main-section.ss-vape-orange .text .variants .variant-content:hover::after,
.main-section.ss-vape-orange .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1106 0%, #ee7309 22%, #1f1106 50%, #ee7309 78%, #1f1106 100%);
}

.main-section.ss-vape-orange .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1106 0%, #ee7309 22%, #1f1106 50%, #ee7309 78%, #1f1106 100%);
}

.main-section.ss-vape-orange .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-orange .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #ee7309;
}

.main-section.ss-vape-orange .text .variant-title,
.main-section.ss-vape-orange .text .variant-more {
  color: #ee7309;
}

.ss-vape-orange .btn-addcart {
  background: #ee7309 url("/images/eighty8/btn-ss-vape-orange-bottom.svg") no-repeat bottom center;
}

.ss-vape-orange .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(238, 115, 9, 0.85);
}

.ss-vape-orange .come-soon {
  background-color: #1f1106;
}

.ss-vape-orange .come-soon span {
  text-shadow: 0 0 21px #ee7309;
  color: #ee7309;
}

@keyframes ss-vape-orange-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(238, 115, 9, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(238, 115, 9, 0);
  }
}
.ss-vape-orange .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-orange-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-orange-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(238, 115, 9, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(238, 115, 9, 0);
    }
  }
}
/* Super Strong Vape Watermelon responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-orange {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-orange {
    margin-top: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-orange .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-orange {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-orange {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-orange .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-orange {
    margin-top: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-orange .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-orange .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-orange {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-orange .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-orange .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-orange .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Watermelon responsive */
/* END Super Strong Vape Watermelon */
.link-ss-vape-raspberry {
  position: relative;
  color: #e8575a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-raspberry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8575a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-raspberry:hover {
  color: #e8575a;
  text-decoration: none;
}
.link-ss-vape-raspberry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-raspberry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-raspberry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-raspberry {
    font-size: 11px;
  }
}
/* Super Strong Vape Watermelon */
.main-section.ss-vape-raspberry {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-raspberry .image {
  top: 0;
  left: 0;
  height: auto;
}

.main-section.ss-vape-raspberry .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-raspberry .text h2 {
  line-height: 0.9;
  display: inline-block;
  margin-bottom: 0;
}

.main-section.ss-vape-raspberry .text h2,
.main-section.ss-vape-raspberry .text h3,
.modal-gallery#modal-gallery-178 .modal-title {
  color: #e8575a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-raspberry-txt.jpg");
}

.main-section.ss-vape-raspberry .text h2::selection,
.main-section.ss-vape-raspberry .text h3::selection {
  background-color: #e8575a;
  -webkit-text-fill-color: #fff;
}

.main-section.ss-vape-raspberry .text ul li::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-vape-raspberry .text ul li span::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-vape-raspberry .text ul li a::selection {
  color: #e8575a;
  background: #fff;
}

.main-section.ss-vape-raspberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna165.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-raspberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-raspberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila165.png") no-repeat center;
  background-size: 85%;
}

.main-section.ss-vape-raspberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-raspberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon165.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-raspberry .text .variants .variant-content .content {
  background-color: #1f0606;
}

.main-section.ss-vape-raspberry .text .variants .variant-content::before,
.main-section.ss-vape-raspberry .text .variants .variant-content::after {
  background-color: #1f0606;
}

.main-section.ss-vape-raspberry .text .variants .variant-content:hover::after,
.main-section.ss-vape-raspberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 50%, #e8575a 78%, #1f0606 100%);
}

.main-section.ss-vape-raspberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 50%, #e8575a 78%, #1f0606 100%);
}

.main-section.ss-vape-raspberry .text .variants input:checked + label .variant-content .variant-title,
.main-section.ss-vape-raspberry .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #e8575a;
}

.main-section.ss-vape-raspberry .text .variant-title,
.main-section.ss-vape-raspberry .text .variant-more {
  color: #e8575a;
}

.ss-vape-raspberry .btn-addcart {
  background: #e8575a url("/images/eighty8/btn-ss-vape-raspberry-bottom.svg") no-repeat bottom center;
}

.ss-vape-raspberry .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 87, 90, 0.85);
}

.ss-vape-raspberry .come-soon {
  background-color: #1f0606;
}

.ss-vape-raspberry .come-soon span {
  text-shadow: 0 0 21px #e8575a;
  color: #e8575a;
}

@keyframes ss-vape-raspberry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 87, 90, 0);
  }
}
.ss-vape-raspberry .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-raspberry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-raspberry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 87, 90, 0);
    }
  }
}
/* Super Strong Vape Watermelon responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-raspberry {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-raspberry {
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-raspberry .image {
    width: 750px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-raspberry {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 660px;
    left: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-raspberry {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 600px;
    left: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-raspberry .image img {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-raspberry {
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 420px;
    left: 0;
    top: 15px;
  }
  .main-section.ss-vape-raspberry .image img {
    transform: translateX(-30px);
  }
  .main-section.ss-vape-raspberry .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-raspberry {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-raspberry .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-raspberry .image img {
    transform: translateX(-20px);
  }
  .main-section.ss-vape-raspberry .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Watermelon responsive */
/* END Super Strong Vape Watermelon */
.link-ss-vape-cherry-2ml {
  position: relative;
  color: #e2252a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-cherry-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e2252a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-cherry-2ml:hover {
  color: #e2252a;
  text-decoration: none;
}
.link-ss-vape-cherry-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-cherry-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-cherry-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-cherry-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-cherry-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-cherry-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-cherry-2ml .text h2,
.main-section.ss-vape-cherry-2ml .text h3,
.modal-gallery#modal-gallery-179 .modal-title {
  color: #e2252a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-cherry-txt.jpg");
}

.main-section.ss-vape-cherry-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-cherry-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-cherry-2ml .text h2::selection,
.main-section.ss-vape-cherry-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e2252a;
}

.main-section.ss-vape-cherry-2ml .text ul li span::selection {
  color: #fff;
  background: #e2252a;
}

.main-section.ss-vape-cherry-2ml .text ul li a::selection {
  color: #e2252a;
  background: #fff;
}

.main-section.ss-vape-cherry-2ml .text ul li::selection {
  color: #fff;
  background: #e2252a;
}

.main-section.ss-vape-cherry-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna171.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-cherry-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info171.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-cherry-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila171.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-cherry-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut171.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-cherry-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon171.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-cherry-2ml .text .variants .variant-content .content {
  background-color: #270c0e;
}

.main-section.ss-vape-cherry-2ml .text .variants .variant-content::before,
.main-section.ss-vape-cherry-2ml .text .variants .variant-content::after {
  background-color: #270c0e;
}

.main-section.ss-vape-cherry-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-cherry-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e2252a 22%, #270c0e 51%, #e2252a 77%, #270c0e 100%);
}

.main-section.ss-vape-cherry-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #270c0e 0%, #e2252a 22%, #270c0e 51%, #e2252a 77%, #270c0e 100%);
}

.main-section.ss-vape-cherry-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e2252a;
}

.main-section.ss-vape-cherry-2ml .text .variant-title,
.main-section.ss-vape-cherry-2ml .text .variant-more {
  color: #e2252a;
}

.ss-vape-cherry-2ml .btn-addcart {
  background: #e2252a url("/images/eighty8/btn-ss-vape-cherry-bottom.svg") no-repeat bottom center;
}

.ss-vape-cherry-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(226, 37, 42, 0.85);
}

.ss-vape-cherry-2ml .come-soon {
  background-color: #270c0e;
}

.ss-vape-cherry-2ml .come-soon span {
  text-shadow: 0 0 21px #e2252a;
  color: #e2252a;
}

@keyframes ss-vape-cherry-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 37, 42, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(226, 37, 42, 0);
  }
}
.ss-vape-cherry-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-cherry-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-cherry-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(226, 37, 42, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(226, 37, 42, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-cherry-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-cherry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-cherry-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-cherry-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-cherry-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-cherry-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-cherry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-cherry-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-cherry-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-cherry-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-cherry-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-cherry-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-cherry-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-mixed-berry-2ml {
  position: relative;
  color: #d82785;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-mixed-berry-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #d82785;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-mixed-berry-2ml:hover {
  color: #d82785;
  text-decoration: none;
}
.link-ss-vape-mixed-berry-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-mixed-berry-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-mixed-berry-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-mixed-berry-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-mixed-berry-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-mixed-berry-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-mixed-berry-2ml .text h2,
.main-section.ss-vape-mixed-berry-2ml .text h3,
.modal-gallery#modal-gallery-180 .modal-title {
  color: #d82785;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-mixed-berry-txt.jpg");
}

.main-section.ss-vape-mixed-berry-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-mixed-berry-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-mixed-berry-2ml .text h2::selection,
.main-section.ss-vape-mixed-berry-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #d82785;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li span::selection {
  color: #fff;
  background: #d82785;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li a::selection {
  color: #d82785;
  background: #fff;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li::selection {
  color: #fff;
  background: #d82785;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna166.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila166.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut166.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-mixed-berry-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon166.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-mixed-berry-2ml .text .variants .variant-content .content {
  background-color: #260c1a;
}

.main-section.ss-vape-mixed-berry-2ml .text .variants .variant-content::before,
.main-section.ss-vape-mixed-berry-2ml .text .variants .variant-content::after {
  background-color: #260c1a;
}

.main-section.ss-vape-mixed-berry-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-mixed-berry-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1a 0%, #d82785 22%, #260c1a 51%, #d82785 77%, #260c1a 100%);
}

.main-section.ss-vape-mixed-berry-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c1a 0%, #d82785 22%, #260c1a 51%, #d82785 77%, #260c1a 100%);
}

.main-section.ss-vape-mixed-berry-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #d82785;
}

.main-section.ss-vape-mixed-berry-2ml .text .variant-title,
.main-section.ss-vape-mixed-berry-2ml .text .variant-more {
  color: #d82785;
}

.ss-vape-mixed-berry-2ml .btn-addcart {
  background: #d82785 url("/images/eighty8/btn-ss-cartridge-mixed-berry-bottom.svg") no-repeat bottom center;
}

.ss-vape-mixed-berry-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(216, 39, 133, 0.85);
}

.ss-vape-mixed-berry-2ml .come-soon {
  background-color: #260c1a;
}

.ss-vape-mixed-berry-2ml .come-soon span {
  text-shadow: 0 0 21px #d82785;
  color: #d82785;
}

@keyframes ss-vape-mixed-berry-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(216, 39, 133, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(216, 39, 133, 0);
  }
}
.ss-vape-mixed-berry-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-mixed-berry-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-mixed-berry-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(216, 39, 133, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(216, 39, 133, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-mixed-berry-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-mixed-berry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-mixed-berry-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-mixed-berry-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-mixed-berry-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-mixed-berry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-mixed-berry-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-mixed-berry-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-mixed-berry-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-mixed-berry-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-mixed-berry-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-mixed-berry-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-watermelon-2ml {
  position: relative;
  color: #ea6692;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-watermelon-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ea6692;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-watermelon-2ml:hover {
  color: #ea6692;
  text-decoration: none;
}
.link-ss-vape-watermelon-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-watermelon-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-watermelon-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-watermelon-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-watermelon-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-watermelon-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-watermelon-2ml .text h2,
.main-section.ss-vape-watermelon-2ml .text h3,
.modal-gallery#modal-gallery-181 .modal-title {
  color: #ea6692;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-watermelon-txt.jpg");
}

.main-section.ss-vape-watermelon-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-watermelon-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-watermelon-2ml .text h2::selection,
.main-section.ss-vape-watermelon-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ea6692;
}

.main-section.ss-vape-watermelon-2ml .text ul li span::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-vape-watermelon-2ml .text ul li a::selection {
  color: #ea6692;
  background: #fff;
}

.main-section.ss-vape-watermelon-2ml .text ul li::selection {
  color: #fff;
  background: #ea6692;
}

.main-section.ss-vape-watermelon-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna167.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-watermelon-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-watermelon-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila167.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-watermelon-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut167.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-watermelon-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon167.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-watermelon-2ml .text .variants .variant-content .content {
  background-color: #260c15;
}

.main-section.ss-vape-watermelon-2ml .text .variants .variant-content::before,
.main-section.ss-vape-watermelon-2ml .text .variants .variant-content::after {
  background-color: #260c15;
}

.main-section.ss-vape-watermelon-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-watermelon-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 51%, #ea6692 77%, #260c15 100%);
}

.main-section.ss-vape-watermelon-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c15 0%, #ea6692 22%, #260c15 51%, #ea6692 77%, #260c15 100%);
}

.main-section.ss-vape-watermelon-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ea6692;
}

.main-section.ss-vape-watermelon-2ml .text .variant-title,
.main-section.ss-vape-watermelon-2ml .text .variant-more {
  color: #ea6692;
}

.ss-vape-watermelon-2ml .btn-addcart {
  background: #ea6692 url("/images/eighty8/btn-ss-vape-watermelon-bottom.svg") no-repeat bottom center;
}

.ss-vape-watermelon-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(234, 102, 146, 0.85);
}

.ss-vape-watermelon-2ml .come-soon {
  background-color: #260c15;
}

.ss-vape-watermelon-2ml .come-soon span {
  text-shadow: 0 0 21px #ea6692;
  color: #ea6692;
}

@keyframes ss-vape-watermelon-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(234, 102, 146, 0);
  }
}
.ss-vape-watermelon-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-watermelon-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-watermelon-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(234, 102, 146, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(234, 102, 146, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-watermelon-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-watermelon-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-watermelon-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-watermelon-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-watermelon-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-watermelon-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-watermelon-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-watermelon-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-watermelon-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-watermelon-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-watermelon-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-watermelon-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-watermelon-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-dragon-fruit-2ml {
  position: relative;
  color: #e11350;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-dragon-fruit-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e11350;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-dragon-fruit-2ml:hover {
  color: #e11350;
  text-decoration: none;
}
.link-ss-vape-dragon-fruit-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-dragon-fruit-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-dragon-fruit-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-dragon-fruit-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-dragon-fruit-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-dragon-fruit-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-dragon-fruit-2ml .text h2,
.main-section.ss-vape-dragon-fruit-2ml .text h3,
.modal-gallery#modal-gallery-182 .modal-title {
  color: #e11350;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-dragon-fruit-txt.jpg");
}

.main-section.ss-vape-dragon-fruit-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-dragon-fruit-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-dragon-fruit-2ml .text h2::selection,
.main-section.ss-vape-dragon-fruit-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e11350;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li span::selection {
  color: #fff;
  background: #e11350;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li a::selection {
  color: #e11350;
  background: #fff;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li::selection {
  color: #fff;
  background: #e11350;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna174.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info174.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila174.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut174.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-dragon-fruit-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon174.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-dragon-fruit-2ml .text .variants .variant-content .content {
  background-color: #260c14;
}

.main-section.ss-vape-dragon-fruit-2ml .text .variants .variant-content::before,
.main-section.ss-vape-dragon-fruit-2ml .text .variants .variant-content::after {
  background-color: #260c14;
}

.main-section.ss-vape-dragon-fruit-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-dragon-fruit-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #260c14 0%, #e11350 22%, #260c14 51%, #e11350 77%, #260c14 100%);
}

.main-section.ss-vape-dragon-fruit-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #260c14 0%, #e11350 22%, #260c14 51%, #e11350 77%, #260c14 100%);
}

.main-section.ss-vape-dragon-fruit-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e11350;
}

.main-section.ss-vape-dragon-fruit-2ml .text .variant-title,
.main-section.ss-vape-dragon-fruit-2ml .text .variant-more {
  color: #e11350;
}

.ss-vape-dragon-fruit-2ml .btn-addcart {
  background: #e11350 url("/images/eighty8/btn-ss-vape-dragon-fruit-bottom.svg") no-repeat bottom center;
}

.ss-vape-dragon-fruit-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(225, 19, 80, 0.85);
}

.ss-vape-dragon-fruit-2ml .come-soon {
  background-color: #260c14;
}

.ss-vape-dragon-fruit-2ml .come-soon span {
  text-shadow: 0 0 21px #e11350;
  color: #e11350;
}

@keyframes ss-vape-dragon-fruit-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(225, 19, 80, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(225, 19, 80, 0);
  }
}
.ss-vape-dragon-fruit-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-dragon-fruit-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-dragon-fruit-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(225, 19, 80, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(225, 19, 80, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-dragon-fruit-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-dragon-fruit-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-dragon-fruit-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-dragon-fruit-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-pinacolada-2ml {
  position: relative;
  color: #f0e73a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-pinacolada-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #f0e73a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-pinacolada-2ml:hover {
  color: #f0e73a;
  text-decoration: none;
}
.link-ss-vape-pinacolada-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-pinacolada-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-pinacolada-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-pinacolada-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-pinacolada-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-pinacolada-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-pinacolada-2ml .text h2,
.main-section.ss-vape-pinacolada-2ml .text h3,
.modal-gallery#modal-gallery-183 .modal-title {
  color: #f0e73a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-pinacolada-txt.jpg");
}

.main-section.ss-vape-pinacolada-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-pinacolada-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-pinacolada-2ml .text h2::selection,
.main-section.ss-vape-pinacolada-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #f0e73a;
}

.main-section.ss-vape-pinacolada-2ml .text ul li span::selection {
  color: #fff;
  background: #f0e73a;
}

.main-section.ss-vape-pinacolada-2ml .text ul li a::selection {
  color: #f0e73a;
  background: #fff;
}

.main-section.ss-vape-pinacolada-2ml .text ul li::selection {
  color: #fff;
  background: #f0e73a;
}

.main-section.ss-vape-pinacolada-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna175.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-pinacolada-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info175.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-pinacolada-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila175.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-pinacolada-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut175.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-pinacolada-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon175.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-pinacolada-2ml .text .variants .variant-content .content {
  background-color: #1f1e06;
}

.main-section.ss-vape-pinacolada-2ml .text .variants .variant-content::before,
.main-section.ss-vape-pinacolada-2ml .text .variants .variant-content::after {
  background-color: #1f1e06;
}

.main-section.ss-vape-pinacolada-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-pinacolada-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1e06 0%, #f0e73a 22%, #1f1e06 51%, #f0e73a 77%, #1f1e06 100%);
}

.main-section.ss-vape-pinacolada-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1e06 0%, #f0e73a 22%, #1f1e06 51%, #f0e73a 77%, #1f1e06 100%);
}

.main-section.ss-vape-pinacolada-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #f0e73a;
}

.main-section.ss-vape-pinacolada-2ml .text .variant-title,
.main-section.ss-vape-pinacolada-2ml .text .variant-more {
  color: #f0e73a;
}

.ss-vape-pinacolada-2ml .btn-addcart {
  background: #f0e73a url("/images/eighty8/btn-ss-vape-pinacolada-bottom.svg") no-repeat bottom center;
}

.ss-vape-pinacolada-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(240, 231, 58, 0.85);
}

.ss-vape-pinacolada-2ml .come-soon {
  background-color: #1f1e06;
}

.ss-vape-pinacolada-2ml .come-soon span {
  text-shadow: 0 0 21px #f0e73a;
  color: #f0e73a;
}

@keyframes ss-vape-pinacolada-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 231, 58, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(240, 231, 58, 0);
  }
}
.ss-vape-pinacolada-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-pinacolada-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-pinacolada-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(240, 231, 58, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(240, 231, 58, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-pinacolada-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-pinacolada-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-pinacolada-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-pinacolada-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-pinacolada-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-pinacolada-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-pinacolada-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-pinacolada-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-pinacolada-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-pinacolada-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-pinacolada-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-pinacolada-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-green-apple-2ml {
  position: relative;
  color: #b9cf2d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-green-apple-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #b9cf2d;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-green-apple-2ml:hover {
  color: #b9cf2d;
  text-decoration: none;
}
.link-ss-vape-green-apple-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-green-apple-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-green-apple-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-green-apple-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-green-apple-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-green-apple-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-green-apple-2ml .text h2,
.main-section.ss-vape-green-apple-2ml .text h3,
.modal-gallery#modal-gallery-184 .modal-title {
  color: #b9cf2d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-green-apple-txt.jpg");
}

.main-section.ss-vape-green-apple-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-green-apple-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-green-apple-2ml .text h2::selection,
.main-section.ss-vape-green-apple-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #b9cf2d;
}

.main-section.ss-vape-green-apple-2ml .text ul li span::selection {
  color: #fff;
  background: #b9cf2d;
}

.main-section.ss-vape-green-apple-2ml .text ul li a::selection {
  color: #b9cf2d;
  background: #fff;
}

.main-section.ss-vape-green-apple-2ml .text ul li::selection {
  color: #fff;
  background: #b9cf2d;
}

.main-section.ss-vape-green-apple-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna164.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-green-apple-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-green-apple-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila164.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-green-apple-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut164.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-green-apple-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon164.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-green-apple-2ml .text .variants .variant-content .content {
  background-color: #1b1f06;
}

.main-section.ss-vape-green-apple-2ml .text .variants .variant-content::before,
.main-section.ss-vape-green-apple-2ml .text .variants .variant-content::after {
  background-color: #1b1f06;
}

.main-section.ss-vape-green-apple-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-green-apple-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #b9cf2d 22%, #1b1f06 51%, #b9cf2d 77%, #1b1f06 100%);
}

.main-section.ss-vape-green-apple-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1b1f06 0%, #b9cf2d 22%, #1b1f06 51%, #b9cf2d 77%, #1b1f06 100%);
}

.main-section.ss-vape-green-apple-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #b9cf2d;
}

.main-section.ss-vape-green-apple-2ml .text .variant-title,
.main-section.ss-vape-green-apple-2ml .text .variant-more {
  color: #b9cf2d;
}

.ss-vape-green-apple-2ml .btn-addcart {
  background: #b9cf2d url("/images/eighty8/btn-ss-vape-green-apple-bottom.svg") no-repeat bottom center;
}

.ss-vape-green-apple-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(185, 207, 45, 0.85);
}

.ss-vape-green-apple-2ml .come-soon {
  background-color: #1b1f06;
}

.ss-vape-green-apple-2ml .come-soon span {
  text-shadow: 0 0 21px #b9cf2d;
  color: #b9cf2d;
}

@keyframes ss-vape-green-apple-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(185, 207, 45, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(185, 207, 45, 0);
  }
}
.ss-vape-green-apple-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-green-apple-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-green-apple-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(185, 207, 45, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(185, 207, 45, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-green-apple-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-green-apple-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-green-apple-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-green-apple-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-green-apple-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-green-apple-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-green-apple-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-green-apple-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-green-apple-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-green-apple-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-green-apple-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-green-apple-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-green-apple-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-orange-2ml {
  position: relative;
  color: #ee7309;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-orange-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ee7309;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-orange-2ml:hover {
  color: #ee7309;
  text-decoration: none;
}
.link-ss-vape-orange-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-orange-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-orange-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-orange-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-orange-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-orange-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-orange-2ml .text h2,
.main-section.ss-vape-orange-2ml .text h3,
.modal-gallery#modal-gallery-185 .modal-title {
  color: #ee7309;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-vape-orange-txt.jpg");
}

.main-section.ss-vape-orange-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-orange-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-orange-2ml .text h2::selection,
.main-section.ss-vape-orange-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ee7309;
}

.main-section.ss-vape-orange-2ml .text ul li span::selection {
  color: #fff;
  background: #ee7309;
}

.main-section.ss-vape-orange-2ml .text ul li a::selection {
  color: #ee7309;
  background: #fff;
}

.main-section.ss-vape-orange-2ml .text ul li::selection {
  color: #fff;
  background: #ee7309;
}

.main-section.ss-vape-orange-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna177.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-orange-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info177.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-orange-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila177.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-orange-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut177.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-orange-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon177.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-orange-2ml .text .variants .variant-content .content {
  background-color: #1f1106;
}

.main-section.ss-vape-orange-2ml .text .variants .variant-content::before,
.main-section.ss-vape-orange-2ml .text .variants .variant-content::after {
  background-color: #1f1106;
}

.main-section.ss-vape-orange-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-orange-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1106 0%, #ee7309 22%, #1f1106 51%, #ee7309 77%, #1f1106 100%);
}

.main-section.ss-vape-orange-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f1106 0%, #ee7309 22%, #1f1106 51%, #ee7309 77%, #1f1106 100%);
}

.main-section.ss-vape-orange-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ee7309;
}

.main-section.ss-vape-orange-2ml .text .variant-title,
.main-section.ss-vape-orange-2ml .text .variant-more {
  color: #ee7309;
}

.ss-vape-orange-2ml .btn-addcart {
  background: #ee7309 url("/images/eighty8/btn-ss-vape-orange-bottom.svg") no-repeat bottom center;
}

.ss-vape-orange-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(238, 115, 9, 0.85);
}

.ss-vape-orange-2ml .come-soon {
  background-color: #1f1106;
}

.ss-vape-orange-2ml .come-soon span {
  text-shadow: 0 0 21px #ee7309;
  color: #ee7309;
}

@keyframes ss-vape-orange-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(238, 115, 9, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(238, 115, 9, 0);
  }
}
.ss-vape-orange-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-orange-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-orange-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(238, 115, 9, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(238, 115, 9, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-orange-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-orange-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-orange-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-orange-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-orange-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-orange-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-orange-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-orange-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-orange-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-orange-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-orange-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-orange-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-orange-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-ss-vape-raspberry-2ml {
  position: relative;
  color: #e8575a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-ss-vape-raspberry-2ml::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e8575a;
  opacity: 1;
  transition: 0.3s all;
}
.link-ss-vape-raspberry-2ml:hover {
  color: #e8575a;
  text-decoration: none;
}
.link-ss-vape-raspberry-2ml:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-ss-vape-raspberry-2ml {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-ss-vape-raspberry-2ml {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-ss-vape-raspberry-2ml {
    font-size: 11px;
  }
}
/** Super Strong Vape Cherry 2ml **/
.main-section.ss-vape-raspberry-2ml {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.main-section.ss-vape-raspberry-2ml .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.ss-vape-raspberry-2ml .text h2,
.main-section.ss-vape-raspberry-2ml .text h3,
.modal-gallery#modal-gallery-186 .modal-title {
  color: #e8575a;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/ss-cartridge-raspberry-txt.jpg");
}

.main-section.ss-vape-raspberry-2ml .text {
  position: relative;
  z-index: 15;
}

.main-section.ss-vape-raspberry-2ml .text > ul {
  max-width: 600px;
}

.main-section.ss-vape-raspberry-2ml .text h2::selection,
.main-section.ss-vape-raspberry-2ml .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e8575a;
}

.main-section.ss-vape-raspberry-2ml .text ul li span::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-vape-raspberry-2ml .text ul li a::selection {
  color: #e8575a;
  background: #fff;
}

.main-section.ss-vape-raspberry-2ml .text ul li::selection {
  color: #fff;
  background: #e8575a;
}

.main-section.ss-vape-raspberry-2ml .text ul li:first-child::before {
  background: url("/images/eighty8/dna165.png") no-repeat center;
  background-size: 100%;
}

.main-section.ss-vape-raspberry-2ml .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/info165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-raspberry-2ml .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/sila165.png") no-repeat center;
  background-size: 90%;
}

.main-section.ss-vape-raspberry-2ml .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/chut165.png") no-repeat center;
  background-size: 95%;
}

.main-section.ss-vape-raspberry-2ml .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon165.png") no-repeat center;
  background-size: 95%;
}

/* Super Strong Vape Cherry 2ml Variants */
.main-section.ss-vape-raspberry-2ml .text .variants .variant-content .content {
  background-color: #1f0606;
}

.main-section.ss-vape-raspberry-2ml .text .variants .variant-content::before,
.main-section.ss-vape-raspberry-2ml .text .variants .variant-content::after {
  background-color: #1f0606;
}

.main-section.ss-vape-raspberry-2ml .text .variants .variant-content:hover::after,
.main-section.ss-vape-raspberry-2ml .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 51%, #e8575a 77%, #1f0606 100%);
}

.main-section.ss-vape-raspberry-2ml .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #1f0606 0%, #e8575a 22%, #1f0606 51%, #e8575a 77%, #1f0606 100%);
}

.main-section.ss-vape-raspberry-2ml .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e8575a;
}

.main-section.ss-vape-raspberry-2ml .text .variant-title,
.main-section.ss-vape-raspberry-2ml .text .variant-more {
  color: #e8575a;
}

.ss-vape-raspberry-2ml .btn-addcart {
  background: #e8575a url("/images/eighty8/btn-ss-vape-raspberry-bottom.svg") no-repeat bottom center;
}

.ss-vape-raspberry-2ml .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(232, 87, 90, 0.85);
}

.ss-vape-raspberry-2ml .come-soon {
  background-color: #1f0606;
}

.ss-vape-raspberry-2ml .come-soon span {
  text-shadow: 0 0 21px #e8575a;
  color: #e8575a;
}

@keyframes ss-vape-raspberry-2ml-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 87, 90, 0);
  }
}
.ss-vape-raspberry-2ml .variants-highlighted ul li .variant-content .content {
  animation: ss-vape-raspberry-2ml-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes ss-vape-raspberry-2ml-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 87, 90, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 87, 90, 0);
    }
  }
}
/* END Super Strong Vape Cherry 2ml Variants */
/* Super Strong Vape Cherry 2ml Responsive */
@media (max-width: 1659px) {
  .main-section.ss-vape-raspberry-2ml {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.ss-vape-raspberry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.ss-vape-raspberry-2ml .image {
    width: 750px;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.ss-vape-raspberry-2ml {
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 660px;
    right: 0;
    top: -10px;
  }
}
@media (max-width: 991px) {
  .main-section.ss-vape-raspberry-2ml {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 600px;
    right: 0;
    top: 20px;
    overflow: hidden;
  }
  .main-section.ss-vape-raspberry-2ml .image img {
    transform: translateX(80px);
  }
}
@media (max-width: 767px) {
  .main-section.ss-vape-raspberry-2ml {
    margin-top: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 420px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-raspberry-2ml .image img {
    transform: translateX(30px);
  }
  .main-section.ss-vape-raspberry-2ml .text > ul {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .main-section.ss-vape-raspberry-2ml {
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.ss-vape-raspberry-2ml .image {
    width: 290px;
    right: 0;
    top: 15px;
  }
  .main-section.ss-vape-raspberry-2ml .image img {
    transform: translateX(20px);
  }
  .main-section.ss-vape-raspberry-2ml .text > ul {
    max-width: 180px;
  }
}
/* END Super Strong Vape Cherry 2ml Responsive */
/** END Super Strong Vape Cherry 2ml **/
.link-gummies-blueberry {
  position: relative;
  color: #ee5182;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gummies-blueberry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ee5182;
  opacity: 1;
  transition: 0.3s all;
}
.link-gummies-blueberry:hover {
  color: #ee5182;
  text-decoration: none;
}
.link-gummies-blueberry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gummies-blueberry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gummies-blueberry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gummies-blueberry {
    font-size: 11px;
  }
}
/** gummies-blueberry **/
.main-section.gummies-blueberry {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gummies-blueberry .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.gummies-blueberry .text h2,
.main-section.gummies-blueberry .text h3,
.modal-gallery#modal-gallery-187 .modal-title {
  color: #ee5182;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/gummies-blueberry-txt.jpg");
}

.main-section.gummies-blueberry .text {
  position: relative;
  z-index: 15;
}

.main-section.gummies-blueberry .text h2::selection,
.main-section.gummies-blueberry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ee5182;
}

.main-section.gummies-blueberry .text ul li span::selection {
  color: #fff;
  background: #ee5182;
}

.main-section.gummies-blueberry .text ul li a::selection {
  color: #ee5182;
  background: #fff;
}

.main-section.gummies-blueberry .text ul li::selection {
  color: #fff;
  background: #ee5182;
}

.main-section.gummies-blueberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna187.png") no-repeat center;
  background-size: 100%;
}

.main-section.gummies-blueberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila187.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-blueberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut187.png") no-repeat center;
  background-size: 95%;
}

.main-section.gummies-blueberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni187.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-blueberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon187.png") no-repeat center;
  background-size: 95%;
}

/* gummies-blueberry Variants */
.main-section.gummies-blueberry .text .variants .variant-content .content {
  background-color: #3d0f1d;
}

.main-section.gummies-blueberry .text .variants .variant-content::before,
.main-section.gummies-blueberry .text .variants .variant-content::after {
  background-color: #3d0f1d;
}

.main-section.gummies-blueberry .text .variants .variant-content:hover::after,
.main-section.gummies-blueberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1d 0%, #ee5182 22%, #3d0f1d 51%, #ee5182 77%, #3d0f1d 100%);
}

.main-section.gummies-blueberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1d 0%, #ee5182 22%, #3d0f1d 51%, #ee5182 77%, #3d0f1d 100%);
}

.main-section.gummies-blueberry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ee5182;
}

.main-section.gummies-blueberry .text .variant-title,
.main-section.gummies-blueberry .text .variant-more {
  color: #ee5182;
}

.gummies-blueberry .btn-addcart {
  background: #9e2c4f url("/images/eighty8/btn-gummies-blueberry-bottom.svg") no-repeat bottom center;
}

.gummies-blueberry .btn-addcart:hover {
  box-shadow: 0 0 50px #ee5182;
}

.gummies-blueberry .come-soon {
  background-color: #3d0f1d;
}

.gummies-blueberry .come-soon span {
  text-shadow: 0 0 21px #ee5182;
  color: #ee5182;
}

@keyframes gummies-blueberry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(238, 81, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(238, 81, 130, 0);
  }
}
.gummies-blueberry .variants-highlighted ul li .variant-content .content {
  animation: gummies-blueberry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gummies-blueberry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(238, 81, 130, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(238, 81, 130, 0);
    }
  }
}
/* END gummies-blueberry Variants */
/* gummies-blueberry Responsive */
@media (max-width: 1659px) {
  .main-section.gummies-blueberry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gummies-blueberry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gummies-blueberry .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.gummies-blueberry {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.gummies-blueberry .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.gummies-blueberry .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.gummies-blueberry .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.gummies-blueberry {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gummies-blueberry .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END gummies-blueberry Responsive */
/** END gummies-blueberry **/
.link-gummies-peach {
  position: relative;
  color: #e88c8d;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gummies-peach::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #e88c8d;
  opacity: 1;
  transition: 0.3s all;
}
.link-gummies-peach:hover {
  color: #e88c8d;
  text-decoration: none;
}
.link-gummies-peach:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gummies-peach {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gummies-peach {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gummies-peach {
    font-size: 11px;
  }
}
/** gummies-peach **/
.main-section.gummies-peach {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gummies-peach .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.gummies-peach .text h2,
.main-section.gummies-peach .text h3,
.modal-gallery#modal-gallery-188 .modal-title {
  color: #e88c8d;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/gummies-peach-txt.jpg");
}

.main-section.gummies-peach .text {
  position: relative;
  z-index: 15;
}

.main-section.gummies-peach .text h2::selection,
.main-section.gummies-peach .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #e88c8d;
}

.main-section.gummies-peach .text ul li span::selection {
  color: #fff;
  background: #e88c8d;
}

.main-section.gummies-peach .text ul li a::selection {
  color: #e88c8d;
  background: #fff;
}

.main-section.gummies-peach .text ul li::selection {
  color: #fff;
  background: #e88c8d;
}

.main-section.gummies-peach .text ul li:first-child::before {
  background: url("/images/eighty8/dna188.png") no-repeat center;
  background-size: 100%;
}

.main-section.gummies-peach .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila188.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-peach .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut188.png") no-repeat center;
  background-size: 95%;
}

.main-section.gummies-peach .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni188.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-peach .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon188.png") no-repeat center;
  background-size: 95%;
}

/* gummies-peach Variants */
.main-section.gummies-peach .text .variants .variant-content .content {
  background-color: #3d0f0f;
}

.main-section.gummies-peach .text .variants .variant-content::before,
.main-section.gummies-peach .text .variants .variant-content::after {
  background-color: #3d0f0f;
}

.main-section.gummies-peach .text .variants .variant-content:hover::after,
.main-section.gummies-peach .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f0f 0%, #e88c8d 22%, #3d0f0f 51%, #e88c8d 77%, #3d0f0f 100%);
}

.main-section.gummies-peach .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f0f 0%, #e88c8d 22%, #3d0f0f 51%, #e88c8d 77%, #3d0f0f 100%);
}

.main-section.gummies-peach .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #e88c8d;
}

.main-section.gummies-peach .text .variant-title,
.main-section.gummies-peach .text .variant-more {
  color: #e88c8d;
}

.gummies-peach .btn-addcart {
  background: #e48485 url("/images/eighty8/btn-gummies-peach-bottom.svg") no-repeat bottom center;
}

.gummies-peach .btn-addcart:hover {
  box-shadow: 0 0 50px #e88c8d;
}

.gummies-peach .come-soon {
  background-color: #3d0f0f;
}

.gummies-peach .come-soon span {
  text-shadow: 0 0 21px #e88c8d;
  color: #e88c8d;
}

@keyframes gummies-peach-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 140, 141, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(232, 140, 141, 0);
  }
}
.gummies-peach .variants-highlighted ul li .variant-content .content {
  animation: gummies-peach-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gummies-peach-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(232, 140, 141, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(232, 140, 141, 0);
    }
  }
}
/* END gummies-peach Variants */
/* gummies-peach Responsive */
@media (max-width: 1659px) {
  .main-section.gummies-peach .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gummies-peach .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gummies-peach .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.gummies-peach {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.gummies-peach .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.gummies-peach .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.gummies-peach .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.gummies-peach {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gummies-peach .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END gummies-peach Responsive */
/** END gummies-peach **/
.link-gummies-watermelon {
  position: relative;
  color: #ff73a1;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gummies-watermelon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ff73a1;
  opacity: 1;
  transition: 0.3s all;
}
.link-gummies-watermelon:hover {
  color: #ff73a1;
  text-decoration: none;
}
.link-gummies-watermelon:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gummies-watermelon {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gummies-watermelon {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gummies-watermelon {
    font-size: 11px;
  }
}
/** gummies-watermelon **/
.main-section.gummies-watermelon {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gummies-watermelon .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.gummies-watermelon .text h2,
.main-section.gummies-watermelon .text h3,
.modal-gallery#modal-gallery-189 .modal-title {
  color: #ff73a1;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/gummies-watermelon-txt.jpg");
}

.main-section.gummies-watermelon .text {
  position: relative;
  z-index: 15;
}

.main-section.gummies-watermelon .text h2::selection,
.main-section.gummies-watermelon .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ff73a1;
}

.main-section.gummies-watermelon .text ul li span::selection {
  color: #fff;
  background: #ff73a1;
}

.main-section.gummies-watermelon .text ul li a::selection {
  color: #ff73a1;
  background: #fff;
}

.main-section.gummies-watermelon .text ul li::selection {
  color: #fff;
  background: #ff73a1;
}

.main-section.gummies-watermelon .text ul li:first-child::before {
  background: url("/images/eighty8/dna189.png") no-repeat center;
  background-size: 100%;
}

.main-section.gummies-watermelon .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila189.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-watermelon .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut189.png") no-repeat center;
  background-size: 95%;
}

.main-section.gummies-watermelon .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni189.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-watermelon .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon189.png") no-repeat center;
  background-size: 95%;
}

/* gummies-watermelon Variants */
.main-section.gummies-watermelon .text .variants .variant-content .content {
  background-color: #3d0f1d;
}

.main-section.gummies-watermelon .text .variants .variant-content::before,
.main-section.gummies-watermelon .text .variants .variant-content::after {
  background-color: #3d0f1d;
}

.main-section.gummies-watermelon .text .variants .variant-content:hover::after,
.main-section.gummies-watermelon .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1d 0%, #ff73a1 22%, #3d0f1d 51%, #ff73a1 77%, #3d0f1d 100%);
}

.main-section.gummies-watermelon .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1d 0%, #ff73a1 22%, #3d0f1d 51%, #ff73a1 77%, #3d0f1d 100%);
}

.main-section.gummies-watermelon .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ff73a1;
}

.main-section.gummies-watermelon .text .variant-title,
.main-section.gummies-watermelon .text .variant-more {
  color: #ff73a1;
}

.gummies-watermelon .btn-addcart {
  background: #da5d86 url("/images/eighty8/btn-gummies-watermelon-bottom.svg") no-repeat bottom center;
}

.gummies-watermelon .btn-addcart:hover {
  box-shadow: 0 0 50px #ff73a1;
}

.gummies-watermelon .come-soon {
  background-color: #3d0f1d;
}

.gummies-watermelon .come-soon span {
  text-shadow: 0 0 21px #ff73a1;
  color: #ff73a1;
}

@keyframes gummies-watermelon-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 115, 161, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 115, 161, 0);
  }
}
.gummies-watermelon .variants-highlighted ul li .variant-content .content {
  animation: gummies-watermelon-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gummies-watermelon-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 115, 161, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 115, 161, 0);
    }
  }
}
/* END gummies-watermelon Variants */
/* gummies-watermelon Responsive */
@media (max-width: 1659px) {
  .main-section.gummies-watermelon .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gummies-watermelon .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gummies-watermelon .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.gummies-watermelon {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.gummies-watermelon .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.gummies-watermelon .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.gummies-watermelon .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.gummies-watermelon {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gummies-watermelon .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END gummies-watermelon Responsive */
/** END gummies-watermelon **/
.link-gummies-raspberry {
  position: relative;
  color: #ed3862;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-gummies-raspberry::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #ed3862;
  opacity: 1;
  transition: 0.3s all;
}
.link-gummies-raspberry:hover {
  color: #ed3862;
  text-decoration: none;
}
.link-gummies-raspberry:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-gummies-raspberry {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-gummies-raspberry {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-gummies-raspberry {
    font-size: 11px;
  }
}
/** gummies-raspberry **/
.main-section.gummies-raspberry {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.gummies-raspberry .image {
  height: auto;
  top: 0;
  right: 0;
}

.main-section.gummies-raspberry .text h2,
.main-section.gummies-raspberry .text h3,
.modal-gallery#modal-gallery-190 .modal-title {
  color: #ed3862;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/gummies-raspberry-txt.jpg");
}

.main-section.gummies-raspberry .text {
  position: relative;
  z-index: 15;
}

.main-section.gummies-raspberry .text h2::selection,
.main-section.gummies-raspberry .text h3::selection {
  -webkit-text-fill-color: #fff;
  background-color: #ed3862;
}

.main-section.gummies-raspberry .text ul li span::selection {
  color: #fff;
  background: #ed3862;
}

.main-section.gummies-raspberry .text ul li a::selection {
  color: #ed3862;
  background: #fff;
}

.main-section.gummies-raspberry .text ul li::selection {
  color: #fff;
  background: #ed3862;
}

.main-section.gummies-raspberry .text ul li:first-child::before {
  background: url("/images/eighty8/dna190.png") no-repeat center;
  background-size: 100%;
}

.main-section.gummies-raspberry .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila190.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-raspberry .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/chut190.png") no-repeat center;
  background-size: 95%;
}

.main-section.gummies-raspberry .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni190.png") no-repeat center;
  background-size: 90%;
}

.main-section.gummies-raspberry .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon190.png") no-repeat center;
  background-size: 95%;
}

/* gummies-raspberry Variants */
.main-section.gummies-raspberry .text .variants .variant-content .content {
  background-color: #3d0f1a;
}

.main-section.gummies-raspberry .text .variants .variant-content::before,
.main-section.gummies-raspberry .text .variants .variant-content::after {
  background-color: #3d0f1a;
}

.main-section.gummies-raspberry .text .variants .variant-content:hover::after,
.main-section.gummies-raspberry .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1a 0%, #ed3862 22%, #3d0f1a 51%, #ed3862 77%, #3d0f1a 100%);
}

.main-section.gummies-raspberry .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #3d0f1a 0%, #ed3862 22%, #3d0f1a 51%, #ed3862 77%, #3d0f1a 100%);
}

.main-section.gummies-raspberry .text .variants input:checked + label .variant-content .variant-title {
  text-shadow: 0 0 21px #ed3862;
}

.main-section.gummies-raspberry .text .variant-title,
.main-section.gummies-raspberry .text .variant-more {
  color: #ed3862;
}

.gummies-raspberry .btn-addcart {
  background: #d0214a url("/images/eighty8/btn-gummies-raspberry-bottom.svg") no-repeat bottom center;
}

.gummies-raspberry .btn-addcart:hover {
  box-shadow: 0 0 50px #ed3862;
}

.gummies-raspberry .come-soon {
  background-color: #3d0f1a;
}

.gummies-raspberry .come-soon span {
  text-shadow: 0 0 21px #ed3862;
  color: #ed3862;
}

@keyframes gummies-raspberry-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(237, 56, 98, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(237, 56, 98, 0);
  }
}
.gummies-raspberry .variants-highlighted ul li .variant-content .content {
  animation: gummies-raspberry-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes gummies-raspberry-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(237, 56, 98, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(237, 56, 98, 0);
    }
  }
}
/* END gummies-raspberry Variants */
/* gummies-raspberry Responsive */
@media (max-width: 1659px) {
  .main-section.gummies-raspberry .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.gummies-raspberry .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.gummies-raspberry .image {
    width: 750px;
    right: -20px;
  }
}
@media (max-width: 1199px) {
  .main-section.gummies-raspberry {
    padding-top: 25px;
    padding-bottom: 105px;
    margin-top: -55px;
  }
  .main-section.gummies-raspberry .image {
    width: 660px;
    right: -80px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .main-section.gummies-raspberry .image {
    width: 600px;
    right: -80px;
  }
}
@media (max-width: 767px) {
  .main-section.gummies-raspberry .image {
    width: 420px;
    right: -60px;
    top: 0px;
  }
}
@media (max-width: 575px) {
  .main-section.gummies-raspberry {
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-section.gummies-raspberry .image {
    width: 290px;
    right: -42px;
    top: 0;
  }
}
/* END gummies-raspberry Responsive */
/** END gummies-raspberry **/
.link-renne-skang {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}
.link-renne-skang::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 1;
  transition: 0.3s all;
}
.link-renne-skang:hover {
  color: #fff;
  text-decoration: none;
}
.link-renne-skang:hover::after {
  opacity: 0;
  left: 50%;
  right: 50%;
}

@media (max-width: 1199px) {
  .link-renne-skang {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .link-renne-skang {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .link-renne-skang {
    font-size: 11px;
  }
}
/* Blue renne-skang */
.main-section.renne-skang {
  padding-top: 25px;
  padding-bottom: 105px;
  margin-top: -55px;
}
.main-section.renne-skang .image {
  top: 0px;
  left: 0;
  height: auto;
}

.main-section.renne-skang .text h2,
.main-section.renne-skang .text h3,
.modal-gallery#modal-gallery-191 .modal-title {
  color: #fff;
  background-image: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/obr-renne-skang.jpg");
  background-size: 140% auto;
  line-height: 1;
}

.main-section.renne-skang .text h2::selection,
.main-section.renne-skang .text h3::selection {
  background-color: #fff;
  -webkit-text-fill-color: #000;
}

.main-section.renne-skang .text ul li::selection {
  color: #000;
  background: #fff;
}

.main-section.renne-skang .text ul li span::selection {
  color: #000;
  background: #fff;
}

.main-section.renne-skang .text ul li a::selection {
  color: #000;
  background: #fff;
}

.main-section.renne-skang .text ul li:first-child::before {
  background: url("/images/eighty8/dna191.png") no-repeat center;
  background-size: 100%;
}

.main-section.renne-skang .text ul li:nth-child(2)::before {
  background: url("/images/eighty8/sila191.png") no-repeat center;
  background-size: 90%;
}

.main-section.renne-skang .text ul li:nth-child(3)::before {
  background: url("/images/eighty8/vune191.png") no-repeat center;
  background-size: 85%;
}

.main-section.renne-skang .text ul li:nth-child(4)::before {
  background: url("/images/eighty8/slozeni191.png") no-repeat center;
  background-size: 90%;
}

.main-section.renne-skang .text ul li:last-child::before {
  background: url("/images/eighty8/photo-icon191.png") no-repeat center;
  background-size: 95%;
}

.main-section.renne-skang .text .variants .variant-content .content {
  background-color: #171717;
}

.main-section.renne-skang .text .variants .variant-content::before,
.main-section.renne-skang .text .variants .variant-content::after {
  background-color: #171717;
}

.main-section.renne-skang .text .variants .variant-content:hover::after,
.main-section.renne-skang .text .variants .variant-list ul li input:hover .variant-content::after {
  background-image: linear-gradient(-33deg, #171717 0%, #fff 22%, #171717 50%, #fff 78%, #171717 100%);
}

.main-section.renne-skang .text .variants input:checked + label .variant-content::after {
  background-image: linear-gradient(-33deg, #171717 0%, #fff 22%, #171717 50%, #fff 78%, #171717 100%);
}

.main-section.renne-skang .text .variants input:checked + label .variant-content .variant-title,
.main-section.renne-skang .text .variants input:checked + label .variant-content .variant-more {
  text-shadow: 0 0 21px #fff;
}

.main-section.renne-skang .text .variant-title,
.main-section.renne-skang .text .variant-more {
  color: #fff;
}

.renne-skang .btn-addcart {
  background: #eaeaea url("/images/eighty8/btn-renne-skang-bottom.svg") no-repeat bottom center;
  color: #000;
}

.renne-skang .btn-addcart:hover {
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.85);
}

.renne-skang .come-soon {
  background-color: #23180e;
}

.renne-skang .come-soon span {
  text-shadow: 0 0 21px #fff;
  color: #000;
}

@keyframes renne-skang-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
.renne-skang .variants-highlighted ul li .variant-content .content {
  animation: renne-skang-pulse 1.5s infinite;
}

@media (max-width: 575px) {
  @keyframes renne-skang-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    100% {
      box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }
  }
}
/* Blue renne-skang responsive */
@media (max-width: 1659px) {
  .main-section.renne-skang {
    padding-top: 0px;
    padding-bottom: 75px;
    margin-top: -55px;
  }
  .main-section.renne-skang .image {
    width: 910px;
  }
}
@media (max-width: 1559px) {
  .main-section.renne-skang {
    margin-top: -25px;
  }
  .main-section.renne-skang .image {
    width: 835px;
  }
}
@media (max-width: 1359px) {
  .main-section.renne-skang .image {
    width: 750px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .main-section.renne-skang {
    padding-top: 25px;
    padding-bottom: 65px;
    margin-top: -55px;
  }
  .main-section.renne-skang .image {
    width: 660px;
    left: -80px;
    top: -5px;
  }
}
@media (max-width: 991px) {
  .main-section.renne-skang {
    margin-top: -40px;
    padding-bottom: 35px;
  }
  .main-section.renne-skang .image {
    width: 600px;
    left: -80px;
    top: 35px;
  }
}
@media (max-width: 767px) {
  .main-section.renne-skang .image {
    width: 420px;
    left: -30px;
    top: 15px;
  }
}
@media (max-width: 575px) {
  .main-section.renne-skang {
    margin-top: 25px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
  .main-section.renne-skang .image {
    width: 290px;
    right: -38px;
    top: 15px;
  }
}
/* END Blue renne-skang responsive */
/* END Blue renne-skang */
/* detail variant radio */
.detail .p-item-variant-btn {
  display: none;
}

.p-item-variants-content ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-item-variants-content ul li > input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
}
.p-item-variants-content ul li input[type=radio] + label {
  margin-bottom: 0;
}
.p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
  display: inline-flex;
  margin: 0;
  min-height: 60px;
  min-width: 60px;
  margin: 0;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 15px 12.5px;
  color: #d1d1d1;
  font-size: 24px;
  font-weight: 800;
  background: #000;
  text-transform: uppercase;
}
.p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  background: linear-gradient(22deg, #171717 0%, #a5a5a5 22%, #171717 50%, #a5a5a5 77%, #171717 100%);
  border-radius: 5px;
}
.p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title:hover {
  color: #c29f32;
}
.p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title:hover::before {
  background: linear-gradient(46deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
}
.p-item-variants-content ul li input[type=radio]:checked + label .d-variant-radio-title {
  text-shadow: 0px 0px 8px #c29f32;
  color: #c29f32;
}
.p-item-variants-content ul li input[type=radio]:checked + label .d-variant-radio-title::before {
  background: linear-gradient(46deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
}

.d-variant-radio {
  position: relative;
  margin-top: 0px;
  margin-right: 12px;
  display: inline-flex;
}
.d-variant-radio input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
}
.d-variant-radio input[type=radio] + label {
  display: inline-flex;
  margin: 0;
  min-height: 68px;
  min-width: 68px;
  margin: 0;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 15px 12.5px;
  color: #d1d1d1;
  font-size: 28px;
  font-weight: 800;
  background: #000;
  text-transform: uppercase;
}
.d-variant-radio input[type=radio] + label::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  background: linear-gradient(22deg, #171717 0%, #a5a5a5 22%, #171717 50%, #a5a5a5 77%, #171717 100%);
  border-radius: 5px;
}
.d-variant-radio input[type=radio] + label:hover {
  color: #c29f32;
}
.d-variant-radio input[type=radio] + label:hover::before {
  background: linear-gradient(46deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
}
.d-variant-radio input[type=radio]:checked + label,
.d-variant-radio input[type=radio]:checked .d-variant-radio-title {
  text-shadow: 0px 0px 8px #c29f32;
  color: #c29f32;
}
.d-variant-radio input[type=radio]:checked + label::before,
.d-variant-radio input[type=radio]:checked .d-variant-radio-title::before {
  background: linear-gradient(46deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
}

@media (max-width: 1359px) {
  .d-variant-radio {
    margin-right: 12px;
  }
  .d-variant-radio input[type=radio] + label {
    min-height: 60px;
    min-width: 60px;
    padding: 12px 10px;
    font-size: 26px;
  }
  .p-item-variants-content ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
    min-height: 60px;
    min-width: 60px;
    padding: 12px 10px;
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .d-variant-radio {
    margin-right: 12px;
  }
  .d-variant-radio input[type=radio] + label {
    min-height: 48px;
    min-width: 48px;
    padding: 12px 10px;
    font-size: 22px;
  }
  .p-item-variants-content ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
    min-height: 48px;
    min-width: 48px;
    padding: 12px 10px;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .d-variant-radio {
    margin-right: 8px;
  }
  .d-variant-radio input[type=radio] + label {
    min-height: 40px;
    min-width: 40px;
    padding: 8px 5px;
    font-size: 18px;
  }
  .p-item-variants-content ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
    min-height: 40px;
    min-width: 40px;
    padding: 8px 5px;
    font-size: 18px;
  }
}
/* end detail variant radio */
.btn-buy {
  color: #000000;
  letter-spacing: -0.52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  border-radius: 6px;
  background: #c29f32 url("../../images/eighty8/btn-bottom.svg") no-repeat bottom center;
  background-size: 100% auto;
  font-weight: 900;
  padding: 12px 50px;
  position: relative;
}
.btn-buy::before {
  content: "";
  left: 20px;
  right: 20px;
  position: absolute;
  z-index: -1;
  height: 42px;
  box-shadow: 0 13px 57px rgba(194, 159, 50, 0.7);
  opacity: 0;
  transition: all 0.3s;
}
.btn-buy:hover::before, .btn-buy:focus::before, .btn-buy:focus-within::before {
  opacity: 1;
}
.btn-buy span:nth-child(2), .btn-buy span:nth-child(3) {
  display: none;
}

@media (max-width: 991px) {
  .btn-buy {
    font-size: 22px;
    padding: 10px 30px;
  }
}
@media (max-width: 575px) {
  .btn-buy {
    font-size: 16px;
    padding: 8px 15px;
  }
}
/** Breadcrumb **/
.breadcrumb-section {
  position: relative;
  z-index: 2;
}
.breadcrumb-section + .detail {
  margin-top: -40px;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 1rem;
  background-color: transparent;
  border-radius: 0;
  font-size: 13px;
  color: #c29f32;
  align-items: center;
}
.breadcrumb a {
  color: #c29f32;
  text-decoration: underline;
}
.breadcrumb a:hover {
  text-decoration: none;
}

.breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.breadcrumb-item-home::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../images/eighty8/ico-home.svg") no-repeat center;
  margin-right: 12px;
  margin-bottom: 4px;
}
.breadcrumb-item.active {
  color: #ffffff;
  font-weight: 800;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.7rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.7rem;
  color: #d1d1d1;
  content: "/";
}

/** END Breadcrumb **/
@media (min-width: 1660px) {
  .detail-row {
    margin-left: -18px;
    margin-right: -18px;
  }
  .detail-img-col, .detail-right-col {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.detail-right-col {
  padding-top: 60px;
}
.detail-heading {
  margin-bottom: 40px;
}
.detail-heading h1 {
  color: #fff;
  font-weight: 700;
  font-size: 52px;
  line-height: 1.25;
}
.detail-heading h2 {
  color: #c29f32;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
}
.detail-review {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.detail-review-link {
  font-size: 14px;
  color: #c29f32;
  text-decoration: underline;
}
.detail-review-link:hover {
  text-decoration: none;
}
.detail-stars {
  display: flex;
  padding: 0;
  margin: 0;
  margin-left: -1.5px;
  margin-right: 10px;
  list-style: none;
}
.detail-star-item {
  padding-left: 1.5px;
  padding-right: 1.5px;
}
.detail-description {
  color: #d1d1d1;
  font-size: 16px;
  line-height: 2;
}
.detail-description p {
  margin-bottom: 35px;
  font-weight: 500;
}
.detail-variants {
  display: flex;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.detail-variants-title {
  color: #d1d1d1;
  margin-right: 15px;
  font-size: 21px;
  font-weight: 500;
}
.detail-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  align-items: center;
}
.detail-price {
  font-size: 45px;
  font-weight: 800;
  color: #fff;
  margin-right: 36px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.detail-price span {
  font-size: 28px;
  display: inline-block;
  margin-left: 0;
}
.detail-number {
  margin-right: 10px;
}
.detail-number label {
  display: none;
}
.detail-number .ui-spinner {
  height: unset !important;
  width: unset !important;
  border-radius: 6px !important;
}
.detail-number .ui-spinner-button.ui-spinner-up::after {
  opacity: 1;
}
.detail-number .ui-spinner-button.ui-spinner-down::after {
  opacity: 1;
}
.detail-number input {
  color: #d1d1d1;
  text-align: center;
  background: linear-gradient(180deg, #09090a 0%, #1b1b1d 100%);
  font-size: 24px !important;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 10px 20px;
  min-width: 130px;
  border-radius: 6px !important;
  border: 1px solid #444444;
}
.detail-thumbnails {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 80px;
}
.detail-text {
  color: #fff;
  margin-top: 75px;
}
.detail-text-row {
  justify-content: center;
}
.detail-text-heading {
  margin-bottom: 85px;
  text-align: center;
}
.detail-text-heading h2 {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 700;
}
.detail-text-heading h3 {
  font-size: 30px;
  color: #c29f32;
  font-weight: 700;
  line-height: 1.3;
}
.detail-text h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
.detail-text p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 35px;
  font-weight: 500;
  color: #d1d1d1;
}
.detail-text a {
  color: #c29f32;
  text-decoration: underline;
}
.detail-text a:hover {
  text-decoration: none;
}

.thumbnail-item {
  padding-left: 5px;
  padding-right: 5px;
}

.thumbnail-link {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1559px) {
  .detail-review {
    margin-bottom: 30px;
  }
  .detail-review-link {
    font-size: 14px;
  }
  .detail-description {
    font-size: 16px;
  }
  .detail-description p {
    margin-bottom: 30px;
  }
  .detail-variants {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .detail-variants-title {
    margin-right: 15px;
    font-size: 24px;
  }
  .detail-bottom {
    margin-top: 40px;
  }
  .detail-price {
    font-size: 40px;
    margin-right: 30px;
  }
  .detail-price span {
    font-size: 30px;
    margin-left: -5px;
  }
  .detail-thumbnails {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 70px;
  }
  .detail-text {
    margin-top: 70px;
  }
  .detail-text-heading {
    margin-bottom: 75px;
  }
  .detail-text-heading h2 {
    font-size: 46px;
  }
  .detail-text-heading h3 {
    font-size: 28px;
  }
  .detail-text h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .detail-text p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 35px;
  }
}
@media (max-width: 1359px) {
  .detail-star-item {
    width: 22px;
  }
  .detail-star-item img {
    max-width: 100%;
    height: auto;
  }
  .detail-heading {
    margin-bottom: 30px;
  }
  .detail-heading h1 {
    font-size: 48px;
  }
  .detail-heading h2 {
    font-size: 28px;
  }
  .detail-review {
    margin-bottom: 30px;
  }
  .detail-review-link {
    font-size: 14px;
  }
  .detail-description {
    font-size: 16px;
    line-height: 1.8;
  }
  .detail-description p {
    margin-bottom: 30px;
  }
  .detail-variants {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .detail-variants-title {
    margin-right: 15px;
    font-size: 22px;
  }
  .detail-bottom {
    margin-top: 30px;
  }
  .detail-price {
    font-size: 36px;
    margin-right: 25px;
  }
  .detail-price span {
    font-size: 26px;
    margin-left: -4px;
  }
  .detail-number input {
    min-width: 120px;
  }
  .detail-thumbnails {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 70px;
  }
  .detail-text {
    margin-top: 60px;
  }
  .detail-text-heading {
    margin-bottom: 60px;
  }
  .detail-text-heading h2 {
    font-size: 40px;
  }
  .detail-text-heading h3 {
    font-size: 23px;
  }
  .detail-text h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .detail-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}
@media (max-width: 1216px) {
  .detail-star-item {
    width: 22px;
  }
  .detail-star-item img {
    max-width: 100%;
    height: auto;
  }
  .detail-row {
    justify-content: center;
  }
  .detail-img {
    width: 600px;
  }
  .detail-img-col {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .detail-heading {
    margin-bottom: 10px;
    text-align: center;
  }
  .detail-heading h1 {
    font-size: 44px;
  }
  .detail-heading h2 {
    font-size: 26px;
  }
  .detail-right-col {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
    padding-top: 0;
  }
  .detail-review {
    margin-bottom: 30px;
  }
  .detail-review-link {
    font-size: 14px;
  }
  .detail-description {
    font-size: 16px;
    line-height: 1.8;
  }
  .detail-description p {
    margin-bottom: 30px;
  }
  .detail-variants {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .detail-variants-title {
    margin-right: 15px;
    font-size: 22px;
  }
  .detail-bottom {
    margin-top: 30px;
  }
  .detail-price {
    font-size: 36px;
    margin-right: 25px;
  }
  .detail-price span {
    font-size: 26px;
    margin-left: -4px;
  }
  .detail-thumbnails {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 70px;
  }
  .detail-text {
    margin-top: 60px;
  }
  .detail-text-heading {
    margin-bottom: 60px;
  }
  .detail-text-heading h2 {
    font-size: 40px;
  }
  .detail-text-heading h3 {
    font-size: 23px;
  }
  .detail-text h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .detail-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .breadcrumb-section + .detail {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .detail-star-item {
    width: 22px;
  }
  .detail-img {
    width: 550px;
  }
  .detail-heading {
    margin-bottom: 20px;
  }
  .detail-heading h1 {
    font-size: 36px;
  }
  .detail-heading h2 {
    font-size: 21px;
  }
  .detail-review {
    margin-bottom: 20px;
  }
  .detail-review-link {
    font-size: 14px;
  }
  .detail-description {
    font-size: 16px;
    line-height: 1.6;
  }
  .detail-description p {
    margin-bottom: 15px;
  }
  .detail-variants {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .detail-variants-title {
    margin-right: 10px;
    font-size: 18px;
  }
  .detail-bottom {
    margin-top: 20px;
  }
  .detail-price {
    font-size: 30px;
    margin-right: 20px;
  }
  .detail-price span {
    font-size: 21px;
    margin-left: -4px;
  }
  .detail-number input {
    font-size: 20px !important;
    min-height: 53px;
    padding: 8px 10px;
    min-width: 100px;
  }
  .detail-thumbnails {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 50px;
  }
  .detail-text {
    margin-top: 50px;
  }
  .detail-text-heading {
    margin-bottom: 50px;
  }
  .detail-text-heading h2 {
    font-size: 36px;
  }
  .detail-text-heading h3 {
    font-size: 20px;
  }
  .detail-text h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .detail-text p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-section + .detail {
    margin-top: 30px;
  }
  .detail-star-item {
    width: 18px;
  }
  .detail-img {
    width: 300px;
  }
  .detail-img-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .detail-heading {
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .detail-heading h1 {
    font-size: 32px;
  }
  .detail-heading h2 {
    font-size: 18px;
  }
  .detail-right-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .detail-review {
    margin-bottom: 15px;
  }
  .detail-review-link {
    font-size: 14px;
  }
  .detail-description {
    font-size: 15px;
    line-height: 1.5;
  }
  .detail-description p {
    margin-bottom: 15px;
  }
  .detail-variants {
    margin-top: 15px;
    margin-bottom: 15px;
    justify-content: center;
  }
  .detail-variants-title {
    margin-right: 8px;
    font-size: 16px;
  }
  .detail-bottom {
    margin-top: 10px;
    justify-content: center;
  }
  .detail-price {
    font-size: 30px;
    margin-right: 15px;
  }
  .detail-price span {
    font-size: 20px;
    margin-left: 0;
  }
  .detail-number {
    margin-right: 13px;
  }
  .detail-number input {
    font-size: 16px !important;
    min-height: 40px;
    height: 40% !important;
    padding: 6px 5px;
    min-width: 80px;
    width: 80px;
  }
  .detail-number .ui-spinner-button {
    width: 25px;
  }
  .detail-number .ui-spinner-button.ui-spinner-up {
    padding-left: 5px;
    padding-right: 5px;
  }
  .detail-number .ui-spinner-button.ui-spinner-up .ui-icon {
    width: 10px;
    height: 10px;
    position: relative;
    margin-top: 0;
    top: 0;
  }
  .detail-number .ui-spinner-button.ui-spinner-up::after {
    width: 10px;
    height: 10px;
    background-size: 100% auto;
  }
  .detail-number .ui-spinner-button.ui-spinner-down {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
  .detail-number .ui-spinner-button.ui-spinner-down .ui-icon {
    width: 10px;
    height: 10px;
    position: relative;
    margin-top: 0;
    top: 0;
  }
  .detail-number .ui-spinner-button.ui-spinner-down::after {
    width: 10px;
    height: 10px;
    background-size: 100% auto;
  }
  .detail-btn {
    margin-top: 0;
  }
  .detail-thumbnails {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 50px;
  }
  .detail-text {
    margin-top: 50px;
  }
  .detail-text-heading {
    margin-bottom: 30px;
  }
  .detail-text-heading h2 {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .detail-text-heading h3 {
    font-size: 18px;
  }
  .detail-text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .detail-text p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
.next-products {
  margin-top: 60px;
}

.p-title {
  margin-bottom: 90px;
}
.p-title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
}
.p-title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% + 20px);
  transform: translateX(-50%);
  height: 5px;
  width: 69px;
  background: #c29f32;
}

@media (max-width: 1559px) {
  .next-products {
    margin-top: 50px;
  }
  .p-title {
    margin-bottom: 80px;
  }
  .p-title h2 {
    font-size: 36px;
  }
  .p-title h2::after {
    height: 5px;
    width: 65px;
  }
}
@media (max-width: 1359px) {
  .next-products {
    margin-top: 40px;
  }
  .p-title {
    margin-bottom: 65px;
  }
  .p-title h2 {
    font-size: 32px;
  }
  .p-title h2::after {
    top: calc(100% + 15px);
    height: 4px;
    width: 60px;
  }
}
@media (max-width: 991px) {
  .next-products {
    margin-top: 40px;
  }
  .p-title {
    margin-bottom: 60px;
  }
  .p-title h2 {
    font-size: 28px;
  }
  .p-title h2::after {
    top: calc(100% + 12px);
    height: 4px;
    width: 50px;
  }
}
@media (max-width: 767px) {
  .next-products {
    margin-top: 40px;
  }
  .p-title {
    margin-bottom: 50px;
  }
  .p-title h2 {
    font-size: 25px;
  }
  .p-title h2::after {
    top: calc(100% + 10px);
    height: 3px;
    width: 40px;
  }
}
.p-list {
  margin-top: 100px;
}

.p-item {
  padding-bottom: 118px;
}
.p-item .ui-spinner a.ui-spinner-button {
  display: none;
}
.p-item-col {
  margin-bottom: 36px;
}
.p-item-col.swiper-slide-visible {
  opacity: 1;
}
.p-item-name {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-item-name-after {
  text-transform: none;
  font-size: 18px;
  color: #c29f32;
  display: block;
  margin-top: 3px;
}
.p-item-name:hover {
  text-decoration: none;
}
.p-item-img {
  display: block;
}
.p-item-price {
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  margin-right: 17px;
}
.p-item-price span {
  font-size: 24px;
  margin-left: -3px;
}
.p-item .detail-variants {
  margin-top: 0;
  margin-bottom: 20px;
}
.p-item .detail-variants .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
  min-width: 48px;
  min-height: 48px;
  font-size: 22px;
  padding: 8px 11px;
}
.p-item .detail-variants-title {
  color: #d1d1d1;
  font-size: 18px;
  margin-right: 22px;
}
.p-item .detail-bottom {
  margin-top: 0;
}
.p-item .detail-price {
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  margin-right: 10px;
  min-width: 90px;
}
.p-item .detail-price span {
  font-size: 24px;
  margin-left: -3px;
}
.p-item .detail-number {
  margin-right: 0;
}
.p-item .detail-number input {
  min-width: 116px;
  min-height: 50px;
  font-size: 20px !important;
  padding: 5px;
}
.p-item .detail-btn .btn-buy {
  font-size: 20px;
  padding: 10px 15px;
  min-width: 147px;
  margin-left: 4px;
}
.p-item .detail-btn .btn-buy::before {
  height: 32px;
  box-shadow: 0 13px 50px rgba(194, 159, 50, 0.7);
}
.p-item .detail-title {
  color: #d1d1d1;
  font-size: 18px;
  margin-right: 22px;
}
.p-item-bottom, .p-item-bottom-hover {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  right: 0;
}
.p-item-bottom {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 2px;
  bottom: 65px;
}
.p-item-bottom .btn-variants {
  margin-right: 5px;
  flex: 0 0 calc(50% - 5px);
  margin-bottom: 5px;
}
.p-item-bottom .btn-info {
  margin-left: 5px;
  flex: 0 0 calc(50% - 5px);
  margin-bottom: 5px;
}
.p-item-bottom-bot {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.p-item-bottom-bot .btn-buy {
  font-size: 20px;
  padding: 10px 34px;
  margin-left: 4px;
}
.p-item-bottom-bot .btn-buy::before {
  height: 32px;
  box-shadow: 0 13px 50px rgba(194, 159, 50, 0.7);
}
.p-item-bottom-hover {
  display: none;
}
.p-item-variants {
  display: flex;
  align-items: center;
}
.p-item-variants-content > label {
  display: none;
}
.p-item-variants-title {
  color: #d1d1d1;
  font-size: 18px;
  margin-right: 22px;
}
.p-item-variants .d-variant-radio {
  margin-right: 3px;
}
.p-item-variants .d-variant-radio input[type=radio] + label {
  min-width: 48px;
  min-height: 48px;
  font-size: 22px;
  padding: 8px 11px;
}
.p-item-variants .btn-info {
  min-height: 48px;
  margin-left: 5px;
  min-width: 135px;
}
.p-item:hover .p-item-bottom, .p-item:focus-within .p-item-bottom, .p-item:focus .p-item-bottom {
  display: none;
}
.p-item:hover .p-item-bottom-hover, .p-item:focus-within .p-item-bottom-hover, .p-item:focus .p-item-bottom-hover {
  display: flex;
}

.btn-variants {
  color: #c29f32;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  position: relative;
  background: #070709;
  border-radius: 5px;
}
.btn-variants::before {
  content: "";
  inset: -1px;
  position: absolute;
  z-index: -1;
  background: linear-gradient(22deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
  border-radius: 5px;
}
.btn-variants:hover, .btn-variants:focus, .btn-variants:focus-within {
  color: #c29f32;
}
.btn-variants:hover::before, .btn-variants:focus::before, .btn-variants:focus-within::before {
  background: linear-gradient(338deg, #2e2300 0%, #c29f32 22%, #2e2300 50%, #c29f32 77%, #2e2300 100%);
}

.btn-info {
  color: #d1d1d1;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  position: relative;
  background: #070709;
  border-radius: 5px;
}
.btn-info::before {
  content: "";
  inset: -1px;
  position: absolute;
  z-index: -1;
  background: linear-gradient(22deg, #2e2e2e 0%, #d1d1d1 22%, #2e2e2e 50%, #d1d1d1 77%, #2e2e2e 100%);
  border-radius: 5px;
}
.btn-info:hover, .btn-info:focus, .btn-info:focus-within {
  background: #070709;
  color: #d1d1d1;
}
.btn-info:hover::before, .btn-info:focus::before, .btn-info:focus-within::before {
  background: linear-gradient(338deg, #2e2e2e 0%, #d1d1d1 22%, #2e2e2e 50%, #d1d1d1 77%, #2e2e2e 100%);
}

@media (max-width: 1359px) {
  .p-item {
    padding-bottom: 108px;
  }
  .p-item .detail-price {
    font-size: 22px;
    margin-right: 10px;
  }
  .p-item .detail-price span {
    font-size: 18px;
  }
  .p-item .detail-number input {
    width: 90px;
    min-width: unset;
    margin-right: 0;
    min-height: 47px;
    font-size: 18px !important;
  }
  .p-item .detail-bottom {
    justify-content: center;
  }
  .p-item .detail-variants {
    justify-content: center;
  }
  .p-item .detail-variants-title {
    display: none;
  }
  .p-item .detail-btn {
    flex: unset;
    max-width: unset;
    margin-top: 0;
  }
  .p-item .detail-btn .btn-buy {
    padding: 10px 15px;
    font-size: 18px;
    min-width: 120px;
  }
  .p-item-variants .btn-info {
    min-width: 115px;
  }
  .p-item-price {
    font-size: 26px;
    margin-right: 10px;
  }
  .p-item-price span {
    font-size: 21px;
  }
  .p-item-bottom-bot {
    margin-top: 10px;
  }
  .p-item-bottom-bot .btn-buy {
    padding: 10px 21px;
  }
}
@media (max-width: 1199px) {
  .p-item {
    padding-bottom: 155px;
  }
  .p-item .detail-variants {
    justify-content: center;
    margin-bottom: 10px;
  }
  .p-item .detail-variants-title {
    display: none;
  }
  .p-item .detail-bottom {
    justify-content: center;
  }
  .p-item .detail-btn {
    margin-top: 10px;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .p-item .detail-price {
    min-width: 0;
  }
  .p-item .detail-number {
    margin-right: 0;
  }
  .p-item-bottom {
    display: none;
  }
  .p-item-bottom-hover {
    display: flex;
  }
  .p-item-variants-title {
    display: none;
  }
  .p-item-name {
    font-size: 24px;
  }
  .p-item-name-after {
    font-size: 16px;
  }
  .p-item-bottom-bot {
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-item-btn {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-item .detail-variants .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
    min-width: 40px;
    min-height: 40px;
    font-size: 20px;
    padding: 6px 7px;
  }
  .p-item .detail-number {
    margin-right: 0;
  }
  .p-item .detail-number .ui-spinner {
    width: unset !important;
    height: unset !important;
  }
  .p-item .detail-number input {
    width: 70px;
    min-height: 40px;
    margin-right: 0;
  }
  .p-item-variants .btn-info {
    min-width: 100px;
    min-height: 40px;
  }
  .p-item-price {
    font-size: 22px;
    margin-right: 10px;
  }
  .p-item-price span {
    font-size: 18px;
  }
  .p-item-bottom-bot {
    margin-top: 10px;
  }
  .p-item-bottom-bot .btn-buy {
    font-size: 16px;
    padding: 8px 15px;
  }
  .p-item {
    padding-bottom: 110px;
  }
  .p-item-variants-title {
    display: none;
  }
  .p-item-variants .d-variant-radio input[type=radio] + label {
    min-width: 40px;
    min-height: 40px;
    font-size: 20px;
    padding: 6px 7px;
  }
  .p-item-number {
    min-width: 90px;
    min-height: 40px;
  }
  .p-item-name {
    font-size: 22px;
  }
  .p-item-name-after {
    font-size: 15px;
  }
  .p-item-bottom-bot {
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-item-btn {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 8px;
  }
}
@media (max-width: 575px) {
  .p-list .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .p-item-col {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-item .detail-variants {
    margin-bottom: 5px;
  }
  .p-item .detail-variants .p-item-variants-content ul li input[type=radio] + label .d-variant-radio-title {
    min-width: 20px;
    min-height: 25px;
    font-size: 11px;
    padding: 3px 4px;
  }
  .p-item .detail-number {
    margin-right: 0;
  }
  .p-item .detail-number .ui-spinner {
    width: unset !important;
    height: unset !important;
  }
  .p-item .detail-number input {
    width: 35px;
    min-height: 25px;
    margin-right: 0;
    font-size: 11px !important;
  }
  .p-item .detail-price {
    margin-right: 5px;
  }
  .p-item .detail-price span {
    font-size: 12px;
  }
  .p-item-variants .d-variant-radio {
    margin-right: 2px;
  }
  .p-item-variants .btn-info {
    min-width: 40px;
    min-height: 25px;
    padding: 5px 5px;
    font-size: 9px;
    margin-left: 4px;
  }
  .p-item {
    padding-bottom: 32px;
  }
  .p-item-variants-title {
    display: none;
  }
  .p-item-name {
    font-size: 17px;
    margin-bottom: -10px;
    position: relative;
    z-index: 3;
  }
  .p-item-name-after {
    font-size: 12px;
    margin-top: 0;
  }
  .p-item-bottom-bot {
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-item .detail-btn {
    width: auto;
    margin-top: 0;
  }
  .p-item .detail-btn .btn-buy {
    font-size: 11px;
    padding: 4.25px 5px;
    margin-left: 5px;
    min-width: 60px;
  }
}
.p-list {
  margin-top: 40px;
}

.sub-cat-row {
  position: relative;
}

.subcat {
  position: relative;
  min-height: 380px;
  overflow: hidden;
}
.subcat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 210px;
  background-color: #000;
  z-index: 2;
  display: none;
}
@media (min-width: 1200px) {
  .subcat::before {
    width: 100px;
    display: block;
  }
}
@media (min-width: 1360px) {
  .subcat::before {
    width: 110px;
  }
}
@media (min-width: 1560px) {
  .subcat::before {
    width: 80px;
  }
}

.sub-cat-swiper {
  overflow: visible;
}

.subcat-title {
  position: absolute;
  left: -200px;
  top: 190px;
  transform: matrix(0, -1, 1, 0, 0, 0);
  height: 210px;
  width: 582px;
  background: url("../../images/eighty8/bg-subcat-title.jpg") no-repeat bottom center;
  background-size: 100% auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.subcat-title h2 {
  margin-bottom: 0;
  font-family: "Big Shoulders Display", sans-serif;
  font-size: 80px;
  color: transparent;
  font-weight: 800;
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title.jpg") no-repeat bottom center;
  background-clip: border-box, border-box !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  background-size: cover !important;
  line-height: 1;
}
.subcat-title-id-29 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-konopi.jpg") no-repeat bottom center;
}
.subcat-title-id-29 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-konopi.jpg") no-repeat bottom center;
}
.subcat-title-id-30 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-30 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-31 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-31 h2 {
  background: transparent;
  color: #000;
  -webkit-text-stroke: 1px #9c823b;
}
.subcat-title-id-32 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-32 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-33 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-33 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-35 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-35 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-36 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-36 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-37 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-37 h2 {
  background: transparent;
  color: #000;
  -webkit-text-stroke: 1px #9c823b;
}
.subcat-title-id-38 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-38 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-41 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-41 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-44 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-konopi.jpg") no-repeat bottom center;
}
.subcat-title-id-44 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-konopi.jpg") no-repeat bottom center;
}
.subcat-title-id-47 {
  background: url("../../images/eighty8/bg-subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-47 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-cbd-kapky.jpg") no-repeat bottom center;
}
.subcat-title-id-50 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-50 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-51 {
  background: url("../../images/eighty8/bg-subcat-title-strong.jpg") no-repeat bottom center;
}
.subcat-title-id-51 h2 {
  background: transparent;
  color: #000;
  -webkit-text-stroke: 1px #9c823b;
}
.subcat-title-id-52 {
  background: url("../../images/eighty8/bg-subcat-title-baterie.jpg") no-repeat bottom center;
}
.subcat-title-id-52 h2 {
  background: -webkit-linear-gradient(transparent, transparent), url("/images/eighty8/subcat-title-baterie.jpg") no-repeat bottom center;
}

.p-arrow {
  width: 43px;
  height: 87px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: url("../../images/eighty8/bg-arrow-slider.svg") no-repeat center;
  position: absolute;
  z-index: 4;
  top: 200px;
  right: 0;
}
.p-arrow:hover, .p-arrow:focus, .p-arrow:focus-within {
  background: url("../../images/eighty8/bg-arrow-slider-hover.svg") no-repeat center;
}
.p-arrow-left {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}

@media (max-width: 1899px) {
  .subcat-title {
    left: -185px;
    top: 190px;
    height: 170px;
    width: 510px;
  }
  .subcat-title h2 {
    font-size: 72px;
  }
}
@media (max-width: 1819px) {
  .subcat-title {
    left: -160px;
    top: 230px;
    height: 100px;
    width: 420px;
  }
  .subcat-title h2 {
    font-size: 62px;
  }
}
@media (max-width: 1724px) {
  .subcat-title {
    left: -160px;
    top: 230px;
    height: 100px;
    width: 380px;
  }
  .subcat-title h2 {
    font-size: 55px;
  }
}
@media (min-width: 1360px) and (max-width: 1659px) {
  .subcat-title {
    left: -130px;
    top: 230px;
    height: 100px;
    width: 380px;
  }
  .subcat-title h2 {
    font-size: 55px;
  }
  .subcat-container {
    padding-left: 100px;
  }
}
@media (max-width: 1659px) {
  .p-list {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .subcat-container {
    padding-left: 70px;
  }
  .subcat-title {
    left: -140px;
  }
}
@media (max-width: 1359px) {
  .p-list {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .p-list {
    margin-top: 30px;
  }
  .subcat-title {
    position: static;
    transform: none;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .p-list {
    margin-top: 30px;
  }
  .subcat-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-list {
    margin-top: 30px;
  }
  .subcat-title {
    margin-bottom: 30px;
    height: 65px;
  }
  .subcat-title h2 {
    font-size: 44px;
  }
}
.banner-cat {
  position: relative;
  margin-top: -150px;
  overflow: hidden;
}
.banner-cat-img {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  height: 800px;
}
.banner-cat-img img {
  height: 100%;
  width: auto;
}
.banner-cat-text {
  position: absolute;
  inset: 0;
  padding-top: 200px;
  display: flex;
  align-items: flex-start;
}
.banner-cat-text-right {
  text-align: right;
}
.banner-cat-text-right .banner-cat-inner {
  margin-left: auto;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.banner-cat-text-title {
  font-size: 152px;
  text-transform: uppercase;
  font-family: "Big Shoulders Display", sans-serif;
  font-weight: 800;
  margin-bottom: 0;
}
.banner-cat-text-1 p {
  font-size: 39px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 20px;
}
.banner-cat-text-2 p {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}
.banner-cat-inner {
  width: 100%;
  max-width: 700px;
}

.btn-banner {
  margin-top: 40px;
  border-radius: 10px;
  background: #ca0d11;
  color: #ffffff;
  font-size: 35px;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 19px 65px;
}
.btn-banner p {
  margin: 0;
  padding: 0;
}
.btn-banner a {
  text-decoration: none;
}
.btn-banner:hover {
  color: #fff;
}

@media (max-width: 1859px) {
  .banner-cat-img {
    height: 800px;
    transform: translateX(40px);
  }
}
@media (max-width: 1559px) {
  .banner-cat {
    margin-top: -110px;
  }
  .banner-cat-img {
    height: 700px;
    transform: translateX(70px);
  }
  .banner-cat-text {
    padding-top: 160px;
  }
  .banner-cat-text-title {
    font-size: 140px;
    margin-bottom: 0;
  }
  .banner-cat-text-1 p {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .banner-cat-text-2 p {
    font-size: 23px;
    margin-bottom: 20px;
  }
  .banner-cat-inner {
    max-width: 600px;
  }
  .btn-banner {
    margin-top: 25px;
    border-radius: 10px;
    font-size: 30px;
    padding: 15px 50px;
  }
}
@media (max-width: 1359px) {
  .banner-cat {
    margin-top: -101px;
  }
  .banner-cat-img {
    height: 650px;
  }
  .banner-cat-text {
    padding-top: 180px;
  }
  .banner-cat-text-title {
    font-size: 105px;
    margin-bottom: 0;
  }
  .banner-cat-text-1 p {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .banner-cat-text-2 p {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .banner-cat-inner {
    max-width: 500px;
  }
  .btn-banner {
    margin-top: 20px;
    border-radius: 10px;
    font-size: 26px;
    padding: 12px 40px;
  }
}
@media (max-width: 1199px) {
  .banner-cat {
    margin-top: -101px;
  }
  .banner-cat-img {
    height: 550px;
  }
  .banner-cat-text {
    padding-top: 150px;
  }
  .banner-cat-text-title {
    font-size: 80px;
  }
  .banner-cat-text-1 p {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .banner-cat-text-2 p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .banner-cat-inner {
    max-width: 450px;
  }
  .btn-banner {
    margin-top: 15px;
    border-radius: 10px;
    font-size: 22px;
    padding: 8px 30px;
  }
}
@media (max-width: 991px) {
  .banner-cat {
    margin-top: -80px;
  }
  .banner-cat-img {
    height: 400px;
    transform: translateX(60px);
  }
  .banner-cat-text {
    padding-top: 108px;
  }
  .banner-cat-text-title {
    font-size: 56px;
  }
  .banner-cat-text-1 p {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .banner-cat-text-2 p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .banner-cat-inner {
    max-width: 350px;
  }
  .btn-banner {
    margin-top: 15px;
    border-radius: 10px;
    font-size: 20px;
    padding: 5px 24px;
  }
}
@media (max-width: 767px) {
  .banner-cat {
    margin-top: -55px;
  }
  .banner-cat-img {
    height: 215px;
    transform: translateX(50px);
  }
  .banner-cat-text {
    padding-top: 52px;
  }
  .banner-cat-text-title {
    font-size: 30px;
  }
  .banner-cat-text-1 p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .banner-cat-text-2 p {
    font-size: 10px;
    margin-bottom: 5px;
  }
  .banner-cat-inner {
    max-width: 180px;
  }
  .btn-banner {
    margin-top: 5px;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 12px;
  }
}
.variants .variant-content.more {
  display: none !important;
}

.variant-param-text {
  font-size: 12px;
  color: #fff;
}

.disable-card label {
  opacity: 0.3;
}
.disable-card p {
  margin-top: 25px;
  font-size: 1rem;
  float: left;
}

.ppl-modal-box {
  z-index: 99999;
  color: #000;
}

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