/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/**************/
/*    HERO    */
/**************/
.hero, .chiAlina, .perChi, .domandeFrequenti, .principiAttivi, .works{
 background-color: white;
}
.gridHero, .gridCasoTuo, button.btnBlack, .rowTrattamento, button.btnCyan, .gridAlina, .gridCome, .gridPerche, .headerFaceUp, .gridFaceUp, .gridCinque, .cardCinque, span.number, .gridCoccola, .gridPercorsoEffetti, .containerPrimaDopoFace, .gridPerChi, .gridCostaFace, .headerMicroneedling, .gridMicroneedling, .gridRisultati, .cardRisultati, .gridSedute, .gridCostaMicro, .containerPrimaDopoMicro, .gridOttenere, .gridPrincipi, .gridViso, .gridWorks{
 display:flex;
}
.gridHero, .col2-hero{
 background-size: contain;
}
.gridHero, .casoTuo, .gridPerche, .col2-hero, .col2-alina, .col1-coccola, .col1-sedute, .col2-perche, .col1-principi, .col2-viso{
 background-repeat: no-repeat;
}
h1.titleHero, h2.titleTrattamenti, h2.titleAlina, h2.titleCome, h2.titleFaceUp, span.number, h2.titleMicroneedling, h2.titleOttenere, h2.titleDomande, h2.titlePrincipi, h2.titleWorks{
 font-family: 'Tenor Sans';
}
h1.titleHero, h2.titleAlina, h3.subtitleAlina, p.textAlina, h2.titleDomande, p.textDomanda, p.textRisposta, h2.titleWorks{
 color: #707070;
}
h2.subtitleHero, h2.titleFaceUp, h2.titlePerChi, h2.titleMicroneedling{
 color: #90CEC9;
}
h2.subtitleHero, h2.titleCasoTuo, p.textCasoTuo, button.btnBlack, h3.subtitleTrattamenti, h4.titleRowTrattamento, p.textRowTrattamento, button.btnCyan, h3.subtitleAlina, p.textAlina, h3.subtitleCome, p.textCome, h2.titlePerche, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, h2.titleCinque, p.textCinque, p.textCardCinque, h2.titleCoccola, h3.subtitleCoccola, p.textCoccola, h2.titlePercorso, h3.subtitlePercorso, p.textPercorso, h2.titleEffetti, h3.subtitleEffetti, ul.listEffetti li, h2.titlePerChi, h3.subtitlePerChi, p.textPerChi, h2.titleCostaFace, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, h2.titleRisultati, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h2.titleSedute, h3.subtitleSedute, p.textSedute, h2.titleCostaMicro, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, .primaDopoOttenere figcaption, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h2.titleViso, h3.subtitleViso, p.textViso{
 font-family: 'Lato';
}
h2.subtitleHero, h2.titleCasoTuo, p.textCasoTuo, h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h3.subtitleCome, h2.titlePerche, h3.subtitlePerche, h3.subtitleFaceUp, h2.titleCinque, .cardCinque:not(.cardCinque:last-child) p.textCardCinque, h2.titleCoccola, h3.subtitleCoccola, h2.titlePercorso, h3.subtitlePercorso, h2.titleEffetti, h3.subtitleEffetti, h2.titlePerChi, h3.subtitlePerChi, h2.titleCostaFace, h3.subtitleCostaFace, h3.subtitleMicroneedling, h2.titleRisultati, p.textCardRisultati, h3.subtitleRisultati, h2.titleSedute, h3.subtitleSedute, h2.titleCostaMicro, h3.subtitleCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, h3.subtitlePrincipi, h2.titleViso, h3.subtitleViso{
 font-weight: 900;
}
button.btnBlack, button.btnCyan{
 justify-content:center;
 border-radius: 6px;
 color: white;
 font-weight: 700;
 padding: 15px 0;
}
button.btnBlack{
 background-color: #39393A;
 border: 1px solid #39393A;
}
button.btnBlack:hover{
 background-color:transparent;
 color: #39393A;
}
.hero a{
 text-decoration: none;
}
/************************/
/*    FA AL CASO TUO    */
/************************/
.casoTuo{
 background-color: #272727;
}
h2.titleCasoTuo, p.textCasoTuo, h2.titleTrattamenti, h3.subtitleTrattamenti, h4.titleRowTrattamento, h2.titleCome, h3.subtitleCome, p.textCome, h2.titlePerche, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, h2.titleCinque, span.number, h2.titleCoccola, h3.subtitleCoccola, p.textCoccola, h2.titlePercorso, h3.subtitlePercorso, p.textPercorso, h2.titleEffetti, h3.subtitleEffetti, ul.listEffetti li, h2.titleCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, h2.titleRisultati, h2.titleSedute, h3.subtitleSedute, p.textSedute, h2.titleCostaMicro, h2.titleOttenere, h3.subtitleOttenere, p.textOttenere, .primaDopoOttenere figcaption, h2.titleViso{
 color: white;
}
.cardCasoTuo{
 background-color: #00000099;
 border: 1px solid #90CEC9;
}
p.textCasoTuo{
 margin-bottom:0;
}
button.btnCyan{
 border: 1px solid #90CEC9;
 background-color: #90CEC9;
 border-radius: 6px;
}
.gridWorks{
 flex-wrap: wrap;
}
/******************************/
/*    I NOSTRI TRATTAMENTI    */
/******************************/
.nostriTrattamenti, .percheTrattamenti, .colEffetti, .ottenereRisultati{
 background-color: #39393A;
}
.headerTrattamenti, .rowTrattamento{
 border-bottom: 1px solid white;
}
h3.subtitleTrattamenti, p.textRowTrattamento, h2.titleFaceUp, p.textCardCinque, p.textPercorso, ul.listEffetti, h2.titleMicroneedling, p.textCardRisultati, p.textDomanda, p.textRisposta{
 margin-bottom: 0;
}
.rowTrattamento, h2.titleAlina:before, .cinqueUno, .quantoCostaFace, .risultati, .quantoCostaMicroneedling, .visoTonico{
 background-color: #90CEC9;
}
p.textRowTrattamento, p.textCinque, p.textCardCinque, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleCostaMicro, p.textCostaMicro, h2.titlePrincipi, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
 color: #39393A;
}
button.btnCyan{
 background-color: #90CEC9;
 border: 1px solid #90CEC9;
}
button.btnCyan:hover{
 background-color:transparent;
 color: #90CEC9;
}
img.iconTrattamento{
 filter: brightness(0) saturate(100%);
}
/*********************/
/*    CHI È ALINA    */
/*********************/
.col2-alina{
 z-index: 2;
}
h2.titleAlina, .comeFunzionano, .faceUpLifting, .microneedling, .gridRisultati{
 position:relative;
}
h2.titleAlina:before, h2.titleAlina:after{
 position:absolute;
 content: "";
 height:5px;
}
h2.titleAlina:after{
 background-color: #707070;
 left: 0;
}
/***********************/
/*    COME FUNZIONA    */
/***********************/
.comeFunzionano, .arrowBottom, .faceUpLifting, .coccola, .percorsoEffetti, .microneedling, .sedute{
 background-color: #272727;
}
.arrowBottom{
 position: absolute;
 transform: rotate(45deg);
}
/*************************/
/*    FACE UP LIFTING    */
/*************************/
.gridFaceUp, .risultati button.btnBlack{
 margin: auto;
}
.headerFaceUp, span.number, .cardRisultati, .headerMicroneedling{
 align-items: center;
}
.faceUpLifting, .microneedling, .ottenereRisultati{
 border-top: 3px solid white;
 position:relative;
}
.faceUpLifting:before, .microneedling:before, .ottenereRisultati:before{
 position: absolute;
 content: "";
 background-color: white;
 height: 1px;
 width: 100vw;
 left: 0;
 top: 10px;
}
img.iconfaceUpLifting, img.iconMicroneedling{
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(103%) contrast(103%);
}
/****************************/
/*    5 TRATTAMENTI IN 1    */
/****************************/
.cardCinque, .cardRisultati{
 flex-direction:column;
 text-align: center;
}
span.number{
 background: #7CBEB8;
 border: 1px solid #FFFFFF;
 border-radius: 50%;
 justify-content: center;
}
span.number, p.textCardCinque, img.iconRisultati, p.textCardRisultati{
 margin: 0 auto;
}
/*****************/
/*    COCCOLA    */
/*****************/
.col1-coccola{
 background-position: center;
}
/****************************/
/*    PERCORSO / EFFETTI    */
/****************************/
.gridPercorsoEffetti, .containerPrimaDopoFace{
 border-top: 1px solid #FFFFFF;
}
/*****************/
/*    PER CHI    */
/*****************/
.gridPerChi{
 line-height: 0;
}
img.imagePerChi{
 filter: brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(915%) hue-rotate(123deg) brightness(87%) contrast(90%);
}
/*******************/
/*    RISULTATI    */
/*******************/
.bottomContainerRisultati, h2.titleWorks{
 text-align: center;
}
.gridRisultati:after{
 position: absolute;
 content: "";
 background-color: white;
 height:1px;
 width: 100%;
 left:0;
}
h3.subtitleRisultati, .primaDopoOttenere figcaption, span.textItalic{
 font-style: italic;
}
/*********************/
/*    VISO TONICO    */
/*********************/
.visoTonico{
 box-shadow: 0px -10px 30px #0000000D;
}
/***************************/
/*    DOMANDE FREQUENTI    */
/***************************/
.domandeFrequenti{
 box-shadow: 0px 15px 40px #00000026;
}
button.buttonDomanda.active:after{
 display:none;
}
h2.titleDomande, .wrapDomanda, button.buttonDomanda{
 position:relative;
}
button.buttonDomanda{
 text-align: left;
}
button.buttonDomanda, button.buttonDomanda:hover, button.buttonDomanda:focus{
 background-color:transparent;
 width:100%;
}
h2.titleDomande:after{
 width: 100%;	
}
h2.titleDomande:after, .wrapDomanda:after{
 position:absolute;
 content:"";
 height:1px;
 background:#707070;
 left:0;
 opacity:0.2;
}
button.buttonDomanda:before, button.buttonDomanda.active:before{
 position:absolute;
 content:"";
 filter: brightness(0) saturate(100%) invert(47%) sepia(0%) saturate(0%) hue-rotate(110deg) brightness(92%) contrast(86%);
 background-repeat: no-repeat;
 right:0;
 opacity:0.2;
 transition: 500ms;
}
button.buttonDomanda:before{
 background-image: url(/wp-content/uploads/2023/10/199F93-1.svg);
}
button.buttonDomanda.active:before{
 background-image: url(/wp-content/uploads/2023/10/199F93.svg);
}
.wrapDomanda:after{
 bottom:0
}
.containerRisposta {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
}
@media (max-width: 420px){
 p.textCome {
  width: 79vw;
 }
 h3.subtitleCostaFace, p.textCostaFace {
  width: 75vw;
 }
}
@media (min-width: 421px) and (max-width: 550px){
 h2.titlePerche, h3.subtitlePerche, p.textPerche{
  width: 79vw;	
 }
 h3.subtitleCostaFace, p.textCostaFace {
  width: 75vw;
 }
}
@media (max-width: 550px){
 /**************/
 /*    HERO    */
 /**************/
 .col2-hero{
  background-image: url(/wp-content/uploads/2024/09/bg-hero-alina-500-new.webp);
  height: calc(100vw / (500 / 392));
 }
 .col1-hero, .col1-perche, .casoTuo{
  padding: 15vw 7vw;	
 }
 img.logoHero{
  width: 70vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero, h2.titleCasoTuo, h2.titleWorks, h2.titleTrattamenti, h3.subtitleAlina, h2.titleCome, h3.subtitleCome, h2.titlePerche, h3.subtitlePerche, h3.subtitleFaceUp, h2.titleCinque, p.textCinque, h2.titleCoccola, h3.subtitleCoccola, p.textCoccola, h2.titlePercorso, h3.subtitlePercorso, h2.titleEffetti, h3.subtitleEffetti, h2.titlePerChi, h3.subtitlePerChi, p.textPerChi, h2.titleCostaFace, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, h2.titleRisultati, p.textRisultati, h2.titleSedute, h3.subtitleSedute, h2.titleCostaMicro, h3.subtitleCostaMicro, .gridCostaMicro, h2.titleOttenere, h3.subtitleOttenere{
  margin-bottom:9vw;
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 8vw;
  line-height: 9vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 5.2vw;
  line-height: 5.8vw;
 }
 h2.subtitleHero {
  width: 80vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .cardCasoTuo{
  padding: 10vw 7vw;
 }
 p.textCasoTuo{
  font-size: 6vw;
  line-height: 7vw;
 }
 h2.titleCasoTuo{
  width: 77vw;	
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 10vw 7vw;	
 }
 .gridWorks{
  grid-gap: 4vw;
 }
 img.imgWork{
  width: 100%;
  flex: 0 0 100%;
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .headerTrattamenti{
  padding: 15vw 7vw 10vw;
 }
 .rowTrattamento{
  padding: 7vw 7vw;
 }
 img.iconTrattamento{
  width: 26vw;	
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:7.2vw;
  line-height: 8.2vw;
 }
 h3.subtitleTrattamenti{
  width: 80vw;	
 }
 .nostriTrattamenti button.btnCyan{
  margin: 15vw 7vw 0;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col1-alina{
  padding: 18vw 7vw 15vw;
 }
 .col2-alina{
  background-image: url(/wp-content/uploads/2023/10/alina-500-mobile.webp);
  height: calc(100vw / (500 / 482));
 }
 h2.titleAlina{
  font-size: 25vw;
  line-height: 22vw;
 }
 h2.titleAlina{
  margin-bottom:13vw;
 }
 h2.titleAlina:before{
  width: 56vw;
  top:-3.5vw;
  left: -7vw;
 }
 h2.titleAlina:after{
  width: 93vw;
  bottom: -3vw;
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .gridCome{
  padding: 15vw 7vw;
  grid-gap: 9vw;
 }
 /****************/
 /*    PERCHÈ    */
 /****************/
 .col2-perche{
  background-image: url(/wp-content/uploads/2023/10/img-perche-500.webp);
  height: calc(100vw / (500 / 453));
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .faceUpLifting{
  padding: 15vw 7vw;
 }
 .headerFaceUp{
  margin-bottom:9vw;
 }
 img.iconfaceUpLifting {
  width: 25vw;
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno, .ottenereRisultati{
  padding: 15vw 7vw;	
 }
 .gridCinque {
  flex-direction: column;
  grid-gap: 14vw;
 }
 .cardCinque{
  grid-gap: 4vw;	
 }
 span.number{
  font-size: 15vw;
  width: 22vw;
  height:22vw;
 }
 .cardCinque:first-child p.textCardCinque, .cardCinque:nth-child(2) p.textCardCinque {
  width: 30vw;
 }
 .cardCinque:nth-child(3) p.textCardCinque {
  width: 52vw;
 }
 .cardCinque:nth-child(4) p.textCardCinque {
  width: 43vw;
 }
 .cinqueUno button.btnBlack{
  margin-top: 15vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col1-coccola{
  background-image: url(/wp-content/uploads/2023/10/img-coccola-500-def.webp);
  height: calc(100vw / (500 / 533));
 }
 .col2-coccola{
  padding: 15vw 7vw;	
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 79vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 15vw 7vw 10vw;
 }
 .colEffetti{
  padding: 10vw 7vw;
 }
 .containerPrimaDopoFace{
  padding: 10vw 7vw;
 }
 ul.listEffetti li {
  margin-bottom: 2.5vw !important;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi{
  padding: 15vw 7vw;	
 }
 img.imagePerChi{
  width: 55vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 .gridCostaFace{
  padding: 15vw 7vw;
  grid-gap: 9vw;
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 10vw 7vw 15vw;
 }
 .headerMicroneedling{
  margin-bottom: 9vw;
  grid-gap: 5vw;
 }
 img.iconMicroneedling {
  width: 26vw;
 }
 .gridMicroneedling{
  grid-gap: 9vw;	
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 15vw 7vw;	
 }
 .gridRisultati {
  margin-bottom: 16vw;
  flex-direction: column;
  grid-gap: 12vw; 
 }
 .gridRisultati:after{
  bottom: -8vw;	
 }
 .cardRisultati{
  grid-gap: 4vw;	
 }
 .cardRisultati:first-child p.textCardRisultati, .cardRisultati:nth-child(4) p.textCardRisultati, .cardRisultati:last-child p.textCardRisultati{
  width:39vw;	
 }
 .cardRisultati:nth-child(2) p.textCardRisultati, .cardRisultati:nth-child(3) p.textCardRisultati {
  width: 41vw;
 }
 h3.subtitleRisultati{
  margin: 0 auto 9vw;
 }
 img.iconRisultati {
  width: 25vw;
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col1-sedute{
  background-image: url(/wp-content/uploads/2023/10/img-sedute-500.webp);
  height: calc(100vw / (500 / 672));
 }
 .col2-sedute{
  padding: 15vw 7vw;	
 }
 h2.titleSedute {
  width: 50vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 .gridCostaMicro, .containerPrimaDopoMicro{
  grid-gap: 9vw;	
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 .gridOttenere{
  grid-gap: 9vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .col2-principi, .visoTonico{
  padding: 15vw 7vw;	
 }
 .col1-principi{
  background-image: url(/wp-content/uploads/2024/09/bg-principi-500.webp);
  height: calc(100vw / (500 / 347)); 
 }
 h2.titlePrincipi, h3.subtitlePrincipi, p.textPrincipi:not(.last), h2.titleViso, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 8vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .gridViso {
  grid-gap: 8.5vw;
 }
 .col2-viso{
  width: 86vw;
  height: calc(86vw / (500 / 476));	
  background-image: url(/wp-content/uploads/2024/09/bg-viso-500.webp);
 }
 h3.subtitleViso, p.textViso {
  width: 85vw;
 }
 p.textPrincipi.last, p.textViso.last{
  margin-bottom: 10vw;	
 }
}
@media (min-width: 551px) and (max-width: 899.9px){
 .col2-hero{
  background-image: url(/wp-content/uploads/2024/09/bg-hero-alina-700-new.webp);
  height: calc(100vw / (700 / 549));
 }
 .col2-alina{
  background-image: url(/wp-content/uploads/2023/10/alina-750-mobile.webp);
  height: calc(100vw / (750 / 723));
 }
 h2.titleAlina:before{
  left: -8vw;
 }
 h2.titleAlina:after{
  width: 92vw;
 }
 .col2-perche{
  background-image: url(/wp-content/uploads/2023/10/img-perche-750-def.webp);
  height: calc(100vw / (750 / 679));
 }
 .headerFaceUp{
  margin-bottom:8vw;
 }
 img.iconfaceUpLifting {
  width: 25vw;
 }
 .gridCinque, .gridRisultati {
  flex-wrap: wrap;
 }
 .cardCinque, .cardRisultati{
  flex: 1 0 calc((100% - 6vw) / 2);
 }
 .col1-coccola{
  background-image: url(/wp-content/uploads/2023/10/img-coccola-750.webp);
  height: calc(100vw / ( 750 / 800));
 }
 .containerPrimaDopoFace{
  padding: 10vw 8vw;
 }
 .col1-sedute{
  background-image: url(/wp-content/uploads/2023/10/img-sedute-700.webp);
  height: calc(100vw / (700 / 941)); 
 }
 .col1-principi{
  background-image: url(/wp-content/uploads/2024/09/bg-principi-700.webp);
  height: calc(100vw / (700 / 486)); 
 }
 .col2-viso{
  background-image: url(/wp-content/uploads/2024/09/bg-viso-700.webp);
 }
 .gridOttenere{
  grid-gap: 8vw;
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 /**************/
 /*    HERO    */
 /**************/
 .col1-hero, .col1-perche{
  padding: 15vw 8vw;	
 }
 img.logoHero{
  width: 60vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero, h2.titleCasoTuo, h2.titleWorks, h2.titleTrattamenti, h3.subtitleAlina, h2.titleCome, h3.subtitleCome, h2.titlePerche, h3.subtitlePerche, h3.subtitleFaceUp, h2.titleCinque, p.textCinque, h2.titleCoccola, h3.subtitleCoccola, p.textCoccola, h2.titlePercorso, h3.subtitlePercorso, h2.titleEffetti, h3.subtitleEffetti, h2.titlePerChi, h3.subtitlePerChi, p.textPerChi, h2.titleCostaFace, h3.subtitleCosaFare, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, h2.titleRisultati, p.textRisultati, h2.titleSedute, h3.subtitleSedute, h2.titleCostaMicro, h3.subtitleCostaMicro, .gridCostaMicro, h2.titleOttenere, h3.subtitleOttenere{
  margin-bottom:8vw;
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 7.8vw;
  line-height: 8.5vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 4.7vw;
  line-height: 5.3vw;
 }
 h2.subtitleHero{
  width: 76vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  padding: 15vw 8vw;
 }
 .cardCasoTuo{
  padding: 6vw 5vw;
 }
 p.textCasoTuo{
  font-size:5.8vw;
  line-height: 6.8vw;
 }
 h2.titleCasoTuo, .casoTuo button.btnCyan{
  width: 75vw;	
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 7vw 8vw;	
 }
 .gridWorks{
  grid-gap: 2vw;
 }
 img.imgWork{
  width: calc((100% - 2vw) / 2);
  flex: 0 0 calc((100% - 2vw) / 2);
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .headerTrattamenti{
  padding: 15vw 8vw 10vw;
 }
 .rowTrattamento{
  padding: 7vw 8vw;
 }
 img.iconTrattamento{
  width: 23vw;	
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:7vw;
  line-height: 8vw;
 }
 h3.subtitleTrattamenti{
  width: 75vw;	
 }
 .nostriTrattamenti button.btnCyan{
  margin: 10vw 8vw 0;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col1-alina{
  padding: 18vw 8vw 15vw;
 }
 h2.titleAlina{
  font-size: 23vw;
  line-height: 20vw;
  margin-bottom:10vw;
 }
 h2.titleAlina:before{
  width: 52vw;
  top:-2.5vw;
 }
 h2.titleAlina:after{
  bottom: -2vw;
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .gridCome{
  padding: 15vw 8vw;
  grid-gap: 8vw;
 }
 h3.subtitleCome {
  width: 78vw;
 }
 img.imageCome {
  width: 74vw;
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 h2.titlePerche, h3.subtitlePerche, p.textPerche{
  width: 75vw;	
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .faceUpLifting{
  padding: 15vw 8vw;
 }
 h3.subtitleFaceUp{
  width: 73vw;	
 }
 img.imageFaceUp {
  width: 74vw;
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno, .ottenereRisultati{
  padding: 15vw 8vw;	
 }
 p.textCinque {
  width: 77vw;
 }
 .gridCinque {
  grid-gap: 10vw 6vw;
 }
 .cardCinque, .cardRisultati{
  grid-gap: 3vw;
 }
 span.number{
  font-size: 12vw;
  width: 18vw;
  height:18vw;
 }
 .cardCinque:first-child p.textCardCinque, .cardCinque:nth-child(2) p.textCardCinque {
  width: 25vw;
 }
 .cardCinque:nth-child(3) p.textCardCinque, .cardCinque:nth-child(4) p.textCardCinque {
  width: 35vw;
 }
 .cardCinque:last-child p.textCardCinque {
  width: 43vw;
 }
 .cinqueUno button.btnBlack{
  margin-top: 10vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col2-coccola{
  padding: 15vw 8vw;	
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 79vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 15vw 8vw 8vw;
 }
 .colEffetti{
  padding: 8vw;
 }
 h3.subtitlePercorso, p.textPercorso{
  width: 72vw;
 }
 ul.listEffetti li {
  margin-bottom: 1.5vw !important;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi{
  padding: 15vw 8vw;	
 }
 h3.subtitlePerChi{
  width: 70vw;	
 }
 p.textPerChi{
  width: 75vw;	
 }
 img.imagePerChi{
  width: 51vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 .gridCostaFace{
  padding: 15vw 8vw;
  grid-gap: 8vw;
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 10vw 8vw 15vw;
 }
 .headerMicroneedling{
  margin-bottom: 8vw;
  grid-gap: 4vw;
 }
 img.iconMicroneedling {
  width: 23vw;
 }
 .gridMicroneedling{
  grid-gap: 8vw;	
 }
 img.imageMicroneedling {
  width: 74vw;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 15vw 8vw;	
 }
 p.textRisultati {
  width: 78vw;
 }
 .gridRisultati {
  margin-bottom: 14vw;
  grid-gap: 10vw 6vw; 
 }
 .gridRisultati:after{
  bottom: -7vw;	
 }
 .cardRisultati:first-child p.textCardRisultati, .cardRisultati:nth-child(4) p.textCardRisultati, .cardRisultati:last-child p.textCardRisultati{
  width:35vw;	
 }
 h3.subtitleRisultati{
  margin: 0 auto 8vw;
  width:75vw;
 }
 img.iconRisultati {
  width: 25vw;
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col2-sedute{
  padding: 15vw 8vw;	
 }
 h2.titleSedute {
  width: 50vw;
 }
 h3.subtitleSedute, p.textSedute {
  width: 77vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 p.textCostaMicro, h3.subtitleCostaMicro {
  width: 82vw;
 }
 .gridCostaMicro, .containerPrimaDopoMicro{
  grid-gap: 8vw;	
 }
 img.imageCostaMicro {
  width: 78vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .col2-principi, .visoTonico{
  padding: 8vw 8vw 10vw;	
 }
 h2.titlePrincipi, h3.subtitlePrincipi, p.textPrincipi:not(.last), h2.titleViso, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 7vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .gridViso {
  grid-gap: 7vw;
 }
 .col2-viso{
  width: 84vw;
  height: calc(84vw / (700 / 667));	
 }
 p.textPrincipi.last, p.textViso.last{
  margin-bottom: 8vw;	
 }
}
@media (max-width: 766.9px){
 .gridCasoTuo{
  grid-gap: 6vw;
 }
 .hero button.btnBlack{
  width: 100%;	
 }
 .nostriTrattamenti button.btnCyan, .chiAlina button.btnBlack, .cinqueUno button.btnBlack, .risultati button.btnBlack, .comeFunzionano button.btnCyan, .percheTrattamenti button.btnCyan, .faceUpLifting button.btnCyan, .coccola button.btnCyan, .perChi button.btnCyan, .quantoCostaFace button.btnBlack, .microneedling button.btnCyan, .sedute button.btnCyan, .quantoCostaMicroneedling button.btnBlack, .ottenereRisultati button.btnCyan{
  width: auto;
 }
 .nostriTrattamenti{
  padding-bottom: 15vw;	
 }
 .rowTrattamento{
  flex-direction: column;
 }
 .arrowBottom{
  width: 12vw;
  height: 12vw;
  bottom:-5vw; 
 left: calc(50% - 6vw);
 }
 .headerFaceUp{
  grid-gap: 3vw;
 }
 .gridFaceUp{
  grid-gap:10vw;
 }
 p.textFaceUp{
  width: 80vw;	
 }
 .containerPrimaDopoFace{
  grid-gap: 6vw;
 }
 h2.titleEffetti{
  width:36vw;
 }
 .buttonDomanda{
  padding: 7vw 0;	
 }
 .containerRisposta.active{
  padding-bottom: 7vw;	
 }
 h2.titleDomande{
  margin-bottom: 5vw;	
 }
 h2.titleDomande:after{
  bottom: -5vw;	
 }
 .wrapDomanda:after, p.textDomanda, p.textRisposta{
  width: 80%;	
 }
 button.buttonDomanda:before, button.buttonDomanda.active:before{
  height:10vw;
  width: 10vw;
  bottom: -5vw;
 }
}
@media (min-width: 767px){
 .headerFaceUp, span.number, .cardRisultati, .headerMicroneedling{
  align-items: center;
 }
 button.btnBlack, button.btnCyan{
  padding: 15px 0;
 }
 .nostriTrattamenti button.btnCyan, .cinqueUno button.btnBlack{
  text-align:center;
 }
 h2.titleAlina:after{
  left: 0;
 }
 ul.listEffetti li {
  margin-bottom: 0.5vw !important;
 }
 h2.titleDomande:after{
  width: 100%;	
 }
 button.buttonDomanda:before, button.buttonDomanda.active:before{
  transition: 500ms;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 /**************/
 /*    HERO    */
 /**************/
 .col1-hero, .col1-perche{
  margin:  10vw 8vw;	
 }
 img.logoHero{
  width: 50vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero, h2.titleCasoTuo, h2.titleWorks, h2.titleTrattamenti, h3.subtitleAlina, h2.titleCome, h3.subtitleCome, h2.titlePerche, h3.subtitlePerche, h3.subtitleFaceUp, h2.titleCinque, p.textCinque, h2.titleCoccola, h3.subtitleCoccola, p.textCoccola, h2.titlePercorso, h3.subtitlePercorso, h2.titleEffetti, h3.subtitleEffetti, h2.titlePerChi, h3.subtitlePerChi, p.textPerChi, h2.titleCostaFace, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, h2.titleRisultati, p.textRisultati, h2.titleSedute, h3.subtitleSedute, h2.titleCostaMicro, h3.subtitleCostaMicro, .gridCostaMicro, h2.titleOttenere, h3.subtitleOttenere{
  margin-bottom:6vw;
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 6.6vw;
  line-height: 7.4vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 3.3vw;
  line-height: 3.8vw;
 }
 h2.subtitleHero{
  width: 74vw;
 }
 .hero button.btnBlack, .nostriTrattamenti button.btnCyan, .chiAlina button.btnBlack, .cinqueUno button.btnBlack, .risultati button.btnBlack, .comeFunzionano button.btnCyan, .percheTrattamenti button.btnCyan, .faceUpLifting button.btnCyan, .coccola button.btnCyan, .perChi button.btnCyan, .quantoCostaFace button.btnBlack, .microneedling button.btnCyan, .sedute button.btnCyan, .quantoCostaMicroneedling button.btnBlack, .ottenereRisultati button.btnCyan, .principiAttivi button.btnCyan, .visoTonico button.btnBlack{
  width: 72vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  padding: 10vw 8vw;
 }
 .gridCasoTuo{
  grid-gap: 4vw;
 }
 .cardCasoTuo{
  padding: 6vw 4vw;
 }
 p.textCasoTuo{
  font-size:4.2vw;
  line-height: 4.8vw;
 }
 h2.titleCasoTuo, .casoTuo button.btnCyan{
  width: 65vw;	
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 10vw 8vw;	
 }
 .gridWorks{
  grid-gap: 2vw;
 }
 img.imgWork{
  width: calc((100% - 2vw) / 2);
  flex: 0 0 calc((100% - 2vw) / 2);
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .nostriTrattamenti{
  padding-bottom: 10vw;	
 }
 .headerTrattamenti{
  padding: 10vw 8vw 6vw;
 }
 .rowTrattamento{
  padding: 4vw 8vw;
  align-items: center;
 }
 img.iconTrattamento{
  width: 19vw;	
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:5.2vw;
  line-height: 6vw;
 }
 h3.subtitleTrattamenti{
  width: 74vw;	
 }
 .nostriTrattamenti button.btnCyan, .cinqueUno button.btnBlack{
  margin: 8vw auto 0;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col1-alina{
  padding: 10vw 8vw;
 }
 h2.titleAlina{
  font-size: 18vw;
  line-height: 17vw;
  margin-bottom:8vw;
 }
 h2.titleAlina:before{
  width: 42vw;
  top:-1.5vw;
 }
 h2.titleAlina:after{
  bottom: 0;
 }
 p.textAlina{
  width: 78vw;	
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .gridCome{
  padding: 10vw 8vw;
  grid-gap: 6vw;
 }
 h3.subtitleCome {
  width: 68vw;
 }
 p.textCome{
  width: 75vw;	
 }
 .arrowBottom{
  width: 8vw;
  height: 8vw;
  bottom:-3vw;
  left: calc(50% - 4vw);
 }
 img.imageCome{
  width: 74vw;	
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 h2.titlePerche, h3.subtitlePerche{
  width: 65vw;	
 }
 p.textPerche{
  width: 70vw;	
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .faceUpLifting{
  padding: 10vw 8vw;
 }
 .headerFaceUp{
  grid-gap: 2vw;
 }
 .gridFaceUp{
  grid-gap: 6vw;
 }
 h3.subtitleFaceUp{
  width: 78vw;	
 }
 p.textFaceUp{
  width: 71vw;	
 }
 img.imageFaceUp{
  width: 74vw;	
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno, .ottenereRisultati{
  padding: 10vw 8vw;	
 }
 p.textCinque {
  width: 74vw;
 }
 .gridCinque {
  grid-gap: 8vw 6vw;
 }
 .cardCinque, .cardRisultati{
  grid-gap: 2.5vw;	
 }
 span.number{
  font-size: 10vw;
  width: 15vw;
  height:15vw;
 }
 .cardCinque:first-child p.textCardCinque, .cardCinque:nth-child(2) p.textCardCinque {
  width: 25vw;
 }
 .cardCinque:nth-child(3) p.textCardCinque, .cardCinque:nth-child(4) p.textCardCinque {
  width: 32vw;
 }
 .cardCinque:last-child p.textCardCinque {
  width: 41vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col2-coccola{
  padding: 10vw 8vw;	
 }
 h2.titleCoccola{
  width: 39vw;
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 70.2vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 10vw 8vw 5vw;
 }
 .colEffetti{
  padding: 5vw 8vw 10vw;
 }
 .containerPrimaDopoFace{
  align-items: center;
 }
 h2.titlePercorso {
  width: 45vw;
 }
 h3.subtitlePercorso, p.textPercorso{
  width: 70vw;
 }
 h2.titleEffetti{
  width:27vw;
 }
 h3.subtitleEffetti{
  width: 60vw;	
 }
 img.imagePrimaDopoFace {
  width: 70vw;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi{
  padding: 10vw 8vw;	
 }
 h3.subtitlePerChi{
  width: 70vw;	
 }
 p.textPerChi{
  width: 78vw;	
 }
 img.imagePerChi{
  width: 40vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 .gridCostaFace{
  padding: 10vw 8vw;
  grid-gap: 6vw;
 }
 h3.subtitleCostaFace {
  width: 66vw;
 }
 p.textCostaFace {
  width: 70vw;
 }
 img.imageCostaFace {
  width: 74vw;
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 7vw 8vw 10vw;
 }
 .headerMicroneedling{
  margin-bottom: 6vw;
  grid-gap: 3vw;
 }
 img.iconMicroneedling {
  width: 20vw;
 }
 .gridMicroneedling{
  grid-gap: 6vw;
 }
 h3.subtitleMicroneedling {
  width: 61vw;
 }
 p.textMicroneedling {
  width: 72vw;
 }
 img.imageMicroneedling {
  width: 70vw;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 10vw 8vw;	
 }
 p.textRisultati {
  width: 70vw;
 }
 .gridRisultati {
  margin-bottom: 10vw;
  grid-gap: 8vw 6vw; 
 }
 .gridRisultati:after{
  bottom: -5vw;	
 }
 img.iconRisultati {
  width: 17vw;
 }
 .cardRisultati:first-child p.textCardRisultati, .cardRisultati:nth-child(4) p.textCardRisultati, .cardRisultati:last-child p.textCardRisultati{
  width:27vw;	
 }
 .cardRisultati:nth-child(2) p.textCardRisultati{
  width:31vw;	
 }
 .cardRisultati:nth-child(3) p.textCardRisultati{
  width:34vw;	
 }
 h3.subtitleRisultati{
  margin: 0 auto 6vw;
  width:70vw;
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col2-sedute{
  padding: 10vw 8vw;	
 }
 h2.titleSedute {
  width: 37vw;
 }
 h3.subtitleSedute, p.textSedute {
  width: 74vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 p.textCostaMicro, h3.subtitleCostaMicro {
  width: 73vw;
 }
 .gridCostaMicro, .containerPrimaDopoMicro{
  grid-gap: 6vw;	
 }
 img.imageCostaMicro, img.imagePrimaDopoMicro {
  width: 70vw;
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 h3.subtitleOttenere {
  width: 66vw;
 }
 p.textOttenere {
  width: 69vw;
 }
 figure.primaDopoOttenere img {
  width: 74vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .col2-principi{
  padding: 8vw;
 }
 h3.subtitlePrincipi, p.textPrincipi{
  width: 76vw;
 }
 h2.titlePrincipi, h3.subtitlePrincipi, p.textPrincipi, h2.titleViso, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 5vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .visoTonico{
  padding: 8vw;	
 }
 .gridViso {
  grid-gap: 5vw;
 }
 .col2-viso{
  width: 65vw;
  height: calc(65vw / (700 / 667));	
 }
 h3.subtitleViso {
  width: 79vw;
 }
 p.textViso {
  width: 75vw;
 }
 p.textViso.last{
  margin-bottom: 6vw;	
 }
 /***************************/
 /*    DOMANDE FREQUENTI    */
 /***************************/
 .buttonDomanda{
  padding: 5vw 0;	
 }
 .containerRisposta.active{
  padding-bottom: 5vw;	
 }
 h2.titleDomande{
  margin-bottom: 4vw;	
 }
 h2.titleDomande:after{
  bottom: -4vw;	
 }
 .wrapDomanda:after, p.textRisposta, p.textDomanda{
  width: 85%;	
 }
 button.buttonDomanda:before, button.buttonDomanda.active:before{
  height:7vw;
  width: 7vw;
  bottom: -3.5vw;
 }
}
@media (max-width: 899.9px){
 .gridHero, .gridCasoTuo, .gridAlina, .gridCome, .gridCoccola, .gridPercorsoEffetti, .containerPrimaDopoFace, .gridPerChi, .gridCostaFace, .headerMicroneedling, .gridSedute, .containerPrimaDopoMicro, .gridOttenere, .gridPrincipi{
  flex-direction: column;
 }
 .gridCasoTuo{
  margin-bottom: 10vw;
 }
 .rowTrattamento{
  grid-gap: 4vw;
 }
 h2.titleWorks, h2.titleTrattamenti, h2.titleCome, h2.titleFaceUp, h2.titlePerChi, h2.titleCostaFace, h2.titleMicroneedling, h2.titleCostaMicro, h2.titleOttenere, h2.titleDomande, h2.titlePrincipi, h2.titleViso{
  font-size: 9vw;	
  line-height: 9.5vw;
 }
 .col2-alina, .col2-perche, .col1-coccola, .col1-sedute, .col1-principi, .col2-viso{
  background-size: contain;
 }
 .gridPerche, .gridFaceUp, .gridMicroneedling, .gridCostaMicro, .gridViso{
  flex-direction: column-reverse;
 }
 .colPercorso{
  border-bottom: 1px solid white;
 }
 h2.titleEffetti{
  width:36vw;
 }
 ul.listEffetti {
  margin-left: 25px;
 }
 .containerPrimaDopoFace{
  grid-gap: 6vw;
 }
 .col2-perChi{
  text-align:center;	
 }
}
@media (min-width: 900px){
 .gridHero, .gridPerche, .gridCostaFace{
  align-items: center;
 }
 .casoTuo{
  background-image: url(/wp-content/uploads/2024/01/bg-al-caso-tuo-1200-def.webp);
 }
 .gridCasoTuo{
  margin-bottom: 5vw;
 }
 .rowTrattamento{
  align-items: flex-start;
  grid-gap: 2vw;
 }
 .col2-alina, .colEffetti, .col2-ottenere{
  flex: 1;
 }
 .col2-alina, .col1-coccola, .col1-sedute{
  background-size: cover;
 }
 h2.titleAlina{
  margin-bottom:5vw;
 }
 h3.subtitleAlina, h3.subtitleCome, h3.subtitlePerche, h3.subtitleFaceUp, h3.subtitleCoccola, h3.subtitlePercorso, h3.subtitleEffetti, h3.subtitlePerChi, h3.subtitleCostaFace, h3.subtitleMicroneedling, h3.subtitleSedute, h3.subtitleCostaMicro, h3.subtitleOttenere{
  margin-bottom:2.8vw;
 }
 .col2-come{
  border-left: 1px solid white;	
  padding-left: 3vw;
 }
 .gridCinque, .gridRisultati {
  justify-content: space-between;
 }
 .col1-coccola, .col2-coccola, .colPercorso, .col1-sedute, .col2-sedute, .col1-costaMicro{
  flex: 0 0 50%;
 }
 .colPercorso{
  border-right: 1px solid #FFFFFF;
 }
 .containerPrimaDopoFace, .containerPrimaDopoMicro{
  justify-content: space-between;
 }
 ul.listEffetti li {
  width: 34vw;
 }
 .gridPerChi {
  align-items: flex-end;
 }
 .col1-microneedling{
  flex: 0 0 48%;	
 }
 .col2-costaMicro{
  border-left: 1px solid white;	
 }
 .containerPrimaDopoMicro{
  border-top: 1px solid white;
 }
 h2.titleDomande{
  margin-bottom: 2vw;	
 }
 h2.titleDomande:after{
  bottom: -2vw;	
 }
 .wrapDomanda:after, p.textRisposta, p.textDomanda{
  width: 90%;	
 }
}
@media (min-width: 900px) and (max-width: 1400px){
 /**************/
 /*    HERO    */
 /**************/
 .col1-hero, .gridCome, .col1-perche{
  margin-left: 7vw;	
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  padding: 5vw 7vw 10vw;
 }
 .gridCasoTuo{
  grid-gap: 3vw;
 }
 .cardCasoTuo{
  flex: calc((100% - 6vw) / 3);
  padding: 3vw 2vw 5vw;
 }
 h2.titleCasoTuo{
  margin-bottom: 4vw;
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 h2.titleWorks, h2.titleTrattamenti, h2.titleCome, h2.titleFaceUp, h2.titlePerChi, h2.titleCostaFace, h2.titleMicroneedling, h2.titleCostaMicro, h2.titleOttenere, h2.titleDomande, h2.titlePrincipi, h2.titleViso{
  font-size: 5.3vw;	
  line-height: 5.8vw;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col1-alina{
  margin-left: 7vw; 
 }
 h2.titleAlina{
  font-size: 13vw;
  line-height: 11vw; 
 width: 43vw;
 }
 h2.titleAlina:before{
  width: calc(100% - 11vw);
  top:-1.5vw;
  left: -7vw;
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .col1-come{
  flex: 0 0 48%;
 }
 img.imageCome{
  width: 40vw;	
 }
 h3.subtitleCome, p.textCome {
  width: 41vw;
 }
 .arrowBottom{
  width: 6vw;
  height: 6vw;
 }
 .comeFunzionano .arrowBottom{
  left: 49%;
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 .gridPerche{
  padding: 6vw 0;
  background-size:cover;
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 img.iconfaceUpLifting {
  width: 13vw;
 }
 .gridFaceUp{
  width: 86vw;	
 }
 .faceUpLifting .arrowBottom, .microneedling .arrowBottom {
  left: calc(50% - 3vw);
 }
 img.imageFaceUp {
  width: 100%;
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cardCinque{
  flex: 0 0 18%;
  grid-gap: 1.5vw;	
 }
 span.number{
  font-size: 7vw;
 }
 p.textCardCinque {
  width: 15vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colEffetti{
  margin: 2vw 0 2vw 2vw;
 }
 .containerPrimaDopoFace{
  margin: 0 7vw;
 }
 h2.titleEffetti{
  width:17vw;
 }
 ul.listEffetti {
  margin-left: 20px;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 img.imagePerChi{
  margin-left: 6vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 .col1-costaFace{
  flex: 0 0 55%;	
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 img.iconMicroneedling {
  width: 12vw;
 }
 .gridMicroneedling{
  margin: 0 7vw; 
 }
 .col2-microneedling{
  padding-left:2vw;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .gridRisultati:after{
  bottom: -5vw;	
 }
 .cardRisultati{
  grid-gap: 1.5vw;
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 .col1-ottenere{
  flex: 0 0 54%;
 }
 /***************************/
 /*    DOMANDE FREQUENTI    */
 /***************************/
 button.buttonDomanda:before, button.buttonDomanda.active:before{
  height:5vw;
  width: 5vw;
  bottom: -2.5vw;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 /**************/
 /*    HERO    */
 /**************/
 .gridHero{
  background-position: 4vw;
  height: calc(100vw / (1000 / 563));
  background-image: url(/wp-content/uploads/2024/09/bg-hero-alina-900-new.webp);
 }
 img.logoHero{
  width: 25vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero{
  margin-bottom: 2vw;	
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 4.5vw;
  line-height: 4.8vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 2.1vw;
  line-height:2.7vw;
 }
 h1.titleHero{
  width: 55vw;
 }
  h2.subtitleHero{
  width: 47vw;
 }
 .hero button.btnBlack, .nostriTrattamenti button.btnCyan, .chiAlina button.btnBlack, .cinqueUno button.btnBlack, .risultati button.btnBlack{
  width: 48vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  background-size: 50%;
  background-position: 54vw bottom;
 }
 p.textCasoTuo{
  font-size:2.5vw;
  line-height: 3.3vw;
 }
 h2.titleCasoTuo{
  width: 46vw;	
 }
 .casoTuo button.btnCyan{
  width:50vw;
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 6vw 7vw 9vw;	
 }
 h2.titleWorks {
  width: 60vw;
  margin-inline: auto;
 }
 .gridWorks{
  grid-gap: 1.5vw;
 }
 img.imgWork{
  width: calc((100% - 3vw) / 3);
  flex: 0 0 calc((100% - 3vw) / 3);
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .nostriTrattamenti{
  padding-bottom: 9vw;	
 }
 .headerTrattamenti{
  padding: 9vw 7vw 6vw;
 }
 .rowTrattamento{
  padding: 4vw 7vw;
 }
 img.iconTrattamento{
  width: 16vw;	
 }
 h2.titleWorks, h2.titleTrattamenti, h2.titleCome, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titlePerChi, h2.titleCostaFace, h2.titleRisultati, h2.titleSedute, h2.titleCostaMicro, h2.titleOttenere, h2.titlePrincipi, h2.titleViso, p.textViso.last{
  margin-bottom:4vw;
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:3.5vw;
  line-height: 4vw;
 }
 h3.subtitleTrattamenti{
  width: 70vw;	
 }
 p.textRowTrattamento{
  width: 66vw;
 }
 .nostriTrattamenti button.btnCyan, .cinqueUno button.btnBlack{
  margin: 6vw auto 0;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col1-alina{
  padding: 9vw 0;
 }
 .col2-alina{
  background-image: url(/wp-content/uploads/2023/10/alina-500.webp);
  background-position:-16vw;
 }
 h2.titleAlina:after{
  width: calc(100% + 24vw);
  bottom: -1vw;
 }
 h3.subtitleAlina{
  width: 47vw;	
 }
 p.textAlina{
  width: 45vw;	
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .comeFunzionano{
  padding: 9vw 0;	
 }
 p.textCome{
  width: 41vw;	
 }
 .comeFunzionano button.btnCyan, .percheTrattamenti button.btnCyan, .faceUpLifting button.btnCyan, .coccola button.btnCyan, .perChi button.btnCyan, .quantoCostaFace button.btnBlack, .microneedling button.btnCyan, .sedute button.btnCyan, .quantoCostaMicroneedling button.btnBlack, .ottenereRisultati button.btnCyan, .principiAttivi button.btnCyan, .visoTonico button.btnBlack{
  width: 42vw;	
 }
 .arrowBottom{
  bottom:-3vw;
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 .gridPerche{
  background-image: url(/wp-content/uploads/2023/10/img-perche-900.webp);
  background-position: -6vw;
 }
 h2.titlePerche, h3.subtitlePerche, p.textPerche{
  width: 46vw;	
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .faceUpLifting{
  padding: 9vw 0;
 }
 .headerFaceUp{
  padding: 0 7vw 6vw;	
 }
 h3.subtitleFaceUp{
  width: 41vw;	
 }
 p.textFaceUp{
  width: 39vw;	
 }
 .col2-faceUp{
  padding-left: 2vw; 
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno, .ottenereRisultati{
  padding: 9vw 7vw;	
 }
 p.textCinque {
  width: 47vw;
  margin-bottom: 6vw;
 }
 span.number{
  width: 11vw;
  height:11vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col1-coccola{
  background-image: url(/wp-content/uploads/2023/10/img-coccola-500.webp);
 }
 .col2-coccola, .col2-sedute{
  padding: 9vw 0 9vw 3vw;
 }
 h2.titleCoccola{
  width: 27vw;
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 41vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 6vw 0 6vw 7vw;
 }
 .colEffetti{
  padding: 4vw 0 3vw 4vw;
 }
 h3.subtitlePercorso, p.textPercorso{
  width: 40vw;
 }
 h3.subtitleEffetti{
  width: 37vw;	
 }
 img.imagePrimaDopoFace {
  width: 49%;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi, .col1-costaFace{
  padding: 6vw 0 6vw 7vw;	
 }
 h3.subtitlePerChi{
  width: 44vw;	
 }
 p.textPerChi{
  width: 41vw;	
 }
 img.imagePerChi{
  width: 40vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 h3.subtitleCostaFace {
  width: 45vw;
 }
 p.textCostaFace {
  width: 44.3vw;
 }
 img.imageCostaFace {
  width: 40vw;
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 5vw 0 9vw;
 }
 .headerMicroneedling{
  margin:0 7vw 6vw;
 }
 h3.subtitleMicroneedling {
  width: 39vw;
 }
 p.textMicroneedling {
  width: 39vw;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 9vw 7vw;	
 }
 p.textRisultati {
  width: 44vw;
  margin-bottom: 6vw;
 }
 .gridRisultati {
  margin-bottom: 10vw;
 }
 .cardRisultati{
  flex: 0 0 18%;
 }
 img.iconRisultati {
  width: 11vw;
 }
 h3.subtitleRisultati{
  margin: 0 auto 5vw;
  width:62vw;
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col1-sedute{
  background-image: url(/wp-content/uploads/2023/10/img-sedute-500.webp);	
  background-position: center;
 }
 h2.titleSedute {
  width: 25vw;
 }
 h3.subtitleSedute, p.textSedute {
  width: 45vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 .col1-costaMicro{
  padding-bottom: 6vw;
 }
 h3.subtitleCostaMicro {
  width: 42vw;
 }
 p.textCostaMicro{
  width: 38vw;
 }
 img.imagePrimaDopoMicro {
  width: 49%;
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 .col2-ottenere{
  padding-left: 3vw;
 } 
 h3.subtitleOttenere {
  width: 42vw;
 }
 p.textOttenere {
  width: 43.5vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .griPrincipi{
  align-items: center;	
 }
 .col1-principi{
  flex: 0 0 44vw;
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/uploads/2024/09/bg-principi-900.webp);
 }
 .col2-principi{
  flex: 1;
  padding: 5vw 0 5vw 4.5vw;
 }
 h3.subtitlePrincipi, p.textPrincipi{
  width: 43vw;
 }
 h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 3vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .visoTonico{
  padding: 5vw 7vw;	
 }
 .griPrincipi{
  align-items: stretch;	
 }
 .col1-viso{
  flex: 1;	
 }
 .col2-viso{
  flex: 0 0 33vw;
  background-size: cover;
  background-image: url(/wp-content/uploads/2024/09/bg-viso-900.webp);
 }
 h2.titleViso {
  width: 49vw;
 }
 h3.subtitleViso {
  width: 50vw;
 }
 p.textViso {
  width: 49vw;
 }
 /***************************/
 /*    DOMANDE FREQUENTI    */
 /***************************/
 .buttonDomanda{
  padding: 3.5vw 0;	
 }
 .containerRisposta.active{
  padding-bottom: 3.5vw;	
 }
}
@media (min-width: 1100px){
 .nostriTrattamenti{
  padding-bottom: 6vw;	
 }
 h2.titleWorks, h2.titleTrattamenti, h2.titleCome, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titlePerChi, h2.titleCostaFace, h2.titleRisultati, h2.titleSedute, h2.titleCostaMicro, h2.titleOttenere, h2.titlePrincipi, p.textPrincipi, h2.titleViso, p.textViso.last{
  margin-bottom:3vw;
 }
 .nostriTrattamenti button.btnCyan, .cinqueUno button.btnBlack{
  margin: 4vw auto 0;
 }
 .col1-alina{
  padding: 6vw 0;
 }
 h2.titleAlina:after{
  bottom: 0;
 }
 .comeFunzionano, .faceUpLifting{
  padding: 6vw 0;	
 }
 .arrowBottom{
  bottom:-2vw;
 }
 p.textCinque, p.textRisultati{
  margin-bottom:5vw;
 }
 .col2-coccola{
  padding: 6vw 0 6vw 3vw;
 }
 .colEffetti{
  padding: 3vw 0 3vw 3vw;
 }
 img.imagePrimaDopoFace, img.imagePrimaDopoMicro{
  width: 49.5%;	
 }
 .col1-perChi, .col2-perChi{
  flex: 0 0 50%;
 }
 h3.subtitleRisultati{
  margin: 0 auto 3vw;
 }
 .col1-costaMicro{
  padding-bottom: 4vw;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 /**************/
 /*    HERO    */
 /**************/
 .gridHero{
  background-position: right;
  height: calc((100vw / (1200 / 675)) - 50px);
  background-image: url(/wp-content/uploads/2024/09/bg-hero-alina-1100-new.webp);
 }
 img.logoHero{
  width: 27vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero{
  margin-bottom:2vw; 	
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 4vw;
  line-height:4vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 2vw;
  line-height:2.6vw;
 }
 h1.titleHero{
  width: 49vw;
 }
 h2.subtitleHero{
  width: 45vw;
 }
 .hero button.btnBlack, .casoTuo button.btnCyan, .nostriTrattamenti button.btnCyan, .chiAlina button.btnBlack, .cinqueUno button.btnBlack, .risultati button.btnBlack{
  width: 45vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  background-size: 47%;
  background-position: 56vw bottom;
 }
 p.textCasoTuo{
  font-size:2.6vw;
  line-height: 3.2vw;
 }
 h2.titleCasoTuo{
  width: 53vw;	
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 6vw 7vw;	
 }
 h2.titleWorks {
  width: 60vw;
  margin-inline: auto;
 }
 .gridWorks{
  grid-gap: 1.5vw;
 }
 img.imgWork{
  width: calc((100% - 3vw) / 3);
  flex: 0 0 calc((100% - 3vw) / 3);
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .headerTrattamenti{
  padding: 6vw 7vw;
 }
 .rowTrattamento{
  padding: 3vw 7vw;
 }
 img.iconTrattamento{
  width: 14vw;	
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:3.3vw;
  line-height: 3.8vw;
 }
 h3.subtitleTrattamenti{
  width: 66vw;	
 }
 p.textRowTrattamento{
  width: 63vw;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col2-alina{
  background-image: url(/wp-content/uploads/2023/10/alina-750.webp);
  background-position:-14vw;
 }
 h2.titleAlina:after{
  width: calc(100% + 23vw);
 }
 h3.subtitleAlina{
  width: 45vw;	
 }
 p.textAlina{
  width: 48vw;	
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .comeFunzionano button.btnCyan, .percheTrattamenti button.btnCyan, .faceUpLifting button.btnCyan, .coccola button.btnCyan, .perChi button.btnCyan, .quantoCostaFace button.btnBlack, .microneedling button.btnCyan, .sedute button.btnCyan, .quantoCostaMicroneedling button.btnBlack, .ottenereRisultati button.btnCyan, .principiAttivi button.btnCyan, .visoTonico button.btnBlack{
  width: 40vw;	
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 .gridPerche{ 
  background-image: url(/wp-content/uploads/2023/10/img-perche-1200.webp);
  background-position: -9vw;
 }
 h2.titlePerche, h3.subtitlePerche, p.textPerche{
  width: 42vw;	
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .headerFaceUp{
  padding: 0 7vw 3vw;	
 }
 h3.subtitleFaceUp{
  width: 39vw;	
 }
 p.textFaceUp{
  width: 36vw;	
 }
 .col2-faceUp{
  padding-left: 3vw;
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno, .ottenereRisultati{
  padding: 6vw 7vw;	
 }
 p.textCinque {
  width: 45vw;
 }
 span.number{
  width: 10vw;
  height:10vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col1-coccola{
  background-image: url(/wp-content/uploads/2023/10/img-coccola-700.webp);
 }
 h2.titleCoccola{
  width: 25vw;
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 42.5vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 4vw 0 4vw 7vw;
 }
 h3.subtitlePercorso, p.textPercorso{
  width: 38vw;
 }
 h3.subtitleEffetti{
  width: 35vw;	
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi, .col1-costaFace{
  padding: 4vw 0 4vw 7vw;	
 }
 h3.subtitlePerChi{
  width: 42vw;	
 }
 p.textPerChi{
  width: 39vw;	
 }
 img.imagePerChi{
  width: 34vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 h3.subtitleCostaFace {
  width: 40vw;
 }
 p.textCostaFace {
  width: 42vw;
 }
 img.imageCostaFace{
  width: 38vw; 
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 6vw 0;
 }
 .headerMicroneedling{
  margin:0 7vw 3vw;
 }
 h3.subtitleMicroneedling {
  width: 37vw;
 }
 p.textMicroneedling {
  width: 37vw;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 6vw 7vw;	
 }
 p.textRisultati {
  width: 42vw;
 }
 .gridRisultati {
  margin-bottom: 9vw;
 }
 .cardRisultati{
  flex: 0 0 19%;
 }
 img.iconRisultati{
  width: 10vw;
 }
 h3.subtitleRisultati{
  width:58vw;
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col1-sedute{
  background-image: url(/wp-content/uploads/2023/10/img-sedute-700.webp);	
 }
 .col2-sedute{
  padding: 6vw 0 6vw 3vw;
 }
 h2.titleSedute {
  width: 23vw;
 }
 h3.subtitleSedute, p.textSedute {
  width: 41vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 h3.subtitleCostaMicro {
  width: 40vw;
 }
 p.textCostaMicro {
  width: 41vw;
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 .col2-ottenere{
  padding-left:2vw;
 } 
 h3.subtitleOttenere {
  width: 40vw;
 }
 p.textOttenere {
  width: 41.5vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .griPrincipi{
  align-items: center;	
 }
 .col1-principi{
  flex: 0 0 42vw;
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/uploads/2024/09/bg-principi-1100.webp);
 }
 .col2-principi{
  flex: 1;
  padding: 6vw 0 6vw 4.5vw;
 }
 h3.subtitlePrincipi, p.textPrincipi{
  width: 46vw;
 }
 h3.subtitlePrincipi, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 2vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .visoTonico{
  padding: 5vw 7vw;	
 }
 .griPrincipi{
  align-items: stretch;	
 }
 .col1-viso{
  flex: 1;	
 }
 .col2-viso{
  flex: 0 0 31vw;
  background-size: cover;
  background-image: url(/wp-content/uploads/2024/09/bg-viso-1100.webp);
 }
 h2.titleViso {
  width: 49vw;
 }
 h3.subtitleViso {
  width: 49vw;
 }
 p.textViso {
  width: 52vw;
 }
 /***************************/
 /*    DOMANDE FREQUENTI    */
 /***************************/
 .buttonDomanda{
  padding: 3.3vw 0;	
 }
 .containerRisposta.active{
  padding-bottom: 3.3vw;	
 }
}
@media (min-width: 1401px){
 /**************/
 /*    HERO    */
 /**************/
 .gridHero{
  background-image: url(/wp-content/uploads/2024/09/bg-hero-alina-2000-new.webp);
  height: calc((100vw / (2000 / 1125)) - 50px);
  background-position: right;
 }
 .col1-hero, .gridCome, .col1-perche{
  margin-left: 15vw;	
 }
 img.logoHero{
  width: 24vw;
 }
 img.logoHero, h1.titleHero, h2.subtitleHero, h2.titleCasoTuo{
  margin-bottom:3vw;
 }
 h1.titleHero, h2.titleCasoTuo{
  font-size: 3.2vw;
  line-height: 3.5vw;
 }
 h2.subtitleHero, button.btnBlack, p.textRowTrattamento, button.btnCyan, p.textAlina, h3.subtitleCome, p.textCome, h3.subtitlePerche, p.textPerche, h3.subtitleFaceUp, p.textFaceUp, p.textCinque, p.textCardCinque, h3.subtitleCoccola, p.textCoccola, h3.subtitlePercorso, p.textPercorso, h3.subtitleEffetti, ul.listEffetti li, h3.subtitlePerChi, p.textPerChi, h3.subtitleCostaFace, p.textCostaFace, h3.subtitleMicroneedling, p.textMicroneedling, p.textRisultati, p.textCardRisultati, h3.subtitleRisultati, h3.subtitleSedute, p.textSedute, h3.subtitleCostaMicro, p.textCostaMicro, h3.subtitleOttenere, p.textOttenere, p.textDomanda, p.textRisposta, h3.subtitlePrincipi, p.textPrincipi, h3.subtitleViso, p.textViso{
  font-size: 1.6vw;
  line-height:2vw;
 }
 h1.titleHero{
  width: 40vw;
 }
 h2.subtitleHero{
  width: 36vw;
 }
 .hero button.btnBlack, .casoTuo button.btnCyan, .nostriTrattamenti button.btnCyan, .chiAlina button.btnBlack, .cinqueUno button.btnBlack, .risultati button.btnBlack{
  width: 38vw;
 }
 /************************/
 /*    FA AL CASO TUO    */
 /************************/
 .casoTuo{
  background-size: 44%;
  background-position: bottom right;
  padding: 4vw 15vw 8.5vw;
 }
 .gridCasoTuo{
  grid-gap: 2vw;
 }
 .cardCasoTuo{
  flex: calc((100% - 4vw) / 3);
  padding: 3vw 2vw 4vw;
 }
 p.textCasoTuo{
  font-size:2.1vw;
  line-height: 2.5vw;
 }
 h2.titleCasoTuo{
  width: 43vw;	
 }
 /***********************/
 /*    WORKS GALLERY    */
 /***********************/
 .works{
  padding: 6vw 15vw;	
 }
 h2.titleWorks {
  width: 45vw;
  margin-inline: auto;
 }
 .gridWorks{
  grid-gap: 1vw;
 }
 img.imgWork{
  width: calc((100% - 2vw) / 3);
  flex: 0 0 calc((100% - 2vw) / 3);
 }
 /******************************/
 /*    I NOSTRI TRATTAMENTI    */
 /******************************/
 .headerTrattamenti{
  padding: 6vw 15vw;
 }
 .rowTrattamento{
  padding: 2vw 15vw;
 }
 img.iconTrattamento{
  width: 11vw;	
 }
 h2.titleWorks, h2.titleTrattamenti, h2.titleCome, h2.titleFaceUp, h2.titlePerChi, h2.titleCostaFace, h2.titleMicroneedling, h2.titleCostaMicro, h2.titleOttenere, h2.titleDomande, h2.titlePrincipi, h2.titleViso{
  font-size: 4.2vw;	
  line-height: 4.2vw;
 }
 h3.subtitleTrattamenti, h4.titleRowTrattamento, h3.subtitleAlina, h2.titlePerche, h2.titleCinque, h2.titleCoccola, h2.titlePercorso, h2.titleEffetti, h2.titleRisultati, h2.titleSedute{
  font-size:2.6vw;
  line-height: 3vw;
 }
 h3.subtitleTrattamenti{
  width: 55vw;	
 }
 p.textRowTrattamento{
  width: 54vw;
 }
 /*********************/
 /*    CHI È ALINA    */
 /*********************/
 .col2-alina{
  background-image: url(/wp-content/uploads/2023/10/alina-1500.webp);
  background-position:right;
 }
 .col1-alina{
  margin-left: 15vw; 
 }
 h2.titleAlina{
  font-size: 10.4vw;
  line-height: 9vw;
 }
 h2.titleAlina{
  width: 35vw;
 }
 h2.titleAlina:before{
  width: 100%;
  top: -1vw;
  left: -15vw;
 }
 h2.titleAlina:after{
  width: calc(100% + 20vw);
 }
 h3.subtitleAlina{
  width: 37vw;	
 }
 p.textAlina{
  width: 38vw;	
 }
 /***********************/
 /*    COME FUNZIONA    */
 /***********************/
 .col1-come{
  flex: 0 0 44%;
 }
 img.imageCome{
  width: 34vw;	
 }
 h3.subtitleCome {
  width: 31vw;
 }
 p.textCome{
  width: 31vw;	
 }
 .comeFunzionano button.btnCyan, .percheTrattamenti button.btnCyan, .faceUpLifting button.btnCyan, .coccola button.btnCyan, .perChi button.btnCyan, .quantoCostaFace button.btnBlack, .microneedling button.btnCyan, .sedute button.btnCyan, .quantoCostaMicroneedling button.btnBlack, .ottenereRisultati button.btnCyan, .principiAttivi button.btnCyan, .visoTonico button.btnBlack{
  width: 33vw;	
 }
 .arrowBottom{
  width: 5vw;
  height: 5vw;
 }
 .comeFunzionano .arrowBottom{
  left: 50%;
 }
 /**************************/
 /*    PERCHÈ RICORRERE    */
 /**************************/
 .gridPerche{ 
  background-image: url(/wp-content/uploads/2023/10/img-perche-2000.webp);
  height: calc(100vw / (2000 / 1001));
  background-position: 2vw;
  background-size: contain;
 }
 h2.titlePerche, h3.subtitlePerche{
  width: 32vw;	
 }
 p.textPerche{
  width: 34vw;	
 }
 /*************************/
 /*    FACE UP LIFTING    */
 /*************************/
 .headerFaceUp{
  padding: 0 15vw 3vw;	
 }
 img.iconfaceUpLifting {
  width: 9vw;
 }
 .gridFaceUp{
  width: 70vw;
  grid-gap: 3vw;
 }
 h3.subtitleFaceUp{
  width: 31vw;	
 }
 p.textFaceUp{
  width: 29vw;	
 }
 .faceUpLifting .arrowBottom, .microneedling .arrowBottom {
  left: calc(50% - 2.5vw);
 }
 /****************************/
 /*    5 TRATTAMENTI IN 1    */
 /****************************/
 .cinqueUno{
  padding: 6vw 15vw;	
 }
 p.textCinque {
  width: 36vw;
 }
 .cardCinque{
  grid-gap: 1vw;	
 }
 .cardCinque:not(.cardCinque:nth-child(3)){
  flex: 0 0 17%	
 }
 span.number{
  font-size: 5.2vw;
  width: 8vw;
  height:8vw;
 }
 .cardCinque:first-child p.textCardCinque, .cardCinque:nth-child(2) p.textCardCinque, .cardCinque:last-child p.textCardCinque {
  width: 12vw;
 }
 .cardCinque:nth-child(3) p.textCardCinque {
  width: 16vw;
 }
 .cardCinque:nth-child(4) p.textCardCinque {
  width: 13vw;
 }
 /*****************/
 /*    COCCOLA    */
 /*****************/
 .col1-coccola{
  background-image: url(/wp-content/uploads/2023/10/img-coccola-1000.webp);	
 }
 h2.titleCoccola{
  width: 20vw;
 }
 h3.subtitleCoccola, p.textCoccola{
  width: 34vw;
 }
 /****************************/
 /*    PERCORSO / EFFETTI    */
 /****************************/
 .colPercorso{
  padding: 4vw 0 4vw 15vw;
 }
 .colEffetti{
  margin: 1vw 0 1vw 1vw;
 }
 .containerPrimaDopoFace{
  margin: 0 15vw;
 }
 h2.titleEffetti{
  width:15vw;
 }
 h3.subtitleEffetti{
  width: 30vw;	
 }
 ul.listEffetti {
  margin-left: 25px;
 }
 /*****************/
 /*    PER CHI    */
 /*****************/
 .col1-perChi{
  padding: 4vw 0 4vw 15vw;	
 }
 h3.subtitlePerChi{
  width: 34vw;	
 }
 p.textPerChi{
  width: 31vw;	
 }
 img.imagePerChi{
  width: 28vw;
  margin-left: 4vw;
 }
 /**********************/
 /*    QUANTO COSTA    */
 /**********************/
 .gridCostaFace {
  padding: 4vw 8vw 4vw 15vw;
 }
 .col1-costaFace{
  flex: 0 0 50%;
 }
 h3.subtitleCostaFace {
  width: 34vw;
 }
 p.textCostaFace {
  width: 33.7vw;
 }
 /***********************/
 /*    MICRONEEDLING    */
 /***********************/
 .microneedling{
  padding: 3vw 0 6vw;
 }
 .headerMicroneedling{
  margin:0 15vw 3vw;
 }
 img.iconMicroneedling {
  width: 8vw;
 }
 .gridMicroneedling{
  margin: 0 15vw; 
 }
 h3.subtitleMicroneedling {
  width: 30vw;
 }
 p.textMicroneedling {
  width: 29vw;
 }
 .col2-microneedling{
  padding-left: 3vw;	
 }
 img.imageMicroneedling{
  width: 38vw;
  max-width: none;
 }
 /*******************/
 /*    RISULTATI    */
 /*******************/
 .risultati, .quantoCostaMicroneedling, .domandeFrequenti{
  padding: 6vw 15vw;	
 }
 p.textRisultati {
  width: 32vw;
 }
 .gridRisultati {
  margin-bottom: 7vw;
 }
 .gridRisultati:after{
  bottom: -4vw;	
 }
 .cardRisultati{
  flex: 0 0 18%;
  grid-gap: 1vw;
 }
 h3.subtitleRisultati{
  width:46vw;
 }
 img.iconRisultati{
  width: 8vw;	
 }
 /****************/
 /*    SEDUTE    */
 /****************/
 .col1-sedute{
  background-image: url(/wp-content/uploads/2023/10/img-sedute-1000.webp);
  background-position: bottom;
 }
 .col2-sedute{
  padding: 8vw 0 8vw 3vw;
 }
 h2.titleSedute {
  width: 20vw;
 }
 h3.subtitleSedute, p.textSedute {
  width: 33vw;
 }
 /*********************/
 /*    COSTO MICRO    */
 /*********************/
 h3.subtitleCostaMicro {
  width: 35vw;
 }
 p.textCostaMicro {
  width: 33vw;
 }
 /*************************/
 /*    PRINCIPI ATTIVI    */
 /*************************/
 .griPrincipi{
  align-items: center;	
 }
 .col1-principi{
  flex: 0 0 46vw;
  background-size: cover;
  background-image: url(/wp-content/uploads/2024/09/bg-principi-2000.webp);
 }
 .col2-principi{
  flex: 1;
  padding: 6vw 0 6vw 7vw;
 }
 h3.subtitlePrincipi, p.textPrincipi{
  width: 37vw;
 }
 h3.subtitlePrincipi, h3.subtitleViso, p.textViso:not(.last) {
  margin-bottom: 2vw;
 }
 /*********************/
 /*    VISO TONICO    */
 /*********************/
 .visoTonico{
  padding: 5vw 15vw;	
 }
 .griPrincipi{
  align-items: stretch;	
 }
 .col1-viso{
  flex: 1;	
 }
 .col2-viso{
  flex: 0 0 23vw;
  background-size: cover;
  background-image: url(/wp-content/uploads/2024/09/bg-viso-tonico-2000.webp);
 }
 h2.titleViso {
  width: 39vw;
 }
 h3.subtitleViso {
  width: 40vw;
 }
 p.textViso {
  width: 42vw;
 }
 /********************************/
 /*    RISULTATI STRABILIANTI    */
 /********************************/
 .ottenereRisultati{
  padding: 6vw 10vw 6vw 15vw;
 }
 .col1-ottenere{
  flex: 0 0 52%;	
 }
 h3.subtitleOttenere {
  width: 35vw;
 }
 p.textOttenere {
  width: 33.5vw;
 }
 .primaDopoOttenere figcaption{
  font-size:20px;	
 }
 /***************************/
 /*    DOMANDE FREQUENTI    */
 /***************************/
 .buttonDomanda{
  padding: 2.6vw 0;	
 }
 .containerRisposta.active{
  padding-bottom: 2.6vw;	
 }
 button.buttonDomanda:before, button.buttonDomanda.active:before{
  height:4vw;
  width: 4vw;
  bottom: -2vw;
 }
} 
@media (min-width: 1920px){
 .gridHero{
  height: calc(100vh - 50px);
 }
}