body,
html {
  margin: 0;
  padding: 0;
}

#wrapper.pt_category-wide .site-width-slot {
  max-width: 100%;
}
#main:not(.main-homepage) {
  padding-top: 0px;
}

#wrapper {
  max-width: unset;
}

.breadcrumb {
  display: none;
}
.offerbumper-loader {
  display: none !important;
}
.primary-content {
  padding: 0;
}

footer {
  margin-top: 0px;
}

#IFRAME {
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
  height: calc(100vh - 113px);
  display: none;
}

#PROMOCODE {
  visibility: hidden;
  position: absolute;
  left: 4000px;
}

.lip-oil-game {
  background: linear-gradient(
    to top,
    #f5d5e3 0%,
    #f5d0e1 31%,
    #f5c3d9 71%,
    #f5b3d1 100%
  );
  min-height: 700px;
  height: calc(100vh - 113px);
  position: relative;
  width: 100%;
  overflow: hidden;
  --WIDTH-PACK: 47px;
  --DURATION: 8s;
  --CLARINS-FONT: ClarinsRegular, Clarins;
  --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
    Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
}
#popin-lip-oil .lip-oil-game {
  height: calc(100vh - 80px) !important;
}
.lip-oil-game__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  position: relative;
  z-index: 1;
  padding: 0 40px;
  padding-bottom: 0;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  font-family: var(--GOTHAM-BOOK);
}

.lip-oil-game__screen {
  display: none;
}

.lip-oil-game__screen[data-active="1"] {
  display: block;
  opacity: 0;
  animation: FadeIn 1s both;
  height: 100%;
}

@keyframes FadeIn {
  100% {
    opacity: 1;
  }
}

.lip-oil-game__packs {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  position: relative;
  padding-top: calc(0.2 * var(--WIDTH-PACK));
  padding-bottom: calc(0.2 * var(--WIDTH-PACK));
}

.lip-oil-game__packs img {
  height: auto;
}

.lip-oil-game__packs img:nth-child(3) {
  width: var(--WIDTH-PACK);
  margin-left: calc(-0.13 * var(--WIDTH-PACK));
  margin-right: calc(-0.13 * var(--WIDTH-PACK));
  z-index: 3;
}

.lip-oil-game__packs img:nth-child(2),
.lip-oil-game__packs img:nth-child(4) {
  width: calc(0.89 * var(--WIDTH-PACK));
  z-index: 2;
}

.lip-oil-game__packs img:nth-child(1),
.lip-oil-game__packs img:nth-child(5) {
  width: calc(0.74 * var(--WIDTH-PACK));
  margin-left: calc(-0.1 * var(--WIDTH-PACK));
  margin-right: calc(-0.1 * var(--WIDTH-PACK));
  z-index: 1;
}

