@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;400;700&display=swap");
.page-template-template-hotdrink .packshot_hotdrink {
  position: absolute;
  top: 30%;
  right: 8%;
  z-index: 998;
  width: 18rem; }
  @media (max-width: 767px) {
    .page-template-template-hotdrink .packshot_hotdrink {
      top: auto;
      bottom: 5%;
      left: 50%;
      width: 18rem;
      transform: translateX(-50%); } }
.page-template-template-hotdrink .hotdrink_repeater {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 30px; }
  @media (max-width: 767px) {
    .page-template-template-hotdrink .hotdrink_repeater {
      flex-direction: column; } }
  .page-template-template-hotdrink .hotdrink_repeater .repeater_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }
    .page-template-template-hotdrink .hotdrink_repeater .repeater_item .icon_pastila_adulti {
      width: 100%;
      max-width: 100px; }
    .page-template-template-hotdrink .hotdrink_repeater .repeater_item .icon_text {
      margin: 20px 0;
      color: #7c7c7d;
      font-size: 16px;
      font-weight: 700; }
.page-template-template-hotdrink .container__packshot--night,
.page-template-template-hotdrink .container__packshot--day {
  text-align: center; }
.page-template-template-hotdrink .packshot--day,
.page-template-template-hotdrink .packshot--night {
  max-width: 200px;
  margin: 0 0 100px 0 !important; }
  @media (max-width: 991px) {
    .page-template-template-hotdrink .packshot--day,
    .page-template-template-hotdrink .packshot--night {
      margin: 0 0 Min(30vw, 200px) 0 !important; } }
