@charset "UTF-8";
/*
Theme Name: Mila Muszyna
Theme URI: https://d3sign.pl
Author: d3sign - Jarosław Wróblewski
Author URI: https://d3sign.pl
Description: The main website and store template for the Mila Muszyna company. The template was created in the child theme pattern (twentytwentyfour)
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
Text Domain: milamuszyna
*/
* {
  font-family: "Poppins", sans-serif;
  color: #124041;
}

@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/playfair/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
.has-playfair-display-font-family {
  font-family: "Playfair Display", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif !important;
  color: #124041;
}

h2 em {
  font-family: "Playfair Display", sans-serif !important;
}

p {
  font-family: "Poppins", sans-serif;
  color: #124041;
}

h2 {
  font-size: 70px;
  font-weight: 400;
  line-height: 80px;
}

@media screen and (max-width: 782px) {
  h2 {
    font-size: 38px;
    line-height: 38px;
  }
}
.mila-primary-link a, .mila-primary-btn {
  font-family: "Roboto", sans-serif !important;
  color: #124041 !important;
  background-color: #FCF200;
  border: none;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  padding: 20px 30px !important;
  outline: none !important;
  text-transform: uppercase;
}
.mila-primary-link a:hover, .mila-primary-btn:hover {
  background-color: #FDF900 !important;
}

.mila-secondary-link a, input.mila-secondary-btn, .mila-secondary-btn {
  font-family: "Roboto", sans-serif !important;
  color: #FCF200 !important;
  background-color: #124041;
  border: none;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  padding: 20px 30px !important;
  outline: none !important;
  text-transform: uppercase;
}
.mila-secondary-link a:hover, input.mila-secondary-btn:hover, .mila-secondary-btn:hover {
  background-color: #003541 !important;
}

.mila-default-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #124041;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  box-sizing: border-box;
}
.mila-default-btn:hover {
  color: #FCF200;
  cursor: pointer;
}

.mila-input-wrapper {
  position: relative;
  width: 100%;
  height: 74px;
  border: none;
  background-color: #ffffff;
  border-radius: 50px;
}

.mila-input {
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  padding-top: 30px;
  padding-left: 27px;
  color: #124041;
  border: none;
  transition: border-color 250ms;
  background-color: transparent;
  box-sizing: border-box;
}
.mila-input:focus {
  outline: none;
  border-bottom-color: #777;
}
.mila-input::placeholder {
  color: transparent;
}
.mila-input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

.mila-label {
  position: absolute;
  top: 21px;
  left: 27px;
  font-size: 22px;
  color: #124041;
  pointer-events: none;
  transform-origin: left center;
  transition: transform 250ms;
}

.mila-input:focus + .mila-label,
.mila-input:not(:placeholder-shown) + .mila-label {
  transform: translateY(-50%) scale(0.75);
}

.top-menu-bar {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
  transition: background-color 0.3s ease;
}