@keyframes popPackshot {
  0% {
    transform: scale(0.75);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes popPackshotFromRight {
  0% {
    opacity: 0;
    transform: translateX(80%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes popPackshotFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-80%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

*[data-active="1"] .lip-oil-game__packs img:nth-child(1) {
  animation: popPackshotFromRight 1s both;
  animation-delay: 0.2s;
}

*[data-active="1"] .lip-oil-game__packs img:nth-child(2) {
  animation: popPackshotFromRight 1s both;
  animation-delay: 0.1s;
}

*[data-active="1"] .lip-oil-game__packs img:nth-child(3) {
  animation: popPackshot 1s both;
}

*[data-active="1"] .lip-oil-game__packs img:nth-child(4) {
  animation: popPackshotFromLeft 1s both;
  animation-delay: 0.1s;
}

*[data-active="1"] .lip-oil-game__packs img:nth-child(5) {
  animation: popPackshotFromLeft 1s both;
  animation-delay: 0.2s;
}

.lip-oil-game__title {
  margin: 0;
  font-size: 83px;
  font-weight: bold;
  line-height: 1em;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  text-align: center;
  user-select: none;
}

h2.lip-oil-game__title {
  font-size: 42px;
}

h3.lip-oil-game__title {
  font-size: 30px;
  margin: 20px;
}

h2.lip-oil-game__title + p {
  padding-top: 20px;
}

.lip-oil-game__title > span {
  /*  animation: popLetter 2s infinite;*/
  display: inline-block;
}

@keyframes popLetter {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  60% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

.lip-oil-game__title span:nth-child(1) {
  animation-delay: 0s;
}

.lip-oil-game__title span:nth-child(2) {
  animation-delay: 0.2s;
}

.lip-oil-game__title span:nth-child(3) {
  animation-delay: 0.4s;
}

.lip-oil-game__title span:nth-child(4) {
  animation-delay: 0.6s;
}

.lip-oil-game__title span:nth-child(5) {
  animation-delay: 0.8s;
}

.lip-oil-game__title span:nth-child(6) {
  animation-delay: 1s;
}

.lip-oil-game__title span:nth-child(7) {
  animation-delay: 1.2s;
}

.lip-oil-game__title span:nth-child(8) {
  animation-delay: 1.4s;
}

.lip-oil-game__title .red {
  color: #ec2634;
}

.lip-oil-game__title .yellow {
  color: #fdeb20;
}

.lip-oil-game__title .pink {
  color: #f44ba0;
}

.lip-oil-game__title .orange {
  color: #ff9c28;
}

.lip-oil-game__title .white {
  color: #fff;
  animation: none;
}

.lip-oil-game__button {
  padding: 30px;
}

.lip-oil-game__button button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  color: #333;
  height: 44px;
  border: solid 1px #cfcac9 !important;
  border-radius: 3px;
  background-color: #fff;
  transition: 0.3s;
  cursor: pointer;
  text-transform: none;
  padding: 0 16px;
  min-width: unset;
  font-size: 14px;
  outline: none !important;
  letter-spacing: normal;
}

.lip-oil-game__button button:focus,
.lip-oil-game__button button:hover {
  border: solid 1px #b40024 !important;
  background-color: #fff;
  color: #b40024;
  outline: none !important;
}

.lip-oil-game__text {
  margin: 0;
  text-align: center;
  color: #fff;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  max-width: 480px;
}

.lip-oil-game__score {
  font-size: 2em;
  vertical-align: middle;
  line-height: 1.4em;
}

.lip-oil-game__text strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

.lip-oil-game__small-title {
  margin: 0;
  text-align: center;
  color: #fff;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.2em;
}

.lip-oil-game__mentions {
  margin: 0;
}
@media (min-width: 762px) {
  .lip-oil-game__mentions {
    position: absolute;
    top: 530px;
  }
  *[data-screen="game"] .lip-oil-game__mentions {
    position: absolute;
    top: 590px;
  }
}

.lip-oil-game__mentions a {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.lip-oil-game__hidden-quickshop {
  display: none !important;
}

.lip-oil-game__background {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 1600px;
  left: calc(50% - 800px);
  height: 700px;

  counter-reset: bubbleIndex;
  pointer-events: none;
}

.lip-oil-game__bubble {
  position: absolute;
  transform-origin: center;
  animation: AnimBubble var(--DURATION) ease-in-out infinite;
}

@keyframes AnimBubble {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(-10%);
  }

  100% {
    transform: translateY(0%);
  }
}

.lip-oil-game__bubble[data-color="raspberry"] {
  width: 78px;
  left: 413px;
  top: 358px;
  animation-delay: calc(var(--DURATION) * 0.1);
}

.lip-oil-game__bubble[data-color="cherry"] {
  width: 93px;
  left: 529px;
  top: 521px;
  animation-delay: calc(var(--DURATION) * 0.2);
}

.lip-oil-game__bubble[data-color="pitaya"] {
  width: 162px;
  left: 1044px;
  top: 432px;
  animation-delay: calc(var(--DURATION) * 0.3);
}

.lip-oil-game__bubble[data-color="apricot"] {
  display: none;
  animation-delay: calc(var(--DURATION) * 0.4);
}

.lip-oil-game__bubble[data-color="honey"] {
  width: 183px;
  left: 276px;
  top: 521px;
  animation-delay: calc(var(--DURATION) * 0.4);
}

.lip-oil-game__bubble[data-color="strawberry"] {
  width: 223px;
  left: 220px;
  top: -10px;
  animation-delay: calc(var(--DURATION) * 0.6);
}

.lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
  animation-delay: calc(var(--DURATION) * 0.7);
}

.lip-oil-game__bubble[data-color="plum"] {
  width: 61px;
  left: 1275px;
  top: 592px;
  animation-delay: calc(var(--DURATION) * 0.8);
}

.lip-oil-game__bubble[data-color="rose"] {
  width: 302px;
  left: 1044px;
  top: -64px;
  animation: none;
}

.lip-oil-game__bubble[data-color="hazelnut"] {
  width: 232px;
  left: 733px;
  top: 570px;
  animation: none;
}

/****************************************************/
*[data-screen="home"] .lip-oil-game__content {
  justify-content: flex-start;
  padding-top: 30px;
}

/****************************************************/
*[data-screen="game-intro"] .lip-oil-game__content {
  justify-content: flex-start;
  padding-top: 40px;
}
/****************************************************/
*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="raspberry"] {
  width: 78px;
  left: 398px;
  top: 329px;
  display: none;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="cherry"] {
  width: 116px;
  left: 742px;
  top: 616px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="pitaya"] {
  width: 93px;
  left: 220px;
  top: 224px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="apricot"] {
  display: block;
  width: 127px;
  left: 1233px;
  top: 105px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="honey"] {
  width: 233px;
  left: 1044px;
  top: -107px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="strawberry"] {
  width: 116px;
  left: 460px;
  top: 399px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="plum"] {
  width: 150px;
  left: 302px;
  top: 521px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="rose"] {
  left: 992px;
  top: 265px;
}

*[data-screen="game-intro"] .lip-oil-game__bubble[data-color="hazelnut"] {
  left: 376px;
  top: -20px;
}
/****************************************************/
*[data-screen="game"] .lip-oil-game__content {
  justify-content: flex-start;
  padding-top: 0px;
  height: 100%;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="raspberry"] {
  display: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="cherry"] {
  display: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="pitaya"] {
  width: 137px;
  left: 1156px;
  top: 456px;
  animation: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="apricot"] {
  display: block;
  width: 78px;
  left: 1352px;
  top: 304px;
  animation: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="honey"] {
  width: 272px;
  left: 178px;
  top: 424px;
  animation: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="strawberry"] {
  width: 196px;
  left: 1223px;
  top: 80px;
  animation: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
  animation: none;
}

*[data-screen="game"] .lip-oil-game__bubble[data-color="plum"] {
  width: 113px;
  left: 151px;
  top: 288px;
  animation: none;
}
/****************************************************/
*[data-screen="game-win"] .lip-oil-game__content {
  justify-content: flex-start;
  padding-top: 40px;
}
*[data-screen="game-win"] .lip-oil-game__button {
  padding: 20px;
  display: flex;
}
*[data-screen="game-win"] .lip-oil-game__button button:nth-child(2) {
  margin-left: 20px;
}
*[data-screen="game-win"] .lip-oil-game__bubble[data-color="raspberry"] {
  display: none;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="cherry"] {
  display: none;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="pitaya"] {
  width: 66px;
  left: 1256px;
  top: 193px;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="apricot"] {
  width: 118px;
  left: 361px;
  top: 493px;
  display: block;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="honey"] {
  width: 208px;
  left: 1061px;
  top: 540px;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="strawberry"] {
  width: 77px;
  left: -19px;
  top: -38px;
}
*[data-screen="game-win"] .lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
}

*[data-screen="game-win"] .lip-oil-game__bubble[data-color="plum"] {
  width: 262px;
  left: 1070px;
  top: -113px;
}
*[data-screen="game-win"] .lip-oil-game__bubble[data-color="rose"] {
  width: 301px;
  left: 133px;
  top: 138px;
}
*[data-screen="game-win"] .lip-oil-game__bubble[data-color="hazelnut"] {
  width: 240px;
  left: 1241px;
  top: 331px;
}
*[data-screen="game-win"]
  .lip-oil-game__hollowbox
  .lip-oil-game__button
  button {
  border: solid 1px #b40024 !important;
  color: #fff;
  background-color: #b40024;
}
*[data-screen="game-win"]
  .lip-oil-game__hollowbox
  .lip-oil-game__button
  button:focus,
*[data-screen="game-win"]
  .lip-oil-game__hollowbox
  .lip-oil-game__button
  button:hover {
  border: solid 1px #7e031c !important;
  outline: none !important;
  color: #fff;
  background-color: #b40024;
}
/****************************************************/
*[data-screen="game-retry"] .lip-oil-game__content {
  justify-content: flex-start;
  padding-top: 40px;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="raspberry"] {
  width: 69px;
  left: 1089px;
  top: 406px;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="cherry"] {
  width: 185px;
  left: 327px;
  top: 578px;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="pitaya"] {
  display: none;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="apricot"] {
  display: none;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="honey"] {
  width: 206px;
  left: 1079px;
  top: 190px;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="strawberry"] {
  display: none;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
}

*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="plum"] {
  width: 214px;
  left: 348px;
  top: -52px;
}
*[data-screen="game-retry"] .lip-oil-game__bubble[data-color="hazelnut"] {
  width: 214px;
  left: 1301px;
  top: 444px;
}

*[data-screen="game-retry"] .lip-oil-game__score {
  font-size: 2.5em;
  vertical-align: middle;
  line-height: 1.4em;
  margin-right: 10px;
}

*[data-screen="game-retry"] .lip-oil-game__text {
  text-align: left;
  width: 280px;
  display: flex;
  align-items: center;
}
/****************************************************/
*[data-screen="form"] .lip-oil-game__bubble[data-color="raspberry"] {
  display: none;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="cherry"] {
  width: 131px;
  left: 1256px;
  top: 193px;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="pitaya"] {
  width: 66px;
  left: 1256px;
  top: 193px;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="apricot"] {
  width: 126px;
  left: 357px;
  top: 493px;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="honey"] {
  width: 241px;
  left: 316px;
  top: 110px;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="strawberry"] {
  width: 119px;
  left: 257px;
  top: 377px;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="chocolate"] {
  display: none;
}

*[data-screen="form"] .lip-oil-game__bubble[data-color="plum"] {
  width: 262px;
  left: 1070px;
  top: -113px;
}

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

.lip-oil-game__gameplay {
  display: flex;
  flex-wrap: wrap;
  width: 150px;
  justify-content: center;
  padding-top: 20px;
}

.lip-oil-game__gameplay-bubble {
  width: 40px !important;
  height: 40px !important;
  margin: 2px;
}

.lip-oil-game__gameplay-bubble[data-anim="top"] {
  animation: AnimTop ease-out 2s infinite;
}

.lip-oil-game__gameplay-bubble[data-anim="bottom"] {
  animation: AnimBottom ease-out 2s infinite;
}

@keyframes AnimBottom {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(calc(100% + 4px));
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes AnimTop {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(calc(-100% - 4px));
  }

  100% {
    transform: translateY(0%);
  }
}

.lip-oil-game__hollowbox {
  max-width: 642px;
  width: 100%;
  margin: 0 auto;
  /* flex: 1;*/
  max-height: 334px;
  flex-basis: 50%;
  display: flex;
  align-items: center;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 12px;
  background: linear-gradient(
    to top,
    #f29dc3 0%,
    #f29dc3 31%,
    #f2b6d1 71%,
    #f2cbdc 100%
  );
}

.lip-oil-game__hollowbox {
  animation: popFromBottom ease-out 0.5s both;
}

@keyframes popFromBottom {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0%);
  }
}