@media (max-width: 991px) {
  .page-template-template-hotdrink .container--day {
    background-color: #116775 !important; } }
.page-template-template-hotdrink .howto__title--night {
  color: #fb7c73 !important; }
.page-template-template-hotdrink .howto__title--day {
  color: #25d4f0 !important; }
.page-template-template-hotdrink .howto__text--day span {
  color: #25d4f0 !important;
  font-weight: 500 !important; }
.page-template-template-hotdrink .howto__text--night span {
  color: #fb7c73 !important;
  font-weight: 500 !important; }
@media (max-width: 991px) {
  .page-template-template-hotdrink .container--night {
    background-color: #801c15 !important; } }
.page-template-template-hotdrink .section3_adulti {
  margin-bottom: 0 !important; }
.page-template-template-hotdrink .s4__repeater--night__container {
  margin-top: -2rem !important; }
  @media (max-width: 991px) {
    .page-template-template-hotdrink .s4__repeater--night__container {
      margin-top: -10rem !important; } }
.page-template-template-hotdrink .s2_text {
  font-size: 18px;
  font-weight: 500;
  margin-top: 25px; }
  @media (max-width: 767px) {
    .page-template-template-hotdrink .s2_text {
      font-size: 14px; } }
@media (max-width: 991px) {
  .page-template-template-hotdrink .section4--adulti {
    padding: 0 !important; } }
.page-template-template-hotdrink .faq_section .faq_section_title {
  text-align: center;
  margin: 40px 0;
  font-size: 40px; }
  @media (max-width: 991px) {
    .page-template-template-hotdrink .faq_section .faq_section_title {
      font-size: Min(18vw, 30px) !important; } }
.page-template-template-hotdrink .faq_section .panel-title {
  font-size: 20px;
  font-weight: 500; }
  @media (max-width: 991px) {
    .page-template-template-hotdrink .faq_section .panel-title a {
      font-size: 16px !important; } }
  @media (max-width: 767px) {
    .page-template-template-hotdrink .faq_section .panel-title {
      font-size: Min(15vw, 14px) !important; } }

.color_white {
  color: #fff !important; }

.page-template-template-sinus .packshot_sinus {
  position: absolute;
  top: 50%;
  right: 10%;
  z-index: 998;
  width: 15rem; }
  @media (max-width: 767px) {
    .page-template-template-sinus .packshot_sinus {
      top: auto;
      bottom: 5%;
      left: 50%;
      width: 18rem;
      transform: translateX(-50%); } }
.page-template-template-sinus .hotdrink_repeater {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 30px; }
  @media (max-width: 767px) {
    .page-template-template-sinus .hotdrink_repeater {
      flex-direction: column; } }
  .page-template-template-sinus .hotdrink_repeater .repeater_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }
    .page-template-template-sinus .hotdrink_repeater .repeater_item .icon_pastila_adulti {
      width: 100%;
      max-width: 100px; }
    .page-template-template-sinus .hotdrink_repeater .repeater_item .icon_text {
      margin: 20px 0;
      color: #7c7c7d;
      font-size: 16px;
      font-weight: 700; }
.page-template-template-sinus .container__packshot--night,
.page-template-template-sinus .container__packshot--day {
  text-align: center; }
.page-template-template-sinus .packshot--day,
.page-template-template-sinus .packshot--night {
  max-width: 200px;
  margin: 0 0 100px 0 !important; }
  @media (max-width: 991px) {
    .page-template-template-sinus .packshot--day,
    .page-template-template-sinus .packshot--night {
      margin: 0 0 Min(30vw, 200px) 0 !important; } }
@media (max-width: 991px) {
  .page-template-template-sinus .container--day {
    background-color: #116775 !important; } }
.page-template-template-sinus .howto__title--night {
  color: #fb7c73 !important; }
.page-template-template-sinus .howto__title--day {
  color: #25d4f0 !important; }
.page-template-template-sinus .howto__text--day span {
  color: #25d4f0 !important;
  font-weight: 500 !important; }
.page-template-template-sinus .howto__text--night span {
  color: #fb7c73 !important;
  font-weight: 500 !important; }
@media (max-width: 991px) {
  .page-template-template-sinus .container--night {
    background-color: #801c15 !important; } }
.page-template-template-sinus .section3_adulti {
  margin-bottom: 0 !important; }
.page-template-template-sinus .s4__repeater--night__container {
  margin-top: -2rem !important; }
  @media (max-width: 991px) {
    .page-template-template-sinus .s4__repeater--night__container {
      margin-top: -10rem !important; } }
.page-template-template-sinus .s2_text {
  font-size: 18px;
  font-weight: 500;
  margin-top: 25px; }
  @media (max-width: 767px) {
    .page-template-template-sinus .s2_text {
      font-size: 14px; } }
@media (max-width: 991px) {
  .page-template-template-sinus .section4--adulti {
    padding: 0 !important; } }
.page-template-template-sinus .faq_section .faq_section_title {
  text-align: center;
  margin: 40px 0;
  font-size: 40px; }
  @media (max-width: 991px) {
    .page-template-template-sinus .faq_section .faq_section_title {
      font-size: Min(18vw, 30px) !important; } }
.page-template-template-sinus .faq_section .panel-title {
  font-size: 20px;
  font-weight: 500; }
  @media (max-width: 991px) {
    .page-template-template-sinus .faq_section .panel-title a {
      font-size: 16px !important; } }
  @media (max-width: 767px) {
    .page-template-template-sinus .faq_section .panel-title {
      font-size: Min(15vw, 14px) !important; } }
.page-template-template-sinus .section_5_sinus {
  background-color: #ee9020; }
  .page-template-template-sinus .section_5_sinus .col-md-12 {
    text-align: center; }
  .page-template-template-sinus .section_5_sinus .section_5_title {
    text-align: center;
    margin: 40px 0;
    font-size: 40px; }
    @media (max-width: 991px) {
      .page-template-template-sinus .section_5_sinus .section_5_title {
        font-size: Min(18vw, 30px) !important; } }
  .page-template-template-sinus .section_5_sinus .button {
    padding: 0.6rem 1.4rem;
    background-color: #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #0d2a51;
    font-weight: 500;
    font-size: 0.5rem;
    transition: 0.5s;
    margin: 50px 0;
    display: inline-block;
    text-align: center; }
    @media (max-width: 767px) {
      .page-template-template-sinus .section_5_sinus .button {
        font-size: Min(20vw, 16px) !important;
        margin: 20px 0 40px 0; } }
  .page-template-template-sinus .section_5_sinus .instructions {
    display: flex;
    justify-content: space-evenly; }
    @media (max-width: 767px) {
      .page-template-template-sinus .section_5_sinus .instructions {
        flex-direction: column; } }
    .page-template-template-sinus .section_5_sinus .instructions .instructions_teens,
    .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2,
    .page-template-template-sinus .section_5_sinus .instructions .instructions_adults {
      color: #fff;
      text-align: center;
      align-items: center;
      display: flex;
      flex-direction: column; }
      @media (max-width: 767px) {
        .page-template-template-sinus .section_5_sinus .instructions .instructions_teens,
        .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2,
        .page-template-template-sinus .section_5_sinus .instructions .instructions_adults {
          padding: 20px 0; } }
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .step,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .step,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .step {
        color: #ee9020;
        background-color: #fff;
        display: inline-block;
        font-size: 24px;
        padding: 4px 15px;
        border-radius: 50%;
        font-weight: 700; }
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .age_group,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .age_group,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .age_group {
        font-size: 28px;
        font-weight: 700;
        color: #fff;
        position: relative;
        background-color: #ee9020;
        z-index: 999;
        padding: 0 10px; }
        .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .age_group b,
        .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .age_group b,
        .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .age_group b {
          position: absolute;
          background: #fff;
          height: 2px;
          width: 200px;
          top: 50%; }
          @media (max-width: 767px) {
            .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .age_group b,
            .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .age_group b,
            .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .age_group b {
              display: none; } }
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .age,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .age,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .age {
        font-size: 28px;
        font-weight: 700;
        color: #fff; }
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens .instruction,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 .instruction,
      .page-template-template-sinus .section_5_sinus .instructions .instructions_adults .instruction {
        max-width: 70%;
        font-size: 16px;
        font-weight: 500;
        margin-top: 20px; }
    .page-template-template-sinus .section_5_sinus .instructions .instructions_teens2 b {
      left: 100%; }
    .page-template-template-sinus .section_5_sinus .instructions .instructions_teens b {
      left: 100%; }
  .page-template-template-sinus .section_5_sinus .disclaimer {
    color: #fff;
    font-weight: 500;
    margin: 50px 0 0 0;
    display: inline-block;
    font-size: 16px !important; }

.panel-default {
  border-color: #fff !important;
  border-bottom: 1px solid #ddd !important; }

.panel-heading {
  background-color: #fff !important;
  padding: 20px 15px !important;
  position: relative; }
  .panel-heading .arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0px 4px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    font-size: 10px;
    transition: .5s; }
    .panel-heading .arrow.active {
      transform: translateY(-50%) rotate(-135deg); }

.color_white {
  color: #fff !important; }

h1 {
  font-size: 64px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

p {
  font-size: 18px; }

body {
  font-family: "Fira Sans", sans-serif !important;
  overflow-x: hidden; }

.clear_float {
  clear: both;
  height: 0; }

html {
  font-size: 2vw !important; }

.overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.2;
  z-index: 0;
  content: ""; }
  .overlay.active {
    display: block; }

.overlay--white {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  z-index: 0;
  content: ""; }

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  cursor: pointer; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger.is-active:hover {
  opacity: 0.7; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/*
     * Squeeze
     */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.header {
  border-top: 10px solid transparent;
  padding: 30px 0 20px 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .header .container .custom_mobile-menu {
    display: none; }
  .header .is-active {
    opacity: 1;
    visibility: visible; }
  .header .custom_nav ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 10px;
    font-family: "Fira Sans", sans-serif; }
    @media (max-width: 1199px) {
      .header .custom_nav ul {
        flex-direction: column; } }
    .header .custom_nav ul li {
      position: relative; }
      @media (max-width: 1199px) {
        .header .custom_nav ul li {
          width: 100%;
          background-color: #fff;
          z-index: 9999; } }
      .header .custom_nav ul li a {
        color: #003b5f;
        font-size: 20px;
        font-weight: 400; }
        @media (max-width: 1199px) {
          .header .custom_nav ul li a {
            position: relative; }
            .header .custom_nav ul li a .arrow {
              border: solid black;
              border-width: 0 3px 3px 0;
              display: inline-block;
              padding: 2px 5px;
              position: absolute;
              right: -40px;
              top: 40%;
              transform: translateY(-50%) rotate(45deg);
              font-size: 5px;
              transition: 0.5s; }
              .header .custom_nav ul li a .arrow.active {
                transform: translateY(-50%) rotate(-135deg); } }
      .header .custom_nav ul li .sub-menu {
        position: absolute;
        background: #ffffff;
        left: 0;
        top: 30px;
        padding: 0;
        z-index: 999;
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
        align-items: flex-start;
        width: 250px;
        padding: 20px;
        display: none;
        transition: 0.5s !important; }
        @media (max-width: 1199px) {
          .header .custom_nav ul li .sub-menu {
            display: flex;
            align-items: center;
            top: 0 !important;
            transform: translateX(0) !important;
            max-height: 0;
            overflow: hidden;
            position: relative;
            z-index: 0 !important;
            opacity: 0;
            visibility: hidden; }
            .header .custom_nav ul li .sub-menu li {
              z-index: 0 !important; }
            .header .custom_nav ul li .sub-menu.active {
              max-height: 500px;
              opacity: 1;
              visibility: visible; } }
        @media (max-width: 1199px) {
          .header .custom_nav ul li .sub-menu li {
            width: 100%; }
            .header .custom_nav ul li .sub-menu li .arrow {
              display: none; } }
        .header .custom_nav ul li .sub-menu li:before {
          content: "";
          border: solid #0085d5;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 4px;
          display: inline-block;
          transform: rotate(-45deg);
          margin: 5px 10px 0 0; }
        .header .custom_nav ul li .sub-menu:hover .sub-menu {
          display: flex; }
      .header .custom_nav ul li:hover .sub-menu {
        display: flex; }
  .header .custom_by {
    display: flex;
    justify-content: space-between; }
    .header .custom_by img {
      padding: 10px 0 0 0;
      float: right;
      width: 80%; }
    .header .custom_by .custom_par {
      font-size: 16px;
      color: #0799ac;
      font-weight: 400;
      padding: 10px 0 0 0; }

@media (max-width: 1199px) {
  .custom_mobile-menu {
    display: block !important;
    z-index: 99999; }

  .custom_logo .logo-img {
    width: 50%; }

  .custom_nav {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    width: 100% !important;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    height: 100vh; }
    .custom_nav ul {
      display: block;
      list-style: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: center !important;
      width: 100% !important;
      padding: 0 !important; }
      .custom_nav ul li {
        padding: 20px !important; }
        .custom_nav ul li a {
          font-size: 24px !important; }

  .custom_by {
    justify-content: flex-end !important; }
    .custom_by .logo_biofarm {
      width: 50% !important;
      margin-left: 10px !important; } }
@media (max-width: 767px) {
  .header {
    padding: 1.5rem 2rem !important; }
    .header .container .custom_logo .logo-img {
      width: 150px !important; }
    .header .custom_by .logo_biofarm {
      width: 150px !important; } }
.footer {
  background-color: #fff; }
  .footer .container {
    padding: 20px 0 0 0; }
    .footer .container ul {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0 0 0; }
      .footer .container ul li a {
        text-decoration: none;
        color: #01002b;
        font-size: 16px !important; }
    .footer .container .disclaimer {
      margin: 20px 0;
      font-size: 16px !important; }

@media (max-width: 1199px) {
  .footer .container .logo_footer {
    text-align: center; }
  .footer .container .footer_content ul {
    display: block;
    text-align: center; }
  .footer .container .footer_content .disclaimer {
    text-align: center; } }
@media (max-width: 767px) {
  .footer .container .logo_footer img {
    width: 10rem !important; } }
.toggle-mode {
  background: #58a1aa;
  background: linear-gradient(90deg, #58a1aa 0%, #64acab 50%, #97e4b8 100%);
  padding: 15px;
  border-radius: 35px;
  width: 210px; }
  @media (max-width: 991px) {
    .toggle-mode {
      width: 160px;
      padding: 10px;
      border-radius: 25px; } }
  @media (max-width: 767px) {
    .toggle-mode {
      padding: 10px;
      border-radius: 20px;
      width: 150px; } }
  @media (max-width: 576px) {
    .toggle-mode {
      width: 15rem;
      padding: 7px;
      border-radius: 13px; } }
  .toggle-mode .modes {
    border-radius: 25px;
    font-size: 0;
    background: #295989;
    background: radial-gradient(circle, #295989 0%, #1f3c6b 100%);
    overflow: hidden; }
    @media (max-width: 991px) {
      .toggle-mode .modes {
        border-radius: 15px; } }
    @media (max-width: 767px) {
      .toggle-mode .modes {
        border-radius: 10px; } }
    .toggle-mode .modes .mode-btn {
      width: 50%;
      display: inline-block;
      vertical-align: middle;
      height: 65px;
      text-align: center;
      transition: 0.5s;
      cursor: pointer; }
      @media (max-width: 991px) {
        .toggle-mode .modes .mode-btn {
          height: 50px; } }
      @media (max-width: 767px) {
        .toggle-mode .modes .mode-btn {
          height: 50px; } }
      @media (max-width: 576px) {
        .toggle-mode .modes .mode-btn {
          height: 4.4rem; } }
      .toggle-mode .modes .mode-btn.active {
        background: #fff;
        border-radius: 25px; }
        @media (max-width: 991px) {
          .toggle-mode .modes .mode-btn.active {
            border-radius: 15px; } }
        @media (max-width: 767px) {
          .toggle-mode .modes .mode-btn.active {
            border-radius: 10px !important; } }
        .toggle-mode .modes .mode-btn.active .night_icon {
          display: none; }
        .toggle-mode .modes .mode-btn.active .night_icon_active {
          display: block; }
      .toggle-mode .modes .mode-btn img {
        width: auto;
        height: 40px; }
        @media (max-width: 991px) {
          .toggle-mode .modes .mode-btn img {
            height: 30px; } }
        @media (max-width: 767px) {
          .toggle-mode .modes .mode-btn img {
            height: 25px; } }
        @media (max-width: 576px) {
          .toggle-mode .modes .mode-btn img {
            height: 2.5rem; } }
      .toggle-mode .modes .mode-btn .day_icon {
        position: relative;
        top: 12px; }
        @media (max-width: 991px) {
          .toggle-mode .modes .mode-btn .day_icon {
            top: 11px; } }
        @media (max-width: 767px) {
          .toggle-mode .modes .mode-btn .day_icon {
            top: 13px; } }
        @media (max-width: 576px) {
          .toggle-mode .modes .mode-btn .day_icon {
            top: 1.1rem; } }
      .toggle-mode .modes .mode-btn .night_icon {
        position: relative;
        top: 8px;
        right: -15px;
        display: block; }
        @media (max-width: 767px) {
          .toggle-mode .modes .mode-btn .night_icon {
            top: 10px; } }
        @media (max-width: 576px) {
          .toggle-mode .modes .mode-btn .night_icon {
            top: 0.9rem;
            right: -1rem; } }
      .toggle-mode .modes .mode-btn .night_icon_active {
        position: relative;
        top: 8px;
        right: -15px;
        display: none; }
        @media (max-width: 767px) {
          .toggle-mode .modes .mode-btn .night_icon_active {
            top: 10px; } }
        @media (max-width: 576px) {
          .toggle-mode .modes .mode-btn .night_icon_active {
            top: 0.9rem;
            right: -1rem; } }

body.dark-mode .mobile_banner_dark {
  display: none; }
  @media (max-width: 767px) {
    body.dark-mode .mobile_banner_dark {
      display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  body.dark-mode .banner_top .container {
    top: 0; } }

body.dark-mode .banner_top .mobile_banner {
  display: none !important; }

.banner_top {
  position: relative; }
  .banner_top .mobile_banner {
    display: none; }
  .banner_top .mobile_banner_dark {
    display: none; }
  .banner_top .banner_background_dark {
    display: none;
    transition: 0.6s; }
    @media (max-width: 767px) {
      .banner_top .banner_background_dark {
        display: none !important; } }
    .banner_top .banner_background_dark.active {
      display: block;
      transition: 0.6s; }
      @media (max-width: 767px) {
        .banner_top .banner_background_dark.active {
          display: none !important; } }
  .banner_top .container {
    position: absolute;
    top: 35%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(-50%); }
    @media (max-width: 767px) {
      .banner_top .container {
        bottom: 45%; } }
    @media (max-width: 576px) {
      .banner_top .container {
        bottom: 30%; } }
    .banner_top .container .switcher-container {
      position: absolute;
      bottom: 0%; }
      @media (max-width: 991px) {
        .banner_top .container .switcher-container {
          bottom: 15%; } }
    .banner_top .container .banner_texts {
      position: static; }
      .banner_top .container .banner_texts .banner_title {
        font-size: 1.5rem;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "Fira Sans", sans-serif;
        padding: 25px 0; }
      .banner_top .container .banner_texts .banner_title_dark {
        font-size: 1.5rem;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "Fira Sans", sans-serif;
        padding: 25px 0;
        display: none; }
        .banner_top .container .banner_texts .banner_title_dark span {
          font-size: 0.7rem;
          color: #fff;
          font-weight: 500; }
        .banner_top .container .banner_texts .banner_title_dark.active {
          display: block; }
          @media (max-width: 991px) {
            .banner_top .container .banner_texts .banner_title_dark.active span {
              font-size: 1.3rem; } }
          @media (max-width: 767px) {
            .banner_top .container .banner_texts .banner_title_dark.active {
              font-size: 2.6rem !important;
              padding: 25px 0 0 0 !important;
              width: 24rem; }
              .banner_top .container .banner_texts .banner_title_dark.active span {
                font-size: 1.5rem; } }
          @media (max-width: 576px) {
            .banner_top .container .banner_texts .banner_title_dark.active {
              font-size: 3rem;
              width: 80% !important; }
              .banner_top .container .banner_texts .banner_title_dark.active span {
                font-size: 2.5rem; } }
      .banner_top .container .banner_texts .banner_subtitle {
        font-size: 0.7rem;
        color: #fff;
        font-weight: 400; }
      .banner_top .container .banner_texts .banner_subtitle_dark {
        font-size: 0.7rem;
        color: #3ea3d9;
        font-weight: 400;
        display: none;
        margin: 0 0 1rem 0; }
        .banner_top .container .banner_texts .banner_subtitle_dark.active {
          display: block; }
          @media (max-width: 991px) {
            .banner_top .container .banner_texts .banner_subtitle_dark.active {
              font-size: 1.3rem; } }
          @media (max-width: 767px) {
            .banner_top .container .banner_texts .banner_subtitle_dark.active {
              width: 100%; } }
          @media (max-width: 576px) {
            .banner_top .container .banner_texts .banner_subtitle_dark.active {
              font-size: 2.5rem !important; } }
  @media (max-width: 576px) {
    .banner_top .switcher-container {
      padding: 0; } }
  .banner_top .switcher-container .mode__container {
    top: auto;
    bottom: 20%;
    transform: none;
    position: static;
    padding: 2rem 0 0 0; }
    .banner_top .switcher-container .mode__container .custom_moon {
      position: absolute;
      width: 100%;
      bottom: -30px;
      width: 250px; }
      .banner_top .switcher-container .mode__container .custom_moon .moon_icon {
        padding: 0 10px;
        width: auto;
        height: 25px; }
      .banner_top .switcher-container .mode__container .custom_moon .sun_icon {
        padding: 0 10px;
        width: auto;
        height: 25px;
        display: none; }
        .banner_top .switcher-container .mode__container .custom_moon .sun_icon.active {
          display: inline-block; }
      .banner_top .switcher-container .mode__container .custom_moon .moon_text {
        font-size: 16px;
        color: #5a90c9;
        font-weight: 400;
        width: fit-content; }
      .banner_top .switcher-container .mode__container .custom_moon .sun_text {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        width: fit-content;
        display: none; }
        .banner_top .switcher-container .mode__container .custom_moon .sun_text.active {
          display: inline-block; }
  .banner_top .packshot_light {
    position: absolute;
    top: 20%;
    right: 10%;
    z-index: 998;
    width: 23rem; }
    @media (max-width: 767px) {
      .banner_top .packshot_light {
        top: auto;
        bottom: 7%;
        right: 25%;
        width: 30rem; } }
    @media (max-width: 576px) {
      .banner_top .packshot_light {
        bottom: -5%; } }
  .banner_top .packshot_dark {
    position: absolute;
    top: 20%;
    right: 10%;
    z-index: 998;
    width: 23rem;
    display: none; }
    @media (max-width: 767px) {
      .banner_top .packshot_dark {
        top: auto;
        bottom: 7%;
        right: 25%;
        width: 30rem; } }
    @media (max-width: 576px) {
      .banner_top .packshot_dark {
        bottom: -5%; } }
    .banner_top .packshot_dark.active {
      display: block; }
      @media (max-width: 767px) {
        .banner_top .packshot_dark.active {
          top: auto;
          bottom: -8%;
          right: 12%;
          width: 44rem; } }
      @media (max-width: 576px) {
        .banner_top .packshot_dark.active {
          bottom: -15%; } }
  .banner_top .banner_button {
    background: #98dcae;
    background: linear-gradient(0deg, #98dcae 0%, #f1faf4 63%);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(30%);
    padding: 1.5rem;
    border-radius: 50%;
    transition: 0.5s;
    z-index: 999; }
    .banner_top .banner_button:hover {
      padding: 1.6rem; }
  .banner_top .banner_button_dark {
    background: #34638b;
    background: linear-gradient(0deg, #34638b 0%, #225581 100%);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(30%);
    padding: 1.5rem;
    border-radius: 50%;
    transition: 0.5s;
    display: none;
    z-index: 999; }
    .banner_top .banner_button_dark.active {
      display: block; }
    .banner_top .banner_button_dark:hover {
      padding: 1.6rem; }
  .banner_top .banner_shape {
    position: absolute;
    right: 0px;
    top: -3px;
    width: 27rem;
    height: 23rem; }
  .banner_top .banner_shape_dark {
    position: absolute;
    right: 0px;
    top: -3px;
    width: 27rem;
    height: 23rem;
    display: none; }
    .banner_top .banner_shape_dark.active {
      display: block; }

.section2 {
  position: relative; }
  .section2.active {
    background: #236393;
    background: linear-gradient(0deg, #236393 0%, #111e3f 100%); }
  .section2 .section2_shape1 {
    position: absolute;
    right: 0;
    top: 0; }
  .section2 .section2_shape1_dark {
    position: absolute;
    right: 0;
    top: 0;
    display: none; }
    .section2 .section2_shape1_dark.active {
      display: block; }
  .section2 .container .section2_title {
    color: #1db14d;
    font-size: 36px;
    text-align: center;
    padding: 3.5rem 0 2rem 0; }
    .section2 .container .section2_title.active {
      color: #36a7dd; }
  .section2 .container .icon_container {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .section2 .container .icon_container .icon_card {
      width: 200px;
      text-align: center; }
      .section2 .container .icon_container .icon_card .icon_text {
        color: #7c7c7d;
        font-weight: 700;
        padding: 25px 0; }
        .section2 .container .icon_container .icon_card .icon_text.active {
          color: #36a7dd; }
      .section2 .container .icon_container .icon_card .section2_icon_dark {
        display: none; }
        @media (max-width: 991px) {
          .section2 .container .icon_container .icon_card .section2_icon_dark {
            width: 70%; } }
        .section2 .container .icon_container .icon_card .section2_icon_dark.active {
          display: inline-block; }
  .section2 .container .container_custom {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #eefff4;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    opacity: 1; }
    .section2 .container .container_custom.active {
      background-color: #66c5ed; }
    .section2 .container .container_custom .hands_container {
      padding-right: 0 !important; }
      .section2 .container .container_custom .hands_container .hands_img {
        width: 80%;
        float: right; }
      .section2 .container .container_custom .hands_container .hands_img_dark {
        width: 80%;
        float: right;
        display: none; }
        .section2 .container .container_custom .hands_container .hands_img_dark.active {
          display: block; }
        @media (max-width: 991px) {
          .section2 .container .container_custom .hands_container .hands_img_dark {
            display: none !important; } }
    .section2 .container .container_custom .text_container {
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding-left: 50px; }
      .section2 .container .container_custom .text_container .product_name {
        font-size: 36px;
        color: #052148;
        font-weight: 700; }
      .section2 .container .container_custom .text_container .product_name_dark {
        font-size: 36px;
        color: #052148;
        font-weight: 700;
        display: none; }
        .section2 .container .container_custom .text_container .product_name_dark.active {
          display: block; }
        @media (max-width: 576px) {
          .section2 .container .container_custom .text_container .product_name_dark {
            font-size: 3rem !important; } }
      .section2 .container .container_custom .text_container .section2_text {
        font-size: 30px;
        font-weight: 700;
        color: #1db14d; }
        .section2 .container .container_custom .text_container .section2_text.active {
          color: #ffffff; }
      .section2 .container .container_custom .text_container .section2_text_dark {
        display: none; }
        .section2 .container .container_custom .text_container .section2_text_dark.active {
          display: inline-block !important; }
      .section2 .container .container_custom .text_container .text_w_icon {
        padding: 30px 0 0 0; }
        .section2 .container .container_custom .text_container .text_w_icon .pill_icon {
          padding: 0 20px;
          float: left; }
        .section2 .container .container_custom .text_container .text_w_icon .pill_icon_dark {
          padding: 0 20px;
          float: left;
          display: none; }
          .section2 .container .container_custom .text_container .text_w_icon .pill_icon_dark.active {
            display: block; }
        .section2 .container .container_custom .text_container .text_w_icon .pill_text {
          float: left;
          color: #0d2a51; }
  .section2 .shape_2_night {
    display: none;
    left: 5px;
    position: relative; }
    .section2 .shape_2_night.active {
      display: block; }

.section3 {
  position: relative; }
  .section3 .section3_background_mobile {
    display: none; }
  .section3 .toggle-mode {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999; }
  .section3 .custom_container3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-40%); }
    @media (min-width: 992px) {
      .section3 .custom_container3 .day_content {
        background-image: none !important; } }
    .section3 .custom_container3 .day_content .day_title3 {
      font-size: 30px;
      font-weight: 700;
      color: #858587;
      margin: 0 0 7rem 0; }
      .section3 .custom_container3 .day_content .day_title3.active {
        color: #69afde; }
      .section3 .custom_container3 .day_content .day_title3 span {
        padding: 30px 0;
        text-transform: uppercase;
        font-size: 40px;
        color: #1db14d;
        display: block; }
        .section3 .custom_container3 .day_content .day_title3 span.active {
          color: #193f6c; }
    .section3 .custom_container3 .day_content .packshot_day3 {
      padding: 0 0 1.5rem 0;
      width: 11rem; }
    .section3 .custom_container3 .day_content .day_button3 {
      color: #1db14d;
      font-size: 16px;
      background-color: #ffffff;
      text-decoration: none;
      cursor: pointer;
      padding: 25px 60px;
      border-radius: 25px;
      text-transform: uppercase;
      display: inline-block;
      font-weight: 500;
      transition: 0.5s; }
      .section3 .custom_container3 .day_content .day_button3.active {
        color: #0d2a51; }
        .section3 .custom_container3 .day_content .day_button3.active:hover {
          color: #fff;
          background: #0d2a51; }
      .section3 .custom_container3 .day_content .day_button3:hover {
        background-color: #1db14d;
        color: #fff; }
    @media (min-width: 992px) {
      .section3 .custom_container3 .night_content {
        background-image: none !important; } }
    .section3 .custom_container3 .night_content .night_title3 {
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
      margin: 0 0 7rem 0;
      float: right; }
      .section3 .custom_container3 .night_content .night_title3.active {
        color: #bce8ff; }
      .section3 .custom_container3 .night_content .night_title3 span {
        padding: 30px 0;
        text-transform: uppercase;
        font-size: 40px;
        display: block; }
        .section3 .custom_container3 .night_content .night_title3 span.active {
          color: #fff; }
    .section3 .custom_container3 .night_content .packshot_night3 {
      padding: 0 0 1.5rem 0;
      float: right;
      width: 11rem; }
    .section3 .custom_container3 .night_content .night_button3 {
      color: #ffffff;
      font-size: 16px;
      background-color: #0085d5;
      text-decoration: none;
      cursor: pointer;
      padding: 25px 60px;
      border-radius: 25px;
      text-transform: uppercase;
      display: inline-block;
      font-weight: 500;
      float: right;
      transition: 0.5s; }
      .section3 .custom_container3 .night_content .night_button3.active {
        background-color: #193f6c; }
        .section3 .custom_container3 .night_content .night_button3.active:hover {
          color: #193f6c;
          background-color: #fff; }
      .section3 .custom_container3 .night_content .night_button3:hover {
        background-color: white;
        color: #0085d5; }

.section4 {
  padding: 0 0 100px 0;
  position: relative;
  top: -2px; }
  .section4 .section4_title {
    font-size: 1.2rem;
    color: #1db14d;
    font-weight: 700;
    text-transform: uppercase; }
    .section4 .section4_title.active {
      color: #fff; }
  .section4.active {
    background-color: #225581; }
  .section4 .section4_shape_dark {
    display: none; }
    .section4 .section4_shape_dark.active {
      display: block; }
  .section4 .container .quiz__question--custom {
    display: none; }
  .section4 .container .head_icon_container .head_icon {
    position: relative;
    top: -50px; }
  .section4 .container .head_icon_container .head_icon_dark {
    position: relative;
    top: -50px;
    display: none; }
    .section4 .container .head_icon_container .head_icon_dark.active {
      display: inline-block; }
    @media (max-width: 991px) {
      .section4 .container .head_icon_container .head_icon_dark {
        width: 25rem;
        top: 0; } }
  .section4 .container .s4_text_container .section4_title {
    font-size: 1.2rem;
    color: #1db14d;
    font-weight: 700;
    text-transform: uppercase; }
    .section4 .container .s4_text_container .section4_title.active {
      color: #fff; }
  .section4 .container .s4_text_container .section4_text {
    font-size: 0.6rem;
    color: #939aab;
    font-weight: 500;
    padding: 30px 0 50px 0; }
    .section4 .container .s4_text_container .section4_text.active {
      color: #36a7dd; }
  .section4 .container .s4_text_container .section4_btn {
    font-size: 0.5rem;
    color: #000;
    padding: 20px 70px;
    border-radius: 25px;
    border: black 2px solid;
    font-weight: 700;
    text-decoration: none;
    transition: 0.5s;
    cursor: pointer; }
    .section4 .container .s4_text_container .section4_btn.active {
      background-color: #fff;
      border: none; }
      .section4 .container .s4_text_container .section4_btn.active:hover {
        background-color: #000;
        color: #fff; }
    .section4 .container .s4_text_container .section4_btn:hover {
      background-color: #000;
      color: #fff;
      border-color: #fff; }

.hotdrink_section .banner_night,
.hotdrink_section .banner_day {
  width: 100%;
  display: inline-block; }
  @media (max-width: 991px) {
    .hotdrink_section .banner_night,
    .hotdrink_section .banner_day {
      display: none; } }
.hotdrink_section .banner_night_mobile,
.hotdrink_section .banner_day_mobile {
  display: none; }
  @media (max-width: 991px) {
    .hotdrink_section .banner_night_mobile,
    .hotdrink_section .banner_day_mobile {
      display: inline-block;
      width: 100%;
      height: 110vh; } }
@media (max-width: 1199px) {
  .hotdrink_section .container {
    width: 100% !important; } }
.hotdrink_section .night_content {
  display: none; }
  .hotdrink_section .night_content.active {
    display: inline-block; }
.hotdrink_section .align_left {
  text-align: left !important; }
.hotdrink_section .night_content,
.hotdrink_section .day_content {
  position: relative;
  text-align: right; }
  @media (max-width: 991px) {
    .hotdrink_section .night_content,
    .hotdrink_section .day_content {
      text-align: center; } }
  @media (max-width: 767px) {
    .hotdrink_section .night_content .logo_bioflu,
    .hotdrink_section .day_content .logo_bioflu {
      max-width: 150px; } }
  .hotdrink_section .night_content .hotdrink_title_night,
  .hotdrink_section .night_content .hotdrink_title_day,
  .hotdrink_section .day_content .hotdrink_title_night,
  .hotdrink_section .day_content .hotdrink_title_day {
    font-family: "Fira Sans";
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    margin: 50px 0; }
    @media (max-width: 1199px) {
      .hotdrink_section .night_content .hotdrink_title_night,
      .hotdrink_section .night_content .hotdrink_title_day,
      .hotdrink_section .day_content .hotdrink_title_night,
      .hotdrink_section .day_content .hotdrink_title_day {
        font-size: Min(28vw, 28px) !important;
        margin: 20px 0; } }
    @media (max-width: 767px) {
      .hotdrink_section .night_content .hotdrink_title_night,
      .hotdrink_section .night_content .hotdrink_title_day,
      .hotdrink_section .day_content .hotdrink_title_night,
      .hotdrink_section .day_content .hotdrink_title_day {
        font-size: Min(28vw, 22px) !important; } }
  .hotdrink_section .night_content .hotdrink_packshot,
  .hotdrink_section .day_content .hotdrink_packshot {
    width: 100%;
    max-width: 400px;
    display: inline-block;
    margin: 20px 0; }
    @media (max-width: 1199px) {
      .hotdrink_section .night_content .hotdrink_packshot,
      .hotdrink_section .day_content .hotdrink_packshot {
        max-width: Min(50%, 300px); } }
    @media (max-width: 767px) {
      .hotdrink_section .night_content .hotdrink_packshot,
      .hotdrink_section .day_content .hotdrink_packshot {
        max-width: Min(70%, 300px); } }
  .hotdrink_section .night_content .hotdrink_button,
  .hotdrink_section .day_content .hotdrink_button {
    color: #ffffff;
    font-size: 16px;
    background-color: #0085d5;
    border: 2px solid #0085d5;
    text-decoration: none;
    cursor: pointer;
    padding: 25px 60px;
    border-radius: 25px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 500;
    transition: 0.5s; }
    .hotdrink_section .night_content .hotdrink_button:hover,
    .hotdrink_section .day_content .hotdrink_button:hover {
      color: #0085d5;
      background-color: #fff; }
    @media (max-width: 1199px) {
      .hotdrink_section .night_content .hotdrink_button,
      .hotdrink_section .day_content .hotdrink_button {
        padding: 15px 50px;
        font-size: 16px !important; } }
    @media (max-width: 767px) {
      .hotdrink_section .night_content .hotdrink_button,
      .hotdrink_section .day_content .hotdrink_button {
        padding: 10px 40px;
        font-size: 14px !important; } }
.hotdrink_section .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.sinus_section .shape_top {
  position: relative;
  right: -9px !important; }

.section4 .section4_shape {
  position: relative;
  left: -3px; }

.container
.quiz__question--custom
.quiz__question__image--custom
.quiz__question__img--head {
  position: relative;
  top: -50px; }
  @media (max-width: 991px) {
    .container
    .quiz__question--custom
    .quiz__question__image--custom
    .quiz__question__img--head {
      width: 25rem;
      top: 0; } }

@media (max-width: 991px) {
  .section4 .container .quiz__question--custom {
    text-align: center; } }

@media (max-width: 991px) {
  .section4 .container .quiz__question--custom .section4_title {
    margin: 3rem 0; } }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
a {
  font-size: 0.5rem;
  color: #000;
  padding: 20px 50px;
  border-radius: 25px;
  border: black 2px solid;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.5s;
  cursor: pointer;
  width: 5rem;
  text-align: center; }
  @media (max-width: 576px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .quiz__question__answers
    a {
      padding: 2rem 6rem; } }

body.dark-mode
.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
a {
  color: #fff;
  border: #fff 2px solid; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
.false-ans {
  margin: 0 0 0 1rem; }
  .section4
  .container
  .quiz__question--custom
  .quiz__question__text
  .quiz__question__answers
  .false-ans:hover {
    background-color: rgba(138, 6, 6, 0.74);
    color: #fff;
    text-decoration: none; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
.false-ans.selected {
  background-color: rgba(138, 6, 6, 0.74);
  color: #fff;
  text-decoration: none;
  margin: 0; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
.true-ans.selected {
  background-color: rgba(32, 138, 6, 0.74);
  color: #fff;
  text-decoration: none;
  margin: 0; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers
.true-ans {
  margin: 0 1rem 0 0; }
  .section4
  .container
  .quiz__question--custom
  .quiz__question__text
  .quiz__question__answers
  .true-ans:hover {
    background-color: rgba(32, 138, 6, 0.74);
    color: #fff;
    text-decoration: none; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.quiz__question__answers {
  padding: 50px 0; }
  @media (max-width: 991px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .quiz__question__answers {
      padding: 0; } }

.section4
.container
.quiz__question--custom
.quiz__question__text
.custom_nav_quiz {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .custom_nav_quiz {
      margin: 3rem 0 0 0; } }

.section4
.container
.quiz__question--custom
.quiz__question__text
.custom_nav_quiz
a {
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  color: #177a36;
  cursor: pointer;
  letter-spacing: 1px;
  transition: 0.5s; }
  .section4
  .container
  .quiz__question--custom
  .quiz__question__text
  .custom_nav_quiz
  a:hover {
    color: #1db14d; }

body.dark-mode
.section4
.container
.quiz__question--custom
.quiz__question__text
.custom_nav_quiz
a {
  color: #69afde; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.custom_nav_quiz
.counter_q {
  font-size: 26px;
  font-weight: 700;
  color: #000;
  padding: 0 1rem; }
  .section4
  .container
  .quiz__question--custom
  .quiz__question__text
  .custom_nav_quiz
  .counter_q .total_q {
    color: #1db14d; }

body.dark-mode
.section4
.container
.quiz__question--custom
.quiz__question__text
.custom_nav_quiz
.counter_q {
  color: #fff; }
  body.dark-mode
  .section4
  .container
  .quiz__question--custom
  .quiz__question__text
  .custom_nav_quiz
  .counter_q .total_q {
    color: #69afde; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.validationError {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: red;
  display: none; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom {
  display: none; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom
.explanation_custom
.answer__correct {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  color: #1db14d; }

body.dark-mode
.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom
.explanation_custom
.answer__correct {
  color: #fff; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom
.explanation_custom {
  font-size: 20px;
  font-weight: 500;
  color: #177a36; }
  @media (max-width: 991px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .question__explanation--custom
    .explanation_custom {
      margin: 2rem 0 0 0; } }
  @media (max-width: 576px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .question__explanation--custom
    .explanation_custom {
      font-size: 14px; } }

body.dark-mode
.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom
.explanation_custom {
  color: #69afde; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.question__explanation--custom
.explanation_custom
.answer--top {
  display: inline-block;
  padding: 0 0 20px 0; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.answer__type {
  display: none; }

.section4
.container
.quiz__question--custom
.quiz__question__text
.answer__type.right {
  display: inline-block;
  font-size: 22px;
  padding: 20px 40px;
  background-color: #dcedc8;
  font-weight: 700;
  border-radius: 15px;
  margin: -30px 0 20px 0;
  color: #4b831c; }
  @media (max-width: 991px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .answer__type.right {
      margin: 3rem 0 0 0; } }

.section4
.container
.quiz__question--custom
.quiz__question__text
.answer__type.wrong {
  display: inline-block;
  font-size: 22px;
  padding: 20px 40px;
  background-color: #ffe7e7;
  font-weight: 700;
  border-radius: 15px;
  margin: -30px 0 20px 0;
  color: #bf4448; }
  @media (max-width: 991px) {
    .section4
    .container
    .quiz__question--custom
    .quiz__question__text
    .answer__type.wrong {
      margin: 3rem 0 0 0; } }

.section4 .container .quiz_finish {
  display: none; }

.section4 .container .quiz_finish .s4_text_container .scor_quiz {
  font-size: 24px;
  font-weight: 700;
  color: #177a36; }

body.dark-mode .section4 .container .quiz_finish .s4_text_container .scor_quiz {
  color: #69afde; }

.section4 .container .quiz_finish .s4_text_container .scor_q {
  font-size: 24px;
  font-weight: 700;
  color: #000; }

body.dark-mode .section4 .container .quiz_finish .s4_text_container .scor_q {
  color: #fff; }

.section5 {
  position: relative; }
  .section5 .section5_mobile {
    display: none; }
  .section5 .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .section5 .container .hp_s5_text .section5_title {
      font-size: 1.2rem;
      font-weight: 700;
      color: #1db14d;
      text-transform: uppercase;
      margin: 6rem 0 2rem 0; }
      .section5 .container .hp_s5_text .section5_title.active {
        color: #0c93da; }
      .section5 .container .hp_s5_text .section5_title span {
        color: #ce517f; }
    .section5 .container .hp_s5_text .section5_text {
      color: #939aab;
      font-size: 0.5rem;
      font-weight: 500;
      margin: 0 0 2rem 0; }
    .section5 .container .hp_s5_text .section5_btn {
      font-size: 0.5rem;
      color: #000;
      padding: 20px 70px;
      border-radius: 25px;
      border: black 2px solid;
      font-weight: 700;
      text-decoration: none;
      transition: 0.5s; }
      .section5 .container .hp_s5_text .section5_btn:hover {
        background-color: #000;
        color: #fff;
        border-color: #fff; }
    .section5 .container .hp_s5_packshots .section5_packshot {
      margin: 12rem 0 0 0;
      width: 15rem; }

.banner_adulti {
  position: relative; }
  .banner_adulti .banner_adulti_mobile {
    display: none; }
  .banner_adulti .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1; }
    .banner_adulti .container .banner_adulti_texts .logo_adulti {
      width: 7rem; }
    .banner_adulti .container .banner_adulti_texts .banner_adulti_title {
      font-size: 1.2rem;
      color: #01002b;
      font-weight: 700;
      text-transform: uppercase;
      font-family: "Fira Sans", sans-serif;
      padding: 1.5rem 0; }
  .banner_adulti .shape_adulti {
    position: absolute;
    right: 0px;
    top: -3px;
    width: 27rem;
    height: 26.5rem;
    z-index: 0; }
  .banner_adulti .packshot_adulti {
    position: absolute;
    top: 46%;
    right: 16%;
    z-index: 998;
    width: 18rem; }
    @media (max-width: 767px) {
      .banner_adulti .packshot_adulti {
        top: auto;
        bottom: 7%;
        right: 25%;
        width: 30rem; } }
  .banner_adulti .banner_btn_adulti {
    background: #98dcae;
    background: linear-gradient(0deg, #98dcae 0%, #f1faf4 63%);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(30%);
    padding: 1.5rem;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
    z-index: 1; }
    .banner_adulti .banner_btn_adulti:hover {
      padding: 1.6rem; }

.section2_adulti {
  position: relative; }
  .section2_adulti .s2_container .title_container {
    text-align: center;
    margin: 3rem 0 1.5rem 0; }
    .section2_adulti .s2_container .title_container .s2_title {
      font-size: 1.1rem;
      font-weight: 700; }
    .section2_adulti .s2_container .title_container .s2_subtitle {
      font-size: 0.8rem;
      color: #1db14d;
      font-weight: 500; }
  .section2_adulti .s2_container .repeater_container .repeater_item {
    padding: 25px 0;
    display: flex;
    align-items: center; }
    .section2_adulti .s2_container .repeater_container .repeater_item .icon_pastila_adulti {
      float: left;
      height: 1.5rem;
      margin-right: 1rem; }
    .section2_adulti .s2_container .repeater_container .repeater_item .icon_text {
      color: #1db14d;
      font-weight: 500; }
    .section2_adulti .s2_container .repeater_container .repeater_item .bold_text_repeater {
      font-weight: 700;
      color: #010024; }
  .section2_adulti .s2_shape1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12%; }
  .section2_adulti .s2_shape2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 37%; }

.section3_adulti {
  margin: 2rem 0 2rem 0; }
  .section3_adulti .container .s3_title {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #010024;
    margin: 2rem 0 1rem 0; }
    .section3_adulti .container .s3_title span {
      color: #1db14d; }
  .section3_adulti .container .left_text {
    font-weight: 500; }
    .section3_adulti .container .left_text span {
      color: #1db14d;
      font-weight: 700; }
  .section3_adulti .container .right_text {
    font-weight: 500; }
    .section3_adulti .container .right_text span {
      color: #1db14d;
      font-weight: 700; }

.section4--adulti {
  position: relative;
  padding: 2rem 0; }
  .section4--adulti .section4--adulti__background--mobile {
    display: none; }
  .section4--adulti .container .container--day .container__text--day {
    position: relative;
    z-index: 999;
    text-align: center; }
    .section4--adulti .container .container--day .container__text--day .s4__title--day {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 700;
      margin: 2rem 0 0 0; }
    .section4--adulti .container .container--day .container__text--day .s4__subtitle--day {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase; }
  .section4--adulti .container .container--day .container__packshot--day .packshot--day {
    position: static;
    margin-top: -2rem; }
  .section4--adulti .container .container--day .s4__repeater--day__container {
    position: relative;
    margin-top: -2rem; }
    .section4--adulti .container .container--day .s4__repeater--day__container .s4__repeater--day__item {
      padding: 0 0 0.5rem 0;
      display: flex; }
      .section4--adulti .container .container--day .s4__repeater--day__container .s4__repeater--day__item .icon--day {
        flex-shrink: 0 !important;
        width: 20%; }
        .section4--adulti .container .container--day .s4__repeater--day__container .s4__repeater--day__item .icon--day .s4__repeater--day__icon {
          padding: 0 1rem 0 0; }
      .section4--adulti .container .container--day .s4__repeater--day__container .s4__repeater--day__item .text--day .s4__repeater--day__bold--text {
        font-weight: 700;
        color: #06244c; }
      .section4--adulti .container .container--day .s4__repeater--day__container .s4__repeater--day__item .text--day .s4__repeater--day__text {
        color: #fff;
        font-weight: 500; }
  .section4--adulti .container .container--day .howto--day {
    margin: 1.5rem 0;
    text-align: center;
    color: #0d2a51; }
    .section4--adulti .container .container--day .howto--day .container__btn--day {
      text-align: center; }
      .section4--adulti .container .container--day .howto--day .container__btn--day .btn--day {
        padding: 0.6rem 1.4rem;
        background-color: #fff;
        border-radius: 25px;
        text-decoration: none;
        color: #0d2a51;
        font-weight: 500;
        font-size: 0.5rem;
        transition: 0.5s; }
        .section4--adulti .container .container--day .howto--day .container__btn--day .btn--day:hover {
          color: #0a499d; }
    .section4--adulti .container .container--day .howto--day .howto__title--day {
      font-weight: 700;
      padding: 1rem; }
    .section4--adulti .container .container--day .howto--day .howto__text--day {
      font-weight: 500; }
      .section4--adulti .container .container--day .howto--day .howto__text--day span {
        color: #ffff;
        font-weight: 700; }
  .section4--adulti .container .container--night .container__text--night {
    position: relative;
    z-index: 999;
    text-align: center; }
    .section4--adulti .container .container--night .container__text--night .s4__title--night {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 700;
      margin: 2rem 0 0 0; }
    .section4--adulti .container .container--night .container__text--night .s4__subtitle--night {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase; }
  .section4--adulti .container .container--night .container__packshot--night .packshot--night {
    position: relative;
    margin-top: -3rem; }
  .section4--adulti .container .container--night .s4__repeater--night__container {
    position: relative;
    margin-top: -1rem; }
    .section4--adulti .container .container--night .s4__repeater--night__container .s4__repeater--night__item {
      padding: 0 0 0.5rem 0;
      display: flex; }
      .section4--adulti .container .container--night .s4__repeater--night__container .s4__repeater--night__item .icon--night {
        flex-shrink: 0 !important;
        width: 20%; }
        .section4--adulti .container .container--night .s4__repeater--night__container .s4__repeater--night__item .icon--night .s4__repeater--night__icon {
          padding: 0 1rem 0 0; }
      .section4--adulti .container .container--night .s4__repeater--night__container .s4__repeater--night__item .texts--night .s4__repeater--night__bold--text {
        font-weight: 700;
        color: #06244c; }
      .section4--adulti .container .container--night .s4__repeater--night__container .s4__repeater--night__item .texts--night .s4__repeater--night__text {
        color: #fff;
        font-weight: 500; }
  .section4--adulti .container .container--night .howto--night {
    margin: 1.5rem 0;
    text-align: center;
    color: #0d2a51; }
    .section4--adulti .container .container--night .howto--night .container__btn--night {
      text-align: center; }
      .section4--adulti .container .container--night .howto--night .container__btn--night .btn--night {
        padding: 0.6rem 1.4rem;
        background-color: #fff;
        border-radius: 25px;
        text-decoration: none;
        color: #0d2a51;
        font-weight: 500;
        font-size: 0.5rem;
        transition: 0.5s; }
        .section4--adulti .container .container--night .howto--night .container__btn--night .btn--night:hover {
          color: #0a499d; }
    .section4--adulti .container .container--night .howto--night .howto__title--night {
      font-weight: 700;
      padding: 1rem; }
    .section4--adulti .container .container--night .howto--night .howto__text--night {
      font-weight: 500; }
      .section4--adulti .container .container--night .howto--night .howto__text--night span {
        color: #ffff;
        font-weight: 700; }
  .section4--adulti .container .prefooter {
    background-color: #fff;
    border-radius: 25px;
    padding: 20px 10px; }
    .section4--adulti .container .prefooter .prefooter__content {
      display: flex;
      justify-content: space-evenly; }
      .section4--adulti .container .prefooter .prefooter__content .prefooter__text {
        font-size: 1.1rem;
        font-weight: 700;
        margin: auto 0;
        color: #1db14d; }
        .section4--adulti .container .prefooter .prefooter__content .prefooter__text span {
          color: #06244c; }
      .section4--adulti .container .prefooter .prefooter__content .prefooter__btn {
        color: #fff;
        background-color: #1db14d;
        margin: auto 0;
        padding: 0.5rem 1rem;
        border-radius: 15px;
        transition: 0.5s; }
        .section4--adulti .container .prefooter .prefooter__content .prefooter__btn:hover {
          border: 1px solid #1db14d;
          color: #1db14d;
          background-color: #fff; }

.banner--kids {
  position: relative;
  height: 24rem; }
  .banner--kids .banner--kids__background--mobile {
    display: none; }
  .banner--kids .container {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .banner--kids .container .banner--kids__text--container .banner--kids__title {
      color: #091f40;
      font-size: 1.5rem;
      font-weight: 700;
      text-transform: uppercase; }
      .banner--kids .container .banner--kids__text--container .banner--kids__title span {
        color: #ce517f; }
    .banner--kids .container .banner--kids__text--container .banner--kids__text {
      color: #091f40;
      font-weight: 500;
      font-size: 0.6rem; }
  .banner--kids .banner--kids__btn {
    background: #295989;
    background: linear-gradient(180deg, rgba(41, 89, 137, 0) 49%, #e5e3e7 68%);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(30%);
    padding: 1.5rem;
    border-radius: 50%;
    transition: 0.5s;
    z-index: 999;
    cursor: pointer; }
    .banner--kids .banner--kids__btn:hover {
      padding: 1.6rem; }

.section2--kids {
  background-color: #6ac697;
  position: relative;
  padding: 2rem 0; }
  .section2--kids .section2--kids__shape {
    position: absolute;
    top: 0;
    right: 0; }
  .section2--kids .container .section2--kids__text--container {
    text-align: center; }
    .section2--kids .container .section2--kids__text--container .section2--kids__title {
      font-size: 1.3rem;
      color: #0f2c53;
      font-weight: 700;
      text-transform: uppercase;
      margin: 1rem; }
    .section2--kids .container .section2--kids__text--container .section2--kids__text {
      font-size: 0.5rem;
      color: #fff;
      font-weight: 500; }
    .section2--kids .container .section2--kids__text--container .section2--kids__subtitle {
      font-size: 0.8rem;
      font-weight: 700;
      color: #fff;
      margin: 1.5rem 0 1rem 0; }
    .section2--kids .container .section2--kids__text--container .section2--kids__text--2 {
      font-size: 0.5rem;
      color: #fff;
      font-weight: 500; }
  .section2--kids .container .section2--kids__content--day {
    text-align: center; }
    .section2--kids .container .section2--kids__content--day .section2--kids__content--day__title {
      font-size: 0.8rem;
      font-weight: 800;
      color: #fff;
      margin: 1rem 0 0 0; }
      .section2--kids .container .section2--kids__content--day .section2--kids__content--day__title span {
        font-size: 1rem;
        font-weight: 200;
        letter-spacing: 3px; }
    .section2--kids .container .section2--kids__content--day .section2--kids__content--day__subtitle {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 200; }
    .section2--kids .container .section2--kids__content--day .section2--kids__content--day__packshot {
      margin: -1rem 0 0 0; }
    .section2--kids .container .section2--kids__content--day .section2--kids__content--day__text {
      font-size: 0.5rem;
      font-weight: 500;
      color: #fff;
      width: 80%;
      margin: 0 auto; }
    .section2--kids .container .section2--kids__content--day .section2--kids__content--day__btn {
      padding: 0.5rem 1.2rem;
      text-decoration: none;
      color: #fff;
      font-size: 0.5rem;
      border: 2px solid #fff;
      border-radius: 20px;
      font-weight: 500;
      display: inline-block;
      margin: 1rem 0;
      transition: 0.5s; }
      .section2--kids .container .section2--kids__content--day .section2--kids__content--day__btn:hover {
        background-color: #fff;
        color: #6ac697; }
  .section2--kids .container .section2--kids__content--night {
    text-align: center; }
    .section2--kids .container .section2--kids__content--night .section2--kids__content--night__title {
      font-size: 0.8rem;
      font-weight: 800;
      color: #fff;
      margin: 1rem 0 0 0; }
      .section2--kids .container .section2--kids__content--night .section2--kids__content--night__title span {
        font-size: 1rem;
        font-weight: 200;
        letter-spacing: 3px; }
    .section2--kids .container .section2--kids__content--night .section2--kids__content--night__subtitle {
      font-size: 0.8rem;
      color: #fff;
      font-weight: 200; }
    .section2--kids .container .section2--kids__content--night .section2--kids__content--night__packshot {
      margin: -1rem 0 0 0; }
    .section2--kids .container .section2--kids__content--night .section2--kids__content--night__text {
      font-size: 0.5rem;
      font-weight: 500;
      color: #fff;
      width: 80%;
      margin: 0 auto; }
    .section2--kids .container .section2--kids__content--night .section2--kids__content--night__btn {
      padding: 0.5rem 1.2rem;
      text-decoration: none;
      color: #fff;
      font-size: 0.5rem;
      border: 2px solid #fff;
      border-radius: 20px;
      font-weight: 500;
      display: inline-block;
      margin: 1rem 0;
      transition: 0.5s; }
      .section2--kids .container .section2--kids__content--night .section2--kids__content--night__btn:hover {
        background-color: #fff;
        color: #6ac697; }
  .section2--kids .container .section2--kids__repeater {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    background-color: #4da77b;
    border-radius: 25px; }
    .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item {
      padding: 50px 0 30px 0;
      width: 20%; }
      .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item .section2--kids__repeater__item__icon {
        height: 2rem; }
      .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item .section2--kids--repeater__item__text {
        font-size: 0.6rem;
        color: #fff;
        font-weight: 500;
        padding: 10px 0 0 0; }

.section3--kids {
  position: relative;
  z-index: 999;
  padding: 2rem 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .section3--kids .container .section3--kids__title {
    font-size: 1rem;
    color: #052148;
    font-weight: 700; }
    .section3--kids .container .section3--kids__title span {
      font-size: 2rem;
      font-weight: 300;
      color: #36a7dd; }
  .section3--kids .container .section3--kids__content--left .section3--kids__content--left__text1 {
    color: #547581;
    font-weight: 500; }
    .section3--kids .container .section3--kids__content--left .section3--kids__content--left__text1 span {
      font-weight: 700; }
  .section3--kids .container .section3--kids__content--left .section3--kids__content--left__subtitle {
    color: #052148;
    font-size: 0.7rem;
    font-weight: 700;
    margin: 2rem 0 1rem 0; }
  .section3--kids .container .section3--kids__content--left .section3--kids__content--left__text2 {
    color: #052148;
    font-size: 17px; }
  .section3--kids .container .section3--kids__content--right {
    margin: -3rem 0 0 0; }
    .section3--kids .container .section3--kids__content--right .section3--kids__content--right__packshot {
      width: 8rem; }
    .section3--kids .container .section3--kids__content--right .section3--kids__content--right__btn {
      padding: 0.5rem 1.2rem;
      text-decoration: none;
      color: #65b8e3;
      font-size: 0.5rem;
      border: 2px solid #65b8e3;
      border-radius: 20px;
      font-weight: 500;
      display: inline-block;
      margin: 1rem 0;
      transition: 0.5s; }
      .section3--kids .container .section3--kids__content--right .section3--kids__content--right__btn:hover {
        background-color: #65b8e3;
        color: #fff; }
    .section3--kids .container .section3--kids__content--right .section3--kids__content--right__text {
      color: #547581;
      font-weight: 500; }

.banner--jurnal {
  position: relative; }
  .banner--jurnal .banner--jurnal__background--mobile {
    display: none; }
  .banner--jurnal .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-35%); }
    .banner--jurnal .container .banner--jurnal__container-text .banner--jurnal__title {
      color: #1db14d;
      font-size: 1.5rem;
      font-weight: 700;
      text-transform: uppercase;
      padding: 1rem 0; }
    .banner--jurnal .container .banner--jurnal__container-text .banner--jurnal__text {
      color: #091f40;
      font-weight: 500;
      font-size: 0.6rem; }
    .banner--jurnal .container .banner--jurnal__container-text .banner--jurnal__disclaimer {
      margin: 6rem 0 0 0;
      color: #091f40;
      font-weight: 500;
      font-size: 0.6rem; }
  .banner--jurnal .banner--jurnal__btn {
    background: #e6edf0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(30%);
    padding: 1.5rem;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer; }
    .banner--jurnal .banner--jurnal__btn:hover {
      padding: 1.6rem; }

.jurnal__section2 {
  padding: 1rem 0; }
  .jurnal__section2 .jurnal__section2__text .jurnal__section2__text__title {
    color: #1db14d;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem 0; }
  .jurnal__section2 .owl-carousel .carousel__item--custom {
    width: 250px;
    margin: 0 auto;
    text-align: center; }
    .jurnal__section2 .owl-carousel .carousel__item--custom .owl-item__title {
      font-size: 1rem;
      color: #1db14d;
      font-weight: 700; }
  .jurnal__section2 .owl-nav {
    position: absolute;
    top: 15%;
    width: 100%;
    z-index: 9999; }
    .jurnal__section2 .owl-nav .owl-prev {
      padding: 100px 400px 100px 0 !important;
      float: left;
      color: #fff !important; }
      .jurnal__section2 .owl-nav .owl-prev:hover {
        background: transparent !important; }
    .jurnal__section2 .owl-nav .owl-next {
      padding: 100px 0px 100px 400px !important;
      float: right;
      color: #fff !important; }
      .jurnal__section2 .owl-nav .owl-next:hover {
        background: transparent !important; }

.jurnal__section3 {
  position: relative; }
  .jurnal__section3 .jurnal__section3__background--mobile {
    display: none; }
  .jurnal__section3 .jurnal__section3__shape {
    position: absolute;
    right: 0px;
    top: -3px;
    width: 28rem;
    height: 23rem; }
  .jurnal__section3 .container {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .jurnal__section3 .container .jurnal__section3__text .jurnal__section3__text__title {
      font-size: 1.5rem;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      font-family: "Fira Sans", sans-serif;
      padding: 25px 0; }
    .jurnal__section3 .container .jurnal__section3__text .jurnal__section3__text__text {
      font-size: 0.7rem;
      color: #fff;
      font-weight: 400; }
  .jurnal__section3 .jurnal__section3__packshot--day {
    position: absolute;
    bottom: 10%;
    right: 15%;
    z-index: 999;
    width: 15rem; }
  .jurnal__section3 .jurnal__section3__packshot--night {
    position: absolute;
    bottom: 40%;
    right: 10%;
    z-index: 998;
    width: 9rem; }

.jurnal__section4 {
  padding: 1rem 0;
  position: relative; }
  .jurnal__section4 .jurnal__section4__background {
    position: absolute;
    left: 0;
    bottom: 0; }
  .jurnal__section4 .jurnal__section4__title {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0; }
    .jurnal__section4 .jurnal__section4__title .jurnal__section4__title__logo {
      width: 7rem;
      flex-shrink: 0; }
    .jurnal__section4 .jurnal__section4__title .jurnal__section4__title__text {
      font-size: 1.2rem;
      font-weight: 700;
      text-transform: uppercase; }
  .jurnal__section4 .jurnal__section4__table table {
    width: 100%; }
    .jurnal__section4 .jurnal__section4__table table th {
      width: 32%;
      text-align: center;
      padding: 30px 0;
      font-size: 22px; }
      .jurnal__section4 .jurnal__section4__table table th span {
        font-size: 18px; }
    .jurnal__section4 .jurnal__section4__table table th:first-child {
      color: #0d2b51; }
    .jurnal__section4 .jurnal__section4__table table td {
      text-align: center;
      font-size: 20px;
      font-weight: 500;
      color: #0d2b51; }
      .jurnal__section4 .jurnal__section4__table table td .word {
        padding: 0 5px 0 0; }
    .jurnal__section4 .jurnal__section4__table table tr td:first-child {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
    .jurnal__section4 .jurnal__section4__table table img {
      margin: 25px; }
    .jurnal__section4 .jurnal__section4__table table th:nth-child(2) {
      background-color: #1db1c0;
      color: #fff; }
    .jurnal__section4 .jurnal__section4__table table th:last-child {
      background-color: #0d2b51;
      color: #fff; }
  .jurnal__section4 .jurnal__section4__table h3 {
    color: #0d2b51;
    padding: 1rem 0 3rem 0; }

@media (max-width: 1199px) {
  a {
    font-size: 0.8rem !important; }

  .section3 .custom_container3 {
    top: 45% !important; }

  .section4 .section4_text {
    font-size: 0.8rem !important; }

  .section5 .section5_text {
    font-size: 0.8rem !important; }

  .banner--kids .container .banner--kids__text--container .banner--kids__text {
    font-size: 0.8rem; }

  .section2--kids .container .section2--kids__text--container .section2--kids__title {
    font-size: 1.5rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__text {
    font-size: 0.7rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__subtitle {
    font-size: 1rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__text--2 {
    font-size: 0.7rem; }
  .section2--kids .container .section2--kids__content--day .section2--kids__content--day__text {
    font-size: 0.7rem; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__text {
    font-size: 0.7rem; }
  .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item .section2--kids--repeater__item__text {
    font-size: 0.7rem; }

  .section3--kids {
    background-position: right; }

  .banner--jurnal p {
    font-size: 0.8rem !important; }

  .jurnal__section2 p {
    font-size: 0.8rem !important; }

  .jurnal__section3 p {
    font-size: 0.8rem !important; }

  .jurnal__section4 p {
    font-size: 0.8rem !important; } }
@media (max-width: 991px) {
  a {
    font-size: 1.2rem !important; }

  .banner_top .container {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0); }
    .banner_top .container .banner_texts .banner_title,
    .banner_top .container .banner_texts .banner_title_dark {
      font-size: 1.5rem; }
    .banner_top .container .banner_texts .banner_title_dark span {
      font-size: 1rem; }
    .banner_top .container .banner_texts .banner_subtitle,
    .banner_top .container .banner_texts .banner_subtitle_dark {
      font-size: 1.3rem;
      width: 25rem; }
  .banner_top .banner_button {
    display: none !important; }
  .banner_top .banner_button_dark {
    display: none !important; }
  .banner_top .banner_shape {
    height: 24rem; }

  .section2 .container .section2_title {
    font-size: 2rem; }
  .section2 .container .icon_container .icon_card {
    min-height: 250px; }
    .section2 .container .icon_container .icon_card .icon_text {
      font-size: 1rem; }
    .section2 .container .icon_container .icon_card .section2_icon {
      width: 70%; }
  .section2 .container .text_container .product_name {
    font-size: 1.5rem; }
  .section2 .container .text_container .section2_text {
    font-size: 1.3rem; }
  .section2 .container .text_container .text_w_icon .pill_text {
    font-size: 1rem; }

  .section2 .container .container_custom .hands_container .hands_img {
    display: none !important; }

  .section2 .container .container_custom {
    padding: 25px 0 30px 0; }

  .section3 .overlay {
    display: block; }
  .section3 .toggle-mode {
    top: 50%; }
  .section3 .section3_background {
    display: none !important; }
  .section3 .section3_background_mobile {
    display: block;
    width: 50rem; }
  .section3 .custom_container3 {
    position: static;
    transform: translateX(0) translateY(0);
    width: 100%;
    padding: 0;
    margin: 0; }
    .section3 .custom_container3 .day_content {
      text-align: center;
      height: 50rem;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }
      .section3 .custom_container3 .day_content .day_title3 {
        margin: 6rem 0 14rem 0; }
      .section3 .custom_container3 .day_content .packshot_day3 {
        width: 15rem; }
      .section3 .custom_container3 .day_content .day_button3 {
        padding: 1.5rem 2.5rem !important; }
    .section3 .custom_container3 .night_content * {
      float: none !important; }
    .section3 .custom_container3 .night_content {
      text-align: center;
      height: 50rem;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }
      .section3 .custom_container3 .night_content .night_title3 {
        margin: 6rem 0 18rem 0; }
      .section3 .custom_container3 .night_content .packshot_night3 {
        width: 15rem; }
      .section3 .custom_container3 .night_content .night_button3 {
        padding: 1.5rem 2.5rem !important; }

  .section4 {
    padding: 0 0 5rem 0; }
    .section4 .container .head_icon_container {
      text-align: center; }
      .section4 .container .head_icon_container .head_icon {
        width: 25rem;
        top: 0; }
    .section4 .container .s4_text_container {
      text-align: center; }
      .section4 .container .s4_text_container .section4_text {
        font-size: 1rem; }

  .section5 .section5_background {
    display: none; }
  .section5 .section5_mobile {
    display: block; }
  .section5 .container .hp_s5_text .section5_title {
    font-size: 2.2rem;
    margin: 0 !important; }
  .section5 .container .hp_s5_text .section5_text {
    width: 25rem !important; }
  .section5 .container .hp_s5_text .section5_btn {
    font-size: 1rem; }
  .section5 .container .hp_s5_packshots .section5_packshot {
    width: 20rem;
    margin: 3rem 0 0 0; }

  .banner_adulti .container {
    left: 0 !important;
    top: 25% !important;
    transform: translateX(0) !important; }

  .banner_adulti .container .banner_adulti_texts .banner_adulti_title {
    width: 25rem !important; }

  .banner_adulti .banner_btn_adulti {
    display: none; }

  .section4--adulti {
    background-image: none !important; }

  .section4--adulti .container {
    position: static;
    transform: translateX(0) translateY(0);
    width: 100% !important;
    padding: 0 !important; }

  .section4--adulti .container .spacer_adulti {
    display: none; }

  .section4--adulti .container .container--day {
    background-color: #15d453;
    padding: 2rem; }

  .section4--adulti .container .container--night {
    background-color: #00a1dd;
    padding: 2rem 2rem 16rem 2rem; }

  .section4--adulti .container .container--day .container__text--day {
    text-align: center; }

  .section4--adulti
  .container
  .container--day
  .container__packshot--day
  .packshot--day {
    left: 0rem; }

  .section4--adulti
  .container
  .container--day
  .container__text--day
  .s4__title--day {
    font-size: 2rem; }

  .section4--adulti
  .container
  .container--day
  .container__text--day
  .s4__subtitle--day {
    font-size: 2rem; }

  .container__text--night {
    text-align: center; }

  .section4--adulti
  .container
  .container--night
  .container__text--night
  .s4__title--night {
    font-size: 2rem; }

  .section4--adulti
  .container
  .container--night
  .container__text--night
  .s4__subtitle--night {
    font-size: 2rem; }

  .section4--adulti .container .container--day .s4__repeater--day__container {
    margin-top: -10rem;
    height: auto !important; }

  .section4--adulti
  .container
  .container--night
  .s4__repeater--night__container {
    margin-top: -7rem;
    height: auto !important; }

  .section4--adulti
  .container
  .container--day
  .s4__repeater--day__container
  .s4__repeater--day__item,
  .s4__repeater--night__item {
    width: 70%;
    margin: 0 auto;
    padding: 1rem 0; }

  .section4--adulti
  .container
  .container--night
  .s4__repeater--night__container
  .s4__repeater--night__item {
    padding: 1rem 0 !important; }

  .section4--adulti
  .container
  .container--day
  .howto--day
  .container__btn--day
  .btn--day {
    display: inline-block;
    margin: 0 0 2rem 0; }

  .section4--adulti
  .container
  .container--night
  .howto--night
  .container__btn--night
  .btn--night {
    display: inline-block;
    margin: 0 0 2rem 0; }

  .section4--adulti .container .container--night .container__packshot--night {
    text-align: center; }

  .section4--adulti .container .prefooter {
    position: absolute;
    bottom: 2%;
    width: 90%;
    margin: 0 auto;
    left: 5%; }
  .banner--kids {
    height: 25rem; }
    .banner--kids .banner--kids__background {
      display: none; }
    .banner--kids .banner--kids__background--mobile {
      display: block; }
    .banner--kids .container .banner--kids__text--container .banner--kids__text {
      font-size: 1rem;
      width: 70%; }
    .banner--kids .banner--kids__btn {
      display: none; }

  .section2--kids .section2--kids__shape {
    height: 180rem;
    width: 25rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__text {
    font-size: 1rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__subtitle {
    font-size: 1.3rem; }
  .section2--kids .container .section2--kids__text--container .section2--kids__text--2 {
    font-size: 1rem; }
  .section2--kids .container .section2--kids__content--day .section2--kids__content--day__title {
    font-size: 1.3rem;
    margin: 3rem 0 0 0; }
  .section2--kids .container .section2--kids__content--day .section2--kids__content--day__subtitle {
    font-size: 1.3rem; }
  .section2--kids .container .section2--kids__content--day .section2--kids__content--day__text {
    font-size: 1rem; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__title {
    font-size: 1.3rem;
    margin: 3rem 0 0 0; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__subtitle {
    font-size: 1.3rem; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__text {
    font-size: 1rem; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__packshot {
    margin: -1rem -150px 0 0; }
  .section2--kids .container .section2--kids__content--night .section2--kids__content--night__btn {
    margin: 2rem 0; }
  .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item .section2--kids__repeater__item__icon {
    height: 3rem; }
  .section2--kids .container .section2--kids__repeater .section2--kids__repeater__item .section2--kids--repeater__item__text {
    font-size: 1rem !important; }

  .section3--kids .container .section3--kids__title {
    font-size: 1.5rem; }
  .section3--kids .container .section3--kids__content--left .section3--kids__content--left__subtitle {
    font-size: 1.2rem;
    margin: 3rem 0 1rem 0; }
  .section3--kids .container .section3--kids__content--right {
    text-align: center; }
    .section3--kids .container .section3--kids__content--right .section3--kids__content--right__packshot {
      margin: 3rem 0 1rem 0; }
    .section3--kids .container .section3--kids__content--right .section3--kids__content--right__btn {
      margin: 2rem 0; }

  .banner--jurnal .banner--jurnal__btn {
    display: none; }

  .banner--jurnal .container {
    width: 100%; }

  .banner--jurnal
  .container
  .banner--jurnal__container-text
  .banner--jurnal__text {
    width: 50%; }

  .banner--jurnal p {
    font-size: 1rem !important; }

  .jurnal__section2 p {
    font-size: 1rem !important; }

  .jurnal__section3 p {
    font-size: 1rem !important; }

  .jurnal__section4 p {
    font-size: 1rem !important; }

  .jurnal__section3 .container {
    width: 100%; }

  .jurnal__section3__text {
    width: 50% !important; }

  .jurnal__section4 .jurnal__section4__title .jurnal__section4__title__logo {
    height: 3rem;
    width: auto; }

  .owl-theme .owl-nav {
    display: none; }

  .section4--adulti .container .container--day .container__packshot--day {
    text-align: center; }

  .section4--adulti
  .container
  .container--day
  .container__packshot--day
  .packshot--day {
    position: static; } }
@media (max-width: 767px) {
  .banner_top .overlay {
    display: block; }
  .banner_top .banner_background {
    display: none !important; }
  .banner_top .mobile_banner {
    display: block;
    width: 50rem;
    height: 80%; }
  .banner_top .banner_shape {
    display: none !important; }
  .banner_top .banner_shape_dark.active {
    display: none !important; }
  .banner_top .container {
    left: 50%;
    transform: translateX(-50%);
    width: 100% !important;
    top: 5%; }
    .banner_top .container .banner_texts .banner_title,
    .banner_top .container .banner_texts .banner_title_dark {
      font-size: 2.6rem !important;
      padding: 25px 0 0 0 !important;
      width: 70%; }
    .banner_top .container .banner_texts .banner_title_dark span {
      font-size: 1.2rem; }
    .banner_top .container .banner_texts .banner_subtitle,
    .banner_top .container .banner_texts .banner_subtitle_dark {
      font-size: 2rem;
      width: 70%; }
    .banner_top .container .banner_texts .custom_moon .moon_text {
      font-size: 1.3rem; }
  .banner_top .packshot_day {
    position: absolute;
    bottom: 6%;
    left: 20%;
    z-index: 999;
    width: 25rem; } }
  @media (max-width: 767px) and (min-width: 467px) and (max-width: 767px) {
    .banner_top .packshot_day {
      bottom: 15% !important; } }
@media (max-width: 767px) {
  .banner_top .packshot_night {
    position: absolute;
    bottom: 20%;
    right: 20%;
    z-index: 998;
    width: 17rem; } }
  @media (max-width: 767px) and (min-width: 467px) and (max-width: 767px) {
    .banner_top .packshot_night {
      bottom: 29% !important; } }
@media (max-width: 767px) {
  .banner_top .banner_shape {
    height: 31rem !important;
    width: 18rem !important; }

  .section2 .container .section2_title {
    padding: 5rem 0; }
  .section2 .container .icon_container {
    flex-direction: column !important; }
    .section2 .container .icon_container .icon_card {
      padding: 1rem 0; }
    .section2 .container .icon_container .icon_text {
      font-size: 1.5rem !important; }
  .section2 .container .container_custom .text_container .product_name {
    font-size: 2rem !important; }
  .section2 .container .container_custom .text_container .section2_text {
    font-size: 2rem !important; }
  .section2 .container .container_custom .text_container .text_w_icon:last-child {
    padding: 30px 0 !important; }
  .section2 .container .container_custom .text_container .text_w_icon .pill_text {
    font-size: 1.5rem !important; }
  .section2 .container .container_custom .hands_container .hands_img {
    display: none !important; }

  .section3 .toggle-mode {
    top: 47.5%;
    left: 40%;
    transform: translateX(0) translateY(0); }

  .section3 .custom_container3 {
    width: 100% !important; }
    .section3 .custom_container3 .day_content .day_title3 {
      font-size: 2rem !important; }
      .section3 .custom_container3 .day_content .day_title3 span {
        font-size: 2rem !important; }
    .section3 .custom_container3 .day_content .day_button3 {
      padding: 1.5rem 4rem !important; }
    .section3 .custom_container3 .night_content .night_title3 {
      margin: 9rem 0 12rem 0;
      font-size: 2rem !important; }
      .section3 .custom_container3 .night_content .night_title3 span {
        font-size: 2rem !important; }
    .section3 .custom_container3 .night_content .night_button3 {
      padding: 1.5rem 4rem !important; }

  .section4 .container .s4_text_container .section4_title {
    font-size: 2rem !important; }
  .section4 .container .s4_text_container .section4_text {
    font-size: 1.5rem !important; }
  .section4 .container .s4_text_container .section4_btn {
    padding: 1.5rem 4rem !important; }

  .section5 .overlay {
    display: block !important;
    background-color: #fff; }
  .section5 .container {
    width: 100%; }
    .section5 .container .hp_s5_text {
      top: 4rem; }
      .section5 .container .hp_s5_text .section5_text {
        font-size: 1.5rem !important;
        width: 32rem !important;
        padding: 2rem 0 !important; }
      .section5 .container .hp_s5_text .section5_btn {
        padding: 1.5rem 4rem !important; }
    .section5 .container .hp_s5_packshots .section5_packshot {
      float: right;
      margin: 0 !important; }

  .overlay--white {
    display: block; }

  .banner_adulti .banner_adulti_top {
    display: none; }

  .banner_adulti .banner_adulti_mobile {
    display: block; }

  .banner_adulti .shape_adulti {
    display: none; }

  .banner_adulti .container .banner_adulti_texts .banner_adulti_title {
    font-size: 2.6rem !important;
    width: 100% !important; }

  .banner_adulti .container .banner_adulti_texts .logo_adulti {
    width: 15rem; }

  .section2_adulti .s2_container .title_container .s2_title {
    font-size: 2.5rem !important; }

  .section2_adulti {
    padding: 2rem 0; }

  .section2_adulti .s2_container .title_container .s2_subtitle {
    font-size: 1.6rem; }

  .section3_adulti .container .s3_title,
  .section3_adulti .container .right_text {
    font-size: 2rem; }

  .section3_adulti .container .s3_title {
    margin: 4rem 0 3rem 0; }

  .section3_adulti .container .left_text,
  .section3_adulti .container .right_text {
    text-align: center;
    font-size: 1.5rem; }

  .section4--adulti .container {
    width: 100%; }

  .section4--adulti .container .prefooter .prefooter__content .prefooter__icon {
    width: 10%; }

  .section4--adulti .container .prefooter .prefooter__content .prefooter__text {
    font-size: 20px !important;
    width: 60%;
    text-align: center; }

  .section4--adulti
  .container
  .prefooter
  .prefooter__content
  .prefooter__text
  span {
    font-size: 20px !important; }

  .section4--adulti .section4--adulti__background--mobile {
    height: 3000px; }

  .section4--adulti
  .container
  .container--night
  .container__packshot--night
  .packshot--night {
    margin-top: -11rem; }

  .section4--adulti
  .container
  .container--day
  .container__packshot--day
  .packshot--day {
    margin-top: -7rem; }

  .section2_adulti .s2_container .repeater_container .repeater_item {
    padding: 3rem 0 1rem 0;
    letter-spacing: 1px; }

  .banner--kids p,
  .section2--kids p,
  .section3--kids p {
    font-size: 1.3rem !important; }

  .banner--kids h1 {
    font-size: 2rem !important; }

  .section2--kids h2,
  h2 span,
  h3 {
    font-size: 2rem !important; }

  .section3--kids h2,
  h3 {
    font-size: 2rem !important; }

  .banner--kids .container {
    width: 90%;
    top: 50%; }

  .section2--kids
  .container
  .section2--kids__repeater
  .section2--kids__repeater__item
  .section2--kids--repeater__item__text {
    font-size: 1.3rem !important; }

  .section3--kids
  .container
  .section3--kids__content--right
  .section3--kids__content--right__packshot {
    width: 20rem !important;
    margin: 3rem -4rem 1rem 0 !important; }

  .banner--jurnal h1 h2 h3 {
    font-size: 2rem !important; }

  .jurnal__section2 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .jurnal__section3 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .jurnal__section4 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .banner--jurnal p {
    font-size: 1.3rem !important; }

  .jurnal__section2 p {
    font-size: 1.3rem !important; }

  .jurnal__section3 p {
    font-size: 1.3rem !important; }

  .jurnal__section4 p {
    font-size: 1.3rem !important; }

  .banner--jurnal .container {
    top: 35%; }

  .banner--jurnal
  .container
  .banner--jurnal__container-text
  .banner--jurnal__disclaimer {
    margin: 5rem 0 0 0; }

  .owl-carousel .owl-item img {
    display: inline-block !important;
    width: 15rem !important; }

  .jurnal__section3 .jurnal__section3__shape {
    height: 24rem; }

  .jurnal__section4 .jurnal__section4__title {
    flex-direction: column-reverse;
    align-items: center; }

  .jurnal__section4 .jurnal__section4__table table th {
    font-size: 18px; }

  .jurnal__section4 .jurnal__section4__table table img {
    width: 60px;
    margin: 20px; }

  .jurnal__section4 .jurnal__section4__table table td {
    font-size: 16px; }

  .jurnal__section4 .jurnal__section4__title .jurnal__section4__title__text {
    padding: 1rem 0 2rem 0; } }
@media (max-width: 576px) {
  body.dark-mode .banner_top .container {
    top: 2rem; }

  .section3 .custom_container3 {
    top: 32% !important; }

  .banner_top .container .banner_texts .banner_subtitle {
    font-size: 2.5rem !important; }

  .banner_top a,
  .section3 a,
  .section4 a,
  .section5 a {
    font-size: 12px !important; }

  .banner_top .container .banner_texts .custom_moon .moon_text {
    font-size: 2rem !important; }

  .banner_top .container .banner_texts {
    padding: 0 !important; }

  .section2 .container .section2_title {
    font-size: 3rem !important; }

  .section2 .container .container_custom .text_container .product_name {
    font-size: 3rem !important; }

  .section2 .container .icon_container .icon_card {
    min-height: 150px; }

  .section2 .container .icon_container .icon_card .section2_icon {
    width: 50%; }

  .section4 .container .s4_text_container .section4_title,
  .section4_title_dark {
    font-size: 3rem !important; }

  .section4 .container .s4_text_container .section4_text,
  .section4_text.active {
    font-size: 2rem !important; }

  .section5 .container .hp_s5_text .section5_text {
    font-size: 2rem !important; }

  .section5 .container .hp_s5_text .section5_title {
    font-size: 3rem !important; }

  .section5 .container .hp_s5_packshots .section5_packshot {
    display: none; }

  .section5 .container .hp_s5_text {
    top: 1rem !important; }

  .section3 .toggle-mode {
    top: 47%;
    left: 35%;
    transform: translateX(0) translateY(0); }

  .section2 .container .icon_container .icon_card .icon_text {
    font-size: 16px !important; }
  .section2 .container .container_custom .text_container {
    padding: 10px !important; }
    .section2 .container .container_custom .text_container .text_w_icon .pill_text {
      font-size: 2rem !important; }

  .section3 .custom_container3 .day_content .day_title3 span {
    padding: 20px 0 !important; }

  .section3 .custom_container3 .night_content .night_title3 span {
    padding: 20px 0 !important; }

  .banner_adulti .shape_adulti {
    display: none; }

  .section2_adulti {
    padding: 50px 0 20px 0; }

  .section2_adulti .s2_container .title_container .s2_title {
    font-size: 18px !important; }

  .section2_adulti .s2_container .repeater_container .repeater_item {
    padding: 3rem 0; }

  .section2_adulti .s2_container .repeater_container {
    padding: 0; }

  .section2_adulti .s2_container .title_container {
    padding: 25px 0;
    margin: 0; }

  .section2_adulti .s2_container .title_container .s2_subtitle {
    font-size: 16px !important; }

  .section2_adulti .s2_container .repeater_container .repeater_item .icon_text {
    font-size: 16px !important; }

  .section2_adulti
  .s2_container
  .repeater_container
  .repeater_item
  .icon_pastila_adulti {
    height: 3rem; }

  .section3_adulti .container .left_text,
  .section3_adulti .container .right_text {
    font-size: 2rem; }

  .section3_adulti .container .left_text,
  .section3_adulti .container .right_text {
    font-size: 16px; }

  .section3_adulti .container .s3_title span {
    font-size: 20px !important; }

  .section3_adulti .container .s3_title {
    font-size: 18px !important; }

  .section4--adulti
  .container
  .container--day
  .s4__repeater--day__container
  .s4__repeater--day__item,
  .s4__repeater--night__item {
    width: 90%; }

  .section4--adulti .container .prefooter {
    margin: 5rem auto;
    position: static; }

  .section4--adulti .container {
    background-color: #00a1dd; }

  .section4--adulti .container .container--night {
    padding-bottom: 0; }

  .prefooter .prefooter__content .prefooter__icon {
    width: 7rem; }

  .section4--adulti .container .prefooter .prefooter__content .prefooter__text {
    font-size: 2rem;
    text-align: center;
    padding: 2rem 0;
    width: 100%; }

  .section4--adulti .container .prefooter .prefooter__content .prefooter__btn {
    font-size: 2rem;
    padding: 1.5rem 2.5rem; }

  .section4--adulti .container .prefooter .prefooter__content {
    flex-direction: column;
    align-items: center; }

  .section4--adulti
  .container
  .container--night
  .s4__repeater--night__container
  .s4__repeater--night__item
  .icon--night {
    width: 25%;
    text-align: center; }

  .section4--adulti
  .container
  .container--day
  .s4__repeater--day__container
  .s4__repeater--day__item
  .icon--day {
    width: 25%;
    text-align: center; }

  .section4--adulti
  .container
  .container--night
  .s4__repeater--night__container
  .s4__repeater--night__item
  .texts--night
  .s4__repeater--night__bold--text {
    font-size: 16px !important; }

  .section4--adulti
  .container
  .container--day
  .s4__repeater--day__container
  .s4__repeater--day__item
  .text--day
  .s4__repeater--day__bold--text {
    font-size: 16px !important; }

  .section4--adulti
  .container
  .container--day
  .s4__repeater--day__container
  .s4__repeater--day__item
  .text--day
  .s4__repeater--day__text {
    font-size: 14px !important; }

  .section4--adulti
  .container
  .container--night
  .s4__repeater--night__container
  .s4__repeater--night__item
  .texts--night
  .s4__repeater--night__text {
    font-size: 14px !important; }

  .section4--adulti
  .container
  .container--day
  .container__text--day
  .s4__title--day {
    font-size: 24px !important; }

  .section4--adulti
  .container
  .container--day
  .container__text--day
  .s4__subtitle--day {
    font-size: 22px !important; }

  .section4--adulti
  .container
  .container--night
  .container__text--night
  .s4__title--night {
    font-size: 24px !important; }

  .section4--adulti
  .container
  .container--night
  .container__text--night
  .s4__subtitle--night {
    font-size: 22px !important; }

  .section4--adulti .container .container--day .howto--day .howto__title--day {
    font-size: 18px !important; }

  .section4--adulti
  .container
  .container--night
  .howto--night
  .howto__title--night {
    font-size: 18px !important; }

  .section4--adulti .container .container--day .howto--day .howto__text--day {
    font-size: 16px; }

  .section4--adulti
  .container
  .container--night
  .howto--night
  .howto__text--night {
    font-size: 16px; }

  .section4--adulti a {
    font-size: 2rem !important;
    padding: 1.5rem 2.5rem !important; }

  .banner--kids {
    height: 35rem !important; }

  .banner--kids p,
  .section2--kids p,
  .section3--kids p {
    font-size: 16px !important; }

  .banner--kids .container {
    width: 100%; }

  .banner--kids h1 {
    font-size: 2.5rem !important;
    width: 60%; }

  .section2--kids h2,
  h2 span,
  h3 {
    font-size: 18px !important; }

  .section2--kids
  .container
  .section2--kids__content--day
  .section2--kids__content--day__subtitle {
    font-size: 18px !important; }

  .section2--kids
  .container
  .section2--kids__content--day
  .section2--kids__content--day__title {
    margin: 50px 0 0 0; }

  .section2--kids
  .container
  .section2--kids__content--day
  .section2--kids__content--day__subtitle {
    padding: 0 0 20px 0; }

  .section2--kids
  .container
  .section2--kids__text--container
  .section2--kids__title {
    margin: 0 0 30px 0; }

  .section2--kids {
    padding: 50px 0; }

  .section3--kids
  .container
  .section3--kids__content--left
  .section3--kids__content--left__subtitle {
    font-size: 18px !important; }

  .section3--kids
  .container
  .section3--kids__content--right
  .section3--kids__content--right__btn {
    margin: 30px 0; }

  .section2--kids .container .section2--kids__text--container {
    padding: 0; }

  .section2--kids
  .container
  .section2--kids__content--day
  .section2--kids__content--day__text {
    width: 100%; }

  .section2--kids
  .container
  .section2--kids__content--night
  .section2--kids__content--night__text {
    width: 100%; }

  .section2--kids
  .container
  .section2--kids__content--day
  .section2--kids__content--day__btn {
    margin: 30px 0 50px 0; }

  .section2--kids
  .container
  .section2--kids__content--night
  .section2--kids__content--night__btn {
    margin: 30px 0 50px 0; }

  .section2--kids
  .container
  .section2--kids__content--night
  .section2--kids__content--night__subtitle {
    font-size: 18px !important; }

  .section2--kids a {
    font-size: 16px !important; }

  .section3--kids a {
    font-size: 16px !important; }

  .section3--kids {
    padding: 50px 0; }

  .section2--kids .section2--kids__shape {
    display: none; }

  .section2--kids .container .section2--kids__repeater {
    flex-direction: column;
    align-items: center; }

  .section2--kids
  .container
  .section2--kids__repeater
  .section2--kids__repeater__item {
    padding: 20px 0 10px 0;
    width: 100% !important; }

  .section2--kids
  .container
  .section2--kids__repeater
  .section2--kids__repeater__item
  .section2--kids__repeater__item__icon {
    height: 6rem; }

  .section2--kids
  .container
  .section2--kids__repeater
  .section2--kids__repeater__item
  .section2--kids--repeater__item__text {
    font-size: 16px !important; }

  .section2--kids
  .container
  .section2--kids__content--night
  .section2--kids__content--night__packshot {
    margin: -1rem -10rem 0 0; }

  .banner--jurnal .container {
    top: 15%;
    transform: translateX(0) translateY(0);
    left: 0; }

  .banner--jurnal__background {
    display: none; }

  .banner--jurnal .banner--jurnal__background--mobile {
    height: 400px;
    width: 100%; }

  .banner--jurnal
  .container
  .banner--jurnal__container-text
  .banner--jurnal__title {
    font-size: 24px !important; }

  .jurnal__section3 .jurnal__section3__background--mobile {
    display: block;
    height: 400px;
    width: 100%; }

  .jurnal__section3 .jurnal__section3__shape {
    display: none; }

  .jurnal__section3 .container {
    top: 45% !important; }

  .jurnal__section3
  .container
  .jurnal__section3__text
  .jurnal__section3__text__title {
    padding: 0;
    font-size: 24px !important;
    width: 100%; }

  .jurnal__section2 .jurnal__section2__text .jurnal__section2__text__title {
    padding: 1rem 0 2rem 0; }

  .jurnal__section3 .jurnal__section3__packshot--day {
    display: none; }

  .jurnal__section3 .jurnal__section3__packshot--night {
    display: none; }

  .jurnal__section3 .jurnal__section3__text {
    width: 100% !important; }

  .banner--jurnal h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .jurnal__section2 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .jurnal__section3 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .jurnal__section4 h1,
  h2,
  h3 {
    font-size: 2rem !important; }

  .banner--jurnal p {
    font-size: 16px !important; }

  .jurnal__section2 p {
    font-size: 16px !important; }

  .jurnal__section3 p {
    font-size: 16px !important; }

  .jurnal__section4 p {
    font-size: 16px !important; }

  .banner--jurnal
  .container
  .banner--jurnal__container-text
  .banner--jurnal__disclaimer {
    margin: 2rem 0 0 0; }

  .banner--jurnal__container-text {
    text-align: center; }

  .banner--jurnal
  .container
  .banner--jurnal__container-text
  .banner--jurnal__text {
    width: 100% !important; }

  .banner--jurnal__container-text {
    padding: 0 !important; }

  .jurnal__section3 .jurnal__section3__text {
    padding: 0 !important; }

  .jurnal__section3__background {
    display: none; }

  .jurnal__section3__background--mobile {
    display: block; }

  .jurnal__section4 .jurnal__section4__table table th {
    font-size: 14px; }

  .jurnal__section4 .jurnal__section4__table table img {
    width: 35px;
    margin: 20px 0; }

  .jurnal__section4 .jurnal__section4__table table td {
    font-size: 14px; }

  .banner--jurnal .banner--jurnal__background--mobile {
    display: block; } }
.custom_regular-page {
  padding: 50px 0; }
  .custom_regular-page .container .custom_title {
    margin-bottom: 50px;
    text-align: center;
    color: #003b5f;
    font-weight: bold;
    font-size: 36px; }
  .custom_regular-page .container .custom_content p {
    font-size: 16px !important;
    font-weight: 500;
    color: #6e6e6e; }
  .custom_regular-page .container .custom_content li {
    font-size: 16px !important;
    font-weight: 500;
    color: #6e6e6e; }
  .custom_regular-page .container .custom_content a {
    font-size: 16px !important;
    font-weight: 500;
    color: #003b5f; }
    .custom_regular-page .container .custom_content a:hover {
      color: #23527c;
      text-decoration: none; }

.display_none {
  display: none !important; }

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