.titulo::before{
  content: '';
  position: absolute;
  width: 75px;
  height: 75px;
  background-image: url("/DigitUp/SchweppesES/new/assets/images/adorno-titulo-1.svg");
  background-size: min(6vw, 75px) min(6vw, 65px);
  background-position: top right;
  background-repeat: no-repeat;
  margin-left: -55px;
  margin-top: 30px;
}
.titulo::after{
 content: '';
 position: absolute;
 width: 75px;
 height: 75px;
 background-image: url("/DigitUp/SchweppesES/new/assets/images/adorno-titulo-2.svg");
 background-size: min(6vw, 75px) min(6vw, 65px);
 background-position: top left;
 background-repeat: no-repeat;
 margin-right: -50px;
 margin-top: 10px;
 right: 0;
}
iframe{
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
  border: 5px solid var(--amarillo);
    border-radius: 45px;
}
p{
  margin:3px;
}
.bg-white *{
  color: black;
}
.pm_word{
  position: absolute;
  width: 50%;
  filter: invert(1);

top: 50%;
left: 50%;
transform:translate(-50%,-50%);
}
.pm_word path, .pm_word text{
  fill: white;
}
.pm_word_bg{
 width: 100vw !important;
 height: 100vh !important;
 background-image: url("/DigitUp/SchweppesES/new/assets/images/your-perfect-moment.svg");
 background-size: 40vw;
 background-position: center 20vw;
 background-repeat: no-repeat;
}

.container_pm {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: black;
}