.lip-oil-game__hollowbox-content > .lip-oil-game__button {
  padding: 0;
  padding-top: 30px;
}

.lip-oil-game__hollowbox-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  color: #fff;
}

*[data-screen="game-win"] .lip-oil-game__hollowbox-content {
  align-items: center;
}

.lip-oil-game__hollowbox-title {
  font-family: var(--CLARINS-FONT);
  color: #fff;
  line-height: 1em;
  font-size: 38px;
  text-align: left;
  position: relative;
  padding: 0px;
  width: 100%;
}

.lip-oil-game__hollowbox-text {
  font-size: 16px;
  margin: 0;
  max-width: 280px;
}

.lip-oil-game__hollowbox-text + .lip-oil-game__hollowbox-text {
  margin: 20px 0;
}

.lip-oil-game__hollowbox-text strong {
  font-size: 24px;
  font-weight: normal;
  line-height: 1em;
}

.lip-oil-game__hollowbox-code {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
}
.lip-oil-game__hollowbox-code {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  padding: 0px;
  cursor: pointer;
  position: relative;
}
.lip-oil-game__hollowbox-code[data-copy="1"]::after {
  content: "✓";
  position: absolute;
  display: inline-block;
  left: 100%;
  top: 5px;
  text-align: left;
}
.lip-oil-game__hollowbox-title span {
  position: absolute;
  top: -0.5em;
  right: calc(100% - 0.2em);
  font-size: 138px;
  line-height: 1em;
}