.top-bar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  transition: background-color 0.3s ease;
}
.top-bar.scrolled {
  background: rgba(139, 192, 193, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.top-bar.scrolled .top-bar__row {
  height: 80px;
}
.top-bar.scrolled .wp-block-site-logo a {
  width: 100px;
}
.top-bar__row {
  height: 140px;
}

.wp-block-cover.header-cover {
  min-height: 610px;
}

.wp-block-navigation.main-navigation ul li a:hover {
  color: #FCF200;
  text-decoration: none;
}
.wp-block-navigation.main-navigation ul li a:hover span {
  color: #FCF200;
}

.arrow-btn {
  margin-left: 40px;
  font-size: 20px;
  line-height: 21px;
}

.shop-action-buttons {
  gap: 0;
}

.cover-subtitle {
  position: absolute;
  width: 100%;
  padding: 30px;
  font-weight: 900;
  font-size: 90px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 782px) {
  .top-bar .top-bar__row {
    height: 80px;
  }
  .top-bar .wp-block-site-logo a {
    width: 100px;
  }
  .wp-block-cover.header-cover {
    min-height: 482px;
  }
  .cover-subtitle {
    font-size: 32px;
    line-height: 48px;
  }
  .wp-block-navigation__responsive-dialog {
    margin: 0 !important;
  }
  .wp-block-navigation-item .wp-block-site-logo {
    margin-bottom: 32px;
  }
  .wp-block-navigation__responsive-container-open {
    margin-right: 15px !important;
  }
  .wp-block-navigation__responsive-container-close {
    margin-top: calc(2rem + 24px);
  }
  .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #8BC0C1 !important;
    color: #124041 !important;
    height: 100vh;
  }
  .wp-block-navigation__responsive-container.is-menu-open ul li {
    margin-bottom: 10px;
  }
  .wp-block-navigation__responsive-container.is-menu-open ul li a {
    font-size: 20px;
    line-height: 18.75px;
    font-weight: 400 !important;
    text-transform: uppercase;
    outline: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open ul li a:hover {
    color: #FCF200 !important;
    text-decoration: none;
  }
}
.home-page-slider .slick-slide {
  padding: 0 !important;
}
.home-page-slider .wp-block-cover {
  height: 90vh;
}
.home-page-slider .slide-content-wrapper {
  max-width: 1600px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-page-slider .slide-content-wrapper p {
  font-family: "Poppins", sans-serif !important;
  font-size: 60px !important;
  line-height: 70px;
  color: #124041;
}
.home-page-slider .slide-content-wrapper p * {
  font-family: "Poppins", sans-serif !important;
}
.home-page-slider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 34px;
  height: 34px;
  border: 1px solid #FCF200;
  border-radius: 34px;
  z-index: 2;
}
.home-page-slider .slick-arrow.slick-prev {
  left: 30px;
}
.home-page-slider .slick-arrow.slick-prev:before {
  content: "◂";
  height: 26px;
  color: #FCF200;
}
.home-page-slider .slick-arrow.slick-next {
  right: 30px;
}
.home-page-slider .slick-arrow.slick-next:before {
  content: "▸";
  height: 26px;
  color: #FCF200;
}
.home-page-slider .slick-dotted.slick-slider {
  margin-bottom: 45px;
}
.home-page-slider .slick-dots {
  bottom: -30px;
}
.home-page-slider .slick-dots li {
  width: auto;
  height: auto;
}
.home-page-slider .slick-dots li button {
  width: 74px;
  height: 4px;
  padding: 0;
  background: #D9D9D9 !important;
}
.home-page-slider .slick-dots li button:before {
  display: none;
}
.home-page-slider .slick-dots li.slick-active button {
  background: #FCF200 !important;
}

@keyframes wave {
  0% {
    transform: translateY(100%);
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
.main-slogan {
  display: inline-block;
  position: relative;
  width: auto;
}
.main-slogan h2 {
  font-size: 220px;
  line-height: 165px;
  letter-spacing: -12px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800;
  text-align: center;
  color: #FCF200;
  visibility: hidden;
}
.main-slogan h2.wave span {
  display: inline-block;
  color: #FCF200;
  transform: translateY(100%);
  opacity: 0;
  visibility: visible;
  filter: blur(10px);
  animation: wave 1s forwards;
}
.main-slogan h2 span:nth-child(1) {
  animation-delay: 0s;
}
.main-slogan h2 span:nth-child(2) {
  animation-delay: 0.1s;
}
.main-slogan h2 span:nth-child(3) {
  animation-delay: 0.2s;
}
.main-slogan h2 span:nth-child(4) {
  animation-delay: 0.3s;
}
.main-slogan h2 span:nth-child(5) {
  animation-delay: 0.4s;
}
.main-slogan h2 span:nth-child(6) {
  animation-delay: 0.5s;
}
.main-slogan h2 span:nth-child(7) {
  animation-delay: 0.6s;
}
.main-slogan h2 span:nth-child(8) {
  animation-delay: 0.7s;
}
.main-slogan h2 span:nth-child(9) {
  animation-delay: 0.8s;
}
.main-slogan h2 span:nth-child(10) {
  animation-delay: 0.9s;
}
.main-slogan h2 span:nth-child(11) {
  animation-delay: 1s;
}
.main-slogan h2 span:nth-child(12) {
  animation-delay: 1.1s;
}
.main-slogan h2 span:nth-child(13) {
  animation-delay: 1.2s;
}
.main-slogan h2 span:nth-child(14) {
  animation-delay: 1.3s;
}
.main-slogan h2 span:nth-child(15) {
  animation-delay: 1.4s;
}
.main-slogan h2 span:nth-child(16) {
  animation-delay: 1.5s;
}
.main-slogan h2 span:nth-child(17) {
  animation-delay: 1.6s;
}
.main-slogan h2 span:nth-child(18) {
  animation-delay: 1.7s;
}
.main-slogan h2 span:nth-child(19) {
  animation-delay: 1.8s;
}
.main-slogan h2 span:nth-child(20) {
  animation-delay: 1.9s;
}
.main-slogan h2 span:nth-child(21) {
  animation-delay: 2s;
}
.main-slogan h2 span:nth-child(22) {
  animation-delay: 2.1s;
}

.slogan-chips {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 30px;
  font-family: "Playfair Display", sans-serif !important;
  font-style: italic;
  font-size: 45px;
  color: #004B5B;
  border: 2px solid #004B5B;
  border-radius: 100%;
  width: auto;
  height: auto;
  max-width: 100vw;
  aspect-ratio: 1/1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@keyframes sway1 {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(-8px) translateY(3px) rotate(-3deg);
  }
  50% {
    transform: translateX(0px) translateY(6px) rotate(3deg);
  }
  75% {
    transform: translateX(8px) translateY(3px) rotate(-3deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
}
@keyframes sway2 {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(-6px) translateY(4px) rotate(-4deg);
  }
  50% {
    transform: translateX(0px) translateY(8px) rotate(4deg);
  }
  75% {
    transform: translateX(6px) translateY(4px) rotate(-4deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
}
@keyframes sway3 {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(-10px) translateY(2px) rotate(-2deg);
  }
  50% {
    transform: translateX(0px) translateY(10px) rotate(2deg);
  }
  75% {
    transform: translateX(10px) translateY(2px) rotate(-2deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
}
@keyframes sway4 {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  25% {
    transform: translateX(-12px) translateY(5px) rotate(-5deg);
  }
  50% {
    transform: translateX(0px) translateY(12px) rotate(5deg);
  }
  75% {
    transform: translateX(12px) translateY(5px) rotate(-5deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
  }
}
.chips-1 {
  top: 0;
  left: 0;
  animation: sway1 4s ease-in-out infinite;
}

.chips-2 {
  top: 50px;
  right: -5px;
  animation: sway2 4.5s ease-in-out infinite;
}

.chips-3 {
  bottom: 35px;
  left: 66px;
  animation: sway3 5s ease-in-out infinite;
}

.chips-4 {
  bottom: 170px;
  right: 100px;
  animation: sway4 5.5s ease-in-out infinite;
}

.instagram-media iframe {
  width: 100% !important;
  height: auto !important;
}

.instagram-media {
  border: none !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 783px) and (max-width: 1440px) {
  .main-slogan h2 {
    font-size: 12vw;
    line-height: 9vw;
    letter-spacing: -5px;
  }
  .slogan-chips {
    padding: 2vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 782px) {
  .main-slogan {
    display: inline-block;
  }
  .main-slogan h2 {
    font-size: 12vw;
    line-height: 9vw;
    letter-spacing: -3px;
  }
  .slogan-chips {
    padding: 2vw;
    font-size: 4vw;
  }
  .chips-1 {
    top: -8vw;
    left: -10vw;
  }
  .chips-2 {
    top: -10vw;
    right: -10vw;
  }
  .chips-3 {
    bottom: -10vw;
    left: -10vw;
  }
  .chips-4 {
    bottom: -4vw;
    right: 0;
  }
  .home-page-slider .wp-block-cover {
    height: 660px;
  }
  .home-page-slider .slide-content-wrapper p {
    font-size: 32px !important;
    line-height: 48px;
  }
  .home-page-slider .slick-arrow {
    display: none !important;
  }
}
.mailsent {
  display: none;
}

.mila-page-cover {
  height: 1000px;
  margin-top: 0;
}
.mila-page-cover .wp-block-cover, .mila-page-cover .wp-block-cover__image-background {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.mila-page-cover .wp-block-post-excerpt__excerpt {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-size: 75px;
  line-height: 80px;
  color: #FCF200;
}

main .wp-block-post-excerpt {
  display: none;
}

.mila-parallax-1 {
  position: relative;
  width: 100%;
  height: 840px;
}
.mila-parallax-1 .media-1 {
  max-width: 526px;
  height: 636px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 !important;
}
.mila-parallax-1 .media-1 video, .mila-parallax-1 .media-1 img {
  height: 100%;
  width: auto;
}
.mila-parallax-1 .media-2 {
  height: 391px;
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  z-index: 2;
}
.mila-parallax-1 .media-2 video, .mila-parallax-1 .media-2 img {
  height: 100%;
  width: auto;
}

.mila-drops {
  height: 80px;
  position: relative;
}
.mila-drops .image-1 {
  position: absolute;
  top: 0;
  left: 30%;
  transform: translate(-22%, -60%);
}

.mila-parallax-3 {
  position: relative;
  width: 100%;
  height: 1000px;
}
.mila-parallax-3 .media-1 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  z-index: 1;
  height: 580px;
}
.mila-parallax-3 .media-1 video, .mila-parallax-3 .media-1 img {
  height: 100%;
  width: auto;
}
.mila-parallax-3 .media-2 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 !important;
  top: 0;
  right: 0;
  z-index: 1;
  max-width: 505px;
  height: 417px;
}
.mila-parallax-3 .media-2 video, .mila-parallax-3 .media-2 img {
  height: auto;
  width: 100%;
}
.mila-parallax-3 .media-3 {
  animation: none !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 !important;
  height: 786px;
}
.mila-parallax-3 .media-3 video, .mila-parallax-3 .media-3 img {
  height: 100%;
  width: auto;
}

.parallax-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
}

.large-image {
  max-width: 30VW;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.parallax-small-image {
  position: absolute;
  z-index: 1;
  transition: transform 0.1s ease-out;
}

.parallax-small-image-1 {
  max-width: 20vw;
  height: auto;
  top: 0;
  left: 20vw;
}

.parallax-small-image-2 {
  max-width: 40vw;
  height: auto;
  bottom: 15vh;
  right: 10vw;
}

.parallax-small-image-3 {
  max-width: 20vw;
  height: auto;
  top: 25vh;
  right: 20vw;
}

.mila-big-year {
  font-size: 300px;
  font-weight: 300;
  line-height: 330px;
}

@media screen and (max-width: 782px) {
  .large-image {
    max-width: 80vw;
    width: 80vw;
  }
  .parallax-small-image-1 {
    max-width: 40vw;
    width: 40vw;
    left: 0;
  }
  .parallax-small-image-2 {
    max-width: 40vw;
    right: 0;
    bottom: 20vh;
  }
  .parallax-small-image-3 {
    max-width: 30vw;
    width: 30vw;
    right: 0;
    top: 30vh;
  }
  .mila-page-cover {
    height: 375px;
  }
  .mila-page-cover .wp-block-post-excerpt__excerpt {
    font-size: 32px;
    line-height: 48px;
  }
  .mila-big-year {
    font-size: 40vw;
    line-height: 190px;
  }
  .mila-parallax-1 {
    margin-left: -15px;
    width: calc(100% + 30px);
    height: 514px;
  }
  .mila-parallax-1 .media-1 {
    max-width: 100%;
    height: 378px;
    margin: 0 !important;
  }
  .mila-parallax-1 .media-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 250px;
    width: auto;
    margin: 0;
    z-index: 2;
  }
  .mila-drops {
    height: 0;
    margin: 0;
  }
  .mila-drops .image-1 {
    position: absolute;
    top: 0;
    left: 30%;
    transform: translate(-22%, -60%);
  }
  .mila-parallax-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
  }
  .mila-parallax-3 .media-1 {
    position: static;
    top: auto;
    left: auto;
    height: auto;
  }
  .mila-parallax-3 .media-2 {
    position: static;
    top: auto;
    right: auto;
    height: auto;
  }
  .mila-parallax-3 .media-3 {
    position: static;
    bottom: auto;
    left: auto;
    transform: none;
    height: auto;
  }
}
.contact-form {
  max-width: 650px;
  margin: 0 auto;
}
.contact-form input:not(.wpcf7-submit), .contact-form select, .contact-form textarea {
  width: 100%;
  background: none;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}
.contact-form input:not(.wpcf7-submit).wpcf7-not-valid, .contact-form select.wpcf7-not-valid, .contact-form textarea.wpcf7-not-valid {
  border-color: #FF5E5E;
  background: #FFF0F0;
}
.contact-form input:not(.wpcf7-submit), .contact-form select {
  height: 54px;
  line-height: 54px;
  padding: 0 18px;
  box-sizing: border-box;
}
.contact-form select {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
.contact-form label {
  font-size: 14px;
  font-weight: 700;
}
.contact-form .wpcf7-not-valid-tip {
  font-size: 14px;
  font-weight: 400;
  color: #FF5E5E;
}

.wpcf7-response-output {
  display: none;
}

.fade {
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}

.fade.in {
  opacity: 1;
}

.tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s;
}
.tab-content .wpcf7-submit {
  display: block;
  padding: 20px 30px !important;
}

.tab-content.active {
  display: block;
  opacity: 1;
}

.tab-buttons button.active {
  color: #124041 !important;
  background-color: #FCF200;
}
.tab-buttons button.active:hover {
  background-color: #FDF900 !important;
}
.tab-buttons .mila-secondary-btn {
  line-height: 14px !important;
}

@media screen and (min-width: 992px) {
  .animate-fade-in {
    opacity: 0;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .figure-hidden {
    opacity: 0;
  }
  .figure-visible {
    animation: fadeInUp 0.5s ease-out forwards;
  }
  .animate-left {
    transform: translateX(-100%);
  }
  @keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .slide-in-left {
    animation: slideInFromLeft 0.8s ease-out forwards;
  }
  .animate-top {
    transform: translateY(-100%);
  }
  @keyframes slideInFromTop {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .slide-in-top {
    animation: slideInFromTop 0.8s ease-out forwards;
  }
  .animate-right {
    transform: translateX(100%);
  }
  @keyframes slideInFromRight {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .slide-in-right {
    animation: slideInFromRight 1.5s ease-in-out forwards;
  }
}
.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.marquee-text {
  display: inline-block;
  padding-left: 100%;
  width: auto;
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 120px;
  font-weight: 400;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 782px) {
  .marquee-text {
    font-size: 60px;
  }
}
.brand-grid .wp-block-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-grid .wp-block-column .wp-block-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  height: auto;
}
.brand-grid .wp-block-column .wp-block-image a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-grid .wp-block-column .wp-block-image a img {
  width: 70%;
  filter: grayscale(100%) sepia(100%) hue-rotate(160deg) brightness(1.1) contrast(0.85);
}
.brand-grid .wp-block-column .wp-block-image a:hover {
  cursor: pointer;
}
.brand-grid .wp-block-column .wp-block-image a:hover img {
  filter: none;
}
.brand-grid .wp-block-column .wp-block-image:before {
  padding-top: 100%;
  content: "";
  float: left;
}

@media screen and (max-width: 782px) {
  .brand-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.minerals-bottle {
  position: relative;
  text-align: center;
}

.mineral-point {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: none;
  border: none;
  border-radius: 100px;
  outline: none;
  transition: transform 0.3s ease;
  z-index: 1;
}
.mineral-point:hover {
  cursor: pointer;
  transform: translateY(5px);
}
.mineral-point.active .mineral-point-content {
  display: none !important;
}
.mineral-point.active .mineral-point-close {
  display: flex !important;
}
.mineral-point-content {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 64px;
  height: 64px;
  border-radius: 64px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.mineral-point-close {
  display: none;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 46px;
  height: 46px;
  border-radius: 46px;
  font-size: 20px;
}

.minerals-tooltip {
  position: absolute;
  visibility: hidden;
  background: #fff;
  max-width: 280px;
  padding: 15px 20px;
  border-radius: 15px;
  -webkit-box-shadow: 3px 3px 25px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 25px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.minerals-tooltip-header {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
.minerals-tooltip-content {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin: 0;
}

.point-1 {
  top: 42%;
  left: 35%;
}

.point-2 {
  top: 64%;
  left: 55%;
}

.point-3 {
  top: 83%;
  left: 55%;
}

.point-4 {
  top: 60%;
  left: 33%;
}

.point-5 {
  top: 34%;
  left: 55%;
}

.point-6 {
  top: 25%;
  left: 37%;
}

.point-7 {
  top: 82%;
  left: 32%;
}

.point-8 {
  top: 70%;
  left: 42%;
}

@media only screen and (min-width: 481px) and (max-width: 782px) {
  .minerals-bottle img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .minerals-tooltip {
    min-width: 150px;
  }
  .mineral-point {
    width: 80px;
    height: 80px;
    margin-left: -10px;
  }
  .mineral-point-content {
    width: 48px;
    height: 48px;
    font-size: 12px;
  }
  .minerals-bottle img {
    width: 100%;
    height: auto;
  }
}
.footer-wrapper {
  padding-top: 130px;
  padding-bottom: 130px;
}
.footer-wrapper h2 {
  margin-bottom: 30px;
}

.footer-logo {
  margin-bottom: 80px;
}

.main-footer h2 {
  line-height: 24px;
}

.mila-newsletter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}

.contact-data {
  gap: 0;
}
.contact-data-phone {
  padding-right: 32px;
  border-right: 1px solid #124041;
  gap: 10px;
}
.contact-data-email {
  margin-left: 32px !important;
  gap: 10px;
}
.contact-data img {
  vertical-align: text-top;
}

@media screen and (max-width: 782px) {
  .footer-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .footer-wrapper h2 {
    margin-bottom: 0;
    line-height: normal;
  }
  .footer-logo {
    width: 150px;
    margin-bottom: 25px;
  }
  .contact-data {
    flex-direction: column;
    gap: 25px;
  }
  .contact-data-phone {
    padding-right: 0;
    border: none;
  }
  .contact-data-email {
    margin-left: 0 !important;
  }
  .mila-newsletter {
    flex-direction: column;
  }
  .mila-newsletter .mila-input-wrapper, .mila-newsletter .mila-default-btn {
    width: 100%;
  }
}
.u-center-block {
  display: block;
  margin: 0 auto;
}

.u-w-half {
  width: 50%;
}

.u-w-full {
  width: 100%;
}

.u-w-120-i {
  width: 120px !important;
}

.max-with-container {
  max-width: 1600px !important;
}

.u-c-primary {
  color: #FCF200;
}

.u-c-secondary {
  color: #124041;
}

.u-v-separator {
  display: inline-block;
  height: 100%;
  width: 1px;
  margin: 0 15px;
  background: #124041;
}

.u-box-1-2 {
  min-height: 530px;
  aspect-ratio: 1/1;
}

.u-box-1-4 {
  min-height: 217px;
}

.u-box-1-2--content {
  align-items: flex-end;
  padding-left: 50px;
  padding-bottom: 65px;
}

.u-flex {
  display: flex;
}

.u-flex-end {
  align-items: flex-end;
}

.u-flex-center {
  justify-content: center;
}

.u-fex-jc-end {
  justify-content: flex-end;
}

.u-flex-space-between {
  justify-content: space-between;
}

.u-flex-align-center {
  align-items: center;
}

.u-flex-start-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.u-text-poppins {
  font-family: "Poppins", sans-serif !important;
}

.u-text-roboto {
  font-family: "Roboto", sans-serif !important;
}

.u-hint {
  font-size: 12px;
  line-height: 20px;
  color: #124041;
}

.u-hint-dark {
  font-size: 12px;
  line-height: 20px;
  color: #191919;
}

.u-opacity-5 {
  opacity: 0.5;
}
.u-opacity-5:hover {
  opacity: 1;
}

.u-icon-text {
  align-items: center;
  gap: 15px;
}
.u-icon-text figure {
  display: flex;
}

.u-no-margin {
  margin: 0 !important;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mb-20 {
  margin-bottom: 20px;
}

.u-ml-20 {
  margin-left: 20px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-mb-50 {
  margin-bottom: 50px;
}

.u-ml-10-i {
  margin-left: 10px !important;
}

.u-ml-15-i {
  margin-left: 15px !important;
}

.u-mt-15-i {
  margin-top: 15px !important;
}

.u-mb-15-i {
  margin-bottom: 15px !important;
}

.u-gap-0 {
  gap: 0;
}

.u-gap-20 {
  gap: 20px;
}

.u-gap-80 {
  gap: 80px;
}

.u-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}

.u-col-carousel {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
.u-col-carousel::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.u-col-carousel > .wp-block-column {
  flex: 0 0 30%;
  scroll-snap-align: start;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}
.u-col-carousel .wp-block-columns.is-not-stacked-on-mobile {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.u-col-carousel.is-not-stacked-on-mobile > .wp-block-column {
  flex: 0 0 30%;
  flex-grow: 0;
  max-width: 30%;
}

.u-hide {
  display: none;
}

.u-hide-i {
  display: none !important;
}

.u-text-cover {
  position: relative;
}
.u-text-cover:hover {
  cursor: pointer;
}
.u-text-cover > div {
  display: flex;
  align-items: center;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(139, 192, 193, 0.6);
  margin: 0 !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.u-text-cover p {
  padding: 0 20px;
}

.u-space-left {
  padding-left: 160px;
}

.u-space-right {
  padding-right: 160px;
}

@media screen and (max-width: 782px) {
  .u-space-left {
    padding-left: 0;
  }
  .u-space-right {
    padding-right: 0;
  }
  .u-m-full-media {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
  .u-m-block {
    display: block;
  }
  .u-m-block-i {
    display: block !important;
  }
  .u-m-hide {
    display: none !important;
  }
  .u-m-gap-0 {
    gap: 0 !important;
  }
  .u-m-space-40-60 {
    margin-top: 40px !important;
    margin-bottom: 60px !important;
  }
  .u-m-padding-0-20 {
    padding: 0 20px !important;
  }
  .u-m-padding-140-70 {
    padding-top: 140px !important;
    padding-bottom: 70px !important;
  }
  .u-m-text-left {
    text-align: left !important;
  }
  .u-m-radius, figure.u-m-radius img, figure.u-m-radius video {
    border-radius: 6px;
  }
  .u-box-1-2 {
    min-height: 294px;
  }
  .u-box-1-2--content {
    padding-left: 0;
    padding-bottom: 40px;
  }
  .u-box-1-2--content > div {
    margin: 0 auto;
    width: auto !important;
  }
  .u-m-ml-15 {
    margin-left: 15px !important;
  }
  .u-m-col-carousel {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    display: flex;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
  }
  .u-m-col-carousel::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .u-m-col-carousel > .wp-block-column {
    flex-basis: auto !important;
    flex-shrink: 0;
    width: 80%;
  }
  .u-m-col-carousel.is-not-stacked-on-mobile > .wp-block-column {
    flex: 0 0 80%;
    flex-grow: 0;
    max-width: 80%;
  }
}
body {
  background: #ffffff !important;
}

a, button {
  outline: none !important;
}

a {
  text-decoration: none;
}

sup {
  margin-top: -5px;
}

sub {
  margin-bottom: -5px;
}

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