.box {
  position: absolute;
  width: 100%;
  height: 100%;

top: 50%;
left: 50%;
transform:translate(-50%,-50%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
clip-path: ellipse(2.75vw 3.5vw at 42.5vw 50vh);
opacity: 0;
 z-index: 0;
}
.mixer {
  position: relative;
  transform: scale(.75);
  z-index: 1;
  margin-top: -90px;
  margin-bottom: -30px;
  top: 10%;
}
.circulo {
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 100%;
  border: 12px solid var(--amarillo);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -6px;
  margin-left: 3px;
  background-color: black;
  overflow: hidden;
}
.circulo img{
  position: relative;
  top: -20px;
  left: -20px;
}
.faldon-img{
  position: absolute;
  width: 100%;
  height: 100%;
}
.faldon h2{
  font-size: min(14vw,90px);
}
.faldon h4,.container_pm h4{
  margin: 0;
  font-family: 'Futura PT Book';
  font-weight: lighter;
  font-size: min(8vw,25px);
}
.faldon h4 span,.container_pm h4 span{
  font-family: 'Dashiell', sans-serif !important;
}
.container_pm h4{
  font-size: min(8vw,28px);
}
.flexrow.reverse{
  flex-flow: row-reverse;
}
.flexitem {
  text-align: left;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}
.flexitem.text{
  padding: 50px;
  justify-content: center;
}
.flexitem img{

}
.flexitem.graphic{

}
.flexitem.graphic img, .flexitem.graphic iframe{
  max-width: 100%;
  border-radius: 40px;
  border: 12px solid white;
}
.contenido{
  padding-bottom: 50px;
}
.contenido .bloque:nth-child(even){
  margin-top: -50px;
}
.contenido .bloque h3{
  font-size: min(8vw,40px);
}

.franja_container{
  display: none;
}
.franja,.franja_container{
  position: absolute;
  width: min(66vw,600px);
  left: 4%;
  top: 0;
  height: 100vh;
  overflow: hidden;  
  transform-origin: center;
}

.franja{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #232020;
  width: min(33vw,300px);
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.paloma-pm .franja_container{
  width: min(33vw, 300px);
  left: 4%;
  background-color: #232020;
  z-index: 2;
}

.paloma-pm .franja{
  width: 100%;
  background-color: transparent;
}
.franja img{
  max-width: 100%;
}
.bola{
  position: absolute;
  top: 50%;
  left: 80%;
  background-color: var(--amarillo);
/*  background-color: transparent;*/
border-radius: 100px;
width: 100px;
height: 100px;
top: 57%;
left: 50.25%;
/*  transform: scale(2.35);*/
/*display: none;*/
}

.bola2{
  position: absolute;
  top: -100px;
  left: 0;
    background-color: aquamarine;
/*background-color: transparent;*/
border-radius: 100px;
width: 100px;
height: 200px;
overflow: hidden;
}
.bola img{
  position: absolute;
  top: -28%;
  left: -196%;
  transform: scale(.33);
}
.bola3{
  position: relative;
  width: min(30vw,260px);
  height: min(30vw,260px);
  border-radius: 100%;
  background-color: var(--amarillo);
}
.bola4{
  position: absolute;
  top: -260px;
  left: 30;
  background-color: aquamarine;
  background-color: transparent;
  border-radius: 100px;
  width: 260px;
  height: 520px;
  border-radius: 260px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.bola4 img{
    bottom: -50px;
    position: absolute;
    max-width: 450px !important;
}
.box {
  margin: 0!important;
}
.franja h3{
  font-size: min(8vw, 28px);
}
.franja h4{
  font-size: min(6vw, 20px);
}

.cocktai_container{
  width: 30vw;
  border-radius: 60px;
  margin: 20px;
}
.info_cocktails{
  text-align: center;
}
.info_cocktails h3{
  margin-bottom: 0px;
}
.cocktai_container img{
  position: relative;
  max-width: 100%;
  border-radius: 60px;
}
.section_cocktails{
    padding-top: 130px;
    padding-bottom: 170px;
}
.titles_cocktails h2{
  font-size: min(10vw, 80px);
  padding-bottom: 20px;
}

.carrusel_coctails .slick-arrow{
    bottom: unset !important;
    top: 40% !important;
/*    transform: translateY(-50%);*/
    margin-top: 0;
}
.carrusel_coctails .slick-arrow.over{
    margin-top: 0;
}

.carrusel_coctails .slick-arrow.slick-prev{
    right: unset;
    left: 10px;
}
.slick-arrow.slick-next {
    position: absolute;
    right: unset;
    right: 10px;
}
.carrusel .slick-arrow{
    transform: scale(1.2);
}
.carrusel .slick-arrow.slick-prev{
    right: 125px;
}
.carrusel .slick-arrow.slick-next{
    right: 30px;
}

.carrusel_coctails a{
  display: flex;
}

a.cocktai_container{
    text-decoration: none !important;
}
a.cocktai_container img{
    border: 1px solid white;
}
a.cocktai_container.over img,a.cocktai_container.active img{
    border: 6px solid var(--amarillo);
}
a.cocktai_container.over h3,a.cocktai_container.active h3{
    transform: scale(1.1);
}
a.cocktai_container.over p,a.cocktai_container.active p{
    color: grey;
}
.home_coctails_container,.section_cocktails{
  position: relative;
}
.parallax_els{
    z-index: 1;
}
.parallax_els,.parallax_els2{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
}
.parallax_els2, .parallax_els2 * {
    pointer-events: none;
}
.parallax_els img, .parallax_els2 img {
    position: absolute;
}
.pe_pomelo{
    top: -2vh;
    left: -80px;
    width: 20vw;
    z-index: 1;
}
.pe_hojas{
    bottom: -45vh;
    left: -8vw;
    width: 30vw;
    z-index: 1;
}
.pe_hoja {
    top: 5vh;
    left: 86vw;
    width: 16vw;
    z-index: 1;
}
.pe_twist{
    top: 5vvh;
    left: 75vw;
    width: 35vw;
    top: 75vh;
}



@media screen and (max-aspect-ratio: 1/1) {
    .titulo::before{
        display: none;
    }
    .titulo::after{
        display: none;
    }
    .mixer {
      margin-bottom: -30px;
    }
    .faldon .info{
      transform: scale(.5);
    }
    .faldon h2 {
      font-size: min(17vw, 120px);
      width: 140%;
    }
    .faldon h4,.container_pm h4{
      font-size: min(9vw,50px);
    }
    .bloque.flexrow{
      flex-direction: column;
    }
    .flexitem{
      width: 100% !important;
    }
    .container_pm{
      text-align: center;
    }
    .container_pm h4{
      font-size: min(6vw, 50px);
    }
    .flexitem.graphic img{
      max-width: 70%;
      border-radius: 40px;
      left: 50%;
      border: 2px solid white;
      position: relative;
      transform: translate(-50%, 0px);
    }
    /*.pt-3-5{
      padding: 0px !important;
    }*/
    .contenido{
      padding: 0px !important;
      padding-bottom: 50px;
    }
    .box{
      background-size: cover !important;
    }
    .pe_hojas{
        width: 50vw;
        bottom: -140px;
    }
    .pe_hoja{
        width: 30vw;
        top: -7vh;
        left: 75vw;
    }
    .pe_twist {
    top: 98vh;
    left: 68vw;
    width: 55vw;
}
    .pe_limon {
        top: -40vh;
        left: -30px;
        width: 37vw;
        z-index: 1111;
    }
    .pe_pomelo {
    top: 20vh;
    left: -20px;
    width: 20vw;
    z-index: 1;
    transform: scale(2.5);
}
.section_cocktails {
    padding-top: 60px;
    padding-bottom: 170px;
}
}


@media screen and (max-width: 599px) {
.paloma-pm .franja_container {
    display: none !important;
}
}