.lip-oil-game__hollowbox-packshot {
  max-width: 210px;
  margin-right: 40px;
}

.lip-oil-game__hollowbox-packs {
  --WIDTH-PACK: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  padding: 30px;
  position: relative;
  padding-top: calc(0.2 * var(--WIDTH-PACK));
  padding-bottom: calc(0.2 * var(--WIDTH-PACK));
  margin-right: 40px;
}

.lip-oil-game__hollowbox-packs img {
  height: auto;
}

.lip-oil-game__hollowbox-packs img:nth-child(2) {
  width: var(--WIDTH-PACK);
  margin-left: calc(-0.13 * var(--WIDTH-PACK));
  margin-right: calc(-0.13 * var(--WIDTH-PACK));
  z-index: 3;
}

.lip-oil-game__hollowbox-packs img:nth-child(1),
.lip-oil-game__hollowbox-packs img:nth-child(3) {
  width: calc(0.89 * var(--WIDTH-PACK));
  z-index: 2;
}

*[data-active="1"] .lip-oil-game__hollowbox-packs img:nth-child(1) {
  animation: popPackshotFromRight 1s both;
  animation-delay: 0.2s;
}

*[data-active="1"] .lip-oil-game__hollowbox-packs img:nth-child(2) {
  animation: popPackshot 1s both;
  animation-delay: 0.1s;
}

*[data-active="1"] .lip-oil-game__hollowbox-packs img:nth-child(3) {
  animation: popPackshotFromLeft 1s both;
}