.header{
    display: none;
}
.container--grey-lighter{
    display: none;
}
.component.heading-title{
    display: none;
}

.component.rich-text{
    padding-top: 0;
}
/* ------------------ Início CSS abertura-lp ------------------ */

#abertura-lp img.img-zoom{
    animation-name: zoom-abertura;
    animation-direction: alternate;
    animation: zoom-abertura 2.5s 1;
}
#abertura-lp img.ocultar{
    display: none;
}

#abertura-lp-base.ocultar{
    display: none;
}

@keyframes zoom-abertura {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}





#ae-pigmentation.ocultar{
    display: none;
}

/* ------------------ Início CSS barra-lp ------------------ */

#ae-pigmentation #barra-lp{
    display: flex;
    justify-content: space-between;
    padding: 30px 50px 20px 50px;
    background-color: #fa4516;
    color: white;
}
#ae-pigmentation #barra-lp .text-barra .title-barra{
    font-size: 36px;
    font-weight: 700;
    padding-top: 15px;
}
#ae-pigmentation #barra-lp .text-barra .title-barra span{
    font-weight: 300;
    color: #e8b4cc;
}
#ae-pigmentation #barra-lp .text-barra .desc1-barra{
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
}
#ae-pigmentation #barra-lp .text-barra .desc1-barra span{
    font-size: 18px;
    font-weight: 700;
    background-color: #e8b4cc;
    padding: 2px;
}
#ae-pigmentation #barra-lp .text-barra .desc2-barra{
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
}
#ae-pigmentation #barra-lp .btn-barra p{
    text-align: center;
    padding: 0 20px;
    margin-bottom: 15px;
    line-height: 1;
}
#ae-pigmentation #barra-lp .btn-barra a{
    text-decoration: none;
}
#ae-pigmentation #barra-lp .btn-barra p.eu-quero{
    background-color: #e8b4cc;
    border-color: #e8b4cc;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}



/* ------------------ Início CSS header-lp ------------------ */
#ae-pigmentation{
    padding: 0 40px;
}
#ae-pigmentation #header-lp{
    text-transform: uppercase;
    background: linear-gradient(180deg, white 60%, #fd8103 60%);
}
#ae-pigmentation #header-lp .header-lp-two-col{
    display: flex;
    justify-content: space-between;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left{
    max-width: 40%;
    padding-top: 50px;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .imagem-logo{
    padding: 0;
    display: flex;
    justify-content: center;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left img{
    max-width: 100%;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text{
    margin-top: 40px;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-novo{
    background-color: #fd8103;
    width: max-content;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-novo p{
    color: white;
    padding: 5px 10px 1px 10px;
    margin: 0;
    font-weight: 700;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-desc{
    color: #fd8103;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1.8px;
    padding: 0;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-title1{
    font-size: 2.125rem;
    font-weight: 700;
    margin: 0;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-title1 .text-fps{
    font-size: 1.125rem;
    font-weight: 300;
    color: #fd8103;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-title1 .text-fps-fator{
    font-weight: 600;
    color: #fd8103;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-title2{
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: -2px;
    padding: 0;
    margin-bottom: 5px;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-title2 span{
    font-size: 2.125rem;
    font-weight: 300;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-eficacia{
    background-image: url(../ANTHELIOS-AE-PIG-fundo-2.jpg?la=pt-br);
    background-size: contain;
    padding: 1px 5px 0;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-eficacia p{
    color: white;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-right{
    max-width: 60%;
}
#ae-pigmentation #header-lp .header-lp-two-col .header-lp-right .img-zoom{
    animation-name: zoom-menos;
    animation-direction: alternate;
    animation: zoom-menos 1.5s 1;
    
}
@keyframes zoom-menos {
    0% {
      top: -5%;
      right: 0;
      width: auto;
      transform: scale(1.5);
    }
    100% {
      width: auto;
      height: auto;
      right: unset;
      top: unset;
    }
}





#ae-pigmentation #header-lp .header-message{
    background-image: url(../ANTHELIOS-AE-PIG-fundo-2.jpg?la=pt-br);
    background-size: contain;
}
#ae-pigmentation #header-lp .header-message p{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: white;
    padding: 8px;
    letter-spacing: 5px;
}
/* ------------------ Fim CSS header-lp ------------------ */

/* ------------------ Início CSS beneficios-lp ------------------ */

#ae-pigmentation #beneficios-lp{
    margin: 0;
    background: linear-gradient(180deg, white 46%, #fd8103 46%);
    padding: 20px 0 20px 20px;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-two-col{
    display: flex;
    justify-content: space-between;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left{
    padding-left: 15px;
    width: 65%;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-title{
    color: #fd8103;
    font-weight: 300;
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1{
    color: black;
    font-weight: 700;
    font-size: 64px;
    text-transform: uppercase;
    line-height: 1;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1 span{
    font-size: 60px;;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text2{
    color: white;
    font-weight: 500;
    font-size: 64px;
    text-transform: uppercase;
    line-height: 1;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text2 span{
    font-weight: 400;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-disclain{
    font-size: 12px;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-right img.aparecer{
    animation: aparecer 4s 1;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-right img.ocultar{
    display: none;
}






#ae-pigmentation #beneficios-lp .beneficios-lp-composicao{
    display: flex;
    justify-content: space-between;
    background-color: #fd8103;
    margin-top: 20px;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-composicao .item-comp{
    display: flex;
    justify-content: center;
}
#ae-pigmentation #beneficios-lp .beneficios-lp-composicao .item-comp p{
    color: white;
    font-weight: 500;
}

/* ------------------ Fim CSS beneficios-lp ------------------ */

/* ------------------ Início CSS avaliacao-lp ------------------ */

#ae-pigmentation #avaliacao-lp{
    background-image: url(../ANTHELIOS-AE-PIG-fundo-1.jpg?la=pt-br);
    background-size: contain;
}

#ae-pigmentation #avaliacao-lp .header-lp-text{
    padding: 30px 0px 20px 40px;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-novo{
    background-image: url(../ANTHELIOS-AE-PIG-fundo-2.jpg?la=pt-br);
    width: max-content;
    background-size: contain;
    margin-bottom: 5px;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-novo p{
    font-weight: 700;
    padding: 5px 10px 0px 10px;
    margin: 0 0 15px;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-title1{
    font-size: 2.125rem;
    font-weight: 700;
    margin: 0;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-title1 .text-fps{
    font-size: 1.125rem;
    font-weight: 300;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-title1 .text-fps-fator{
    font-weight: 600;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-title2{
    font-size: 2.125rem;
    font-weight: 700;
    letter-spacing: -2px;
    padding: 0;
    margin: 0 0 5px;
}
#ae-pigmentation #avaliacao-lp .header-lp-text .text-title2 span{
    font-size: 2.125rem;
    font-weight: 300;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col{
    display: flex;
    justify-content: center;
    padding-left: 20px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-left img{
    min-width: 100%;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-left .img-zoom{
    animation-name: zoom-menos;
    animation-direction: alternate;
    animation: zoom-menos 1.5s 1;
}







#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-left .avaliacao-text-disclain{
    font-size: 12px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right{
    text-transform: uppercase;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-title{
    margin-bottom: 20px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-title p{
    font-weight: 700;
    font-size: 30px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-title p span{
    font-weight: 300;
    font-size: 24px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-desc {
    background-color: #aa7d5e;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-desc p{
    color: white;
    padding: 15px;
    font-size: 22px;
    font-weight: 300;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-desc p span{
    font-weight: 700;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .area-avaliacao-title{
    font-weight: 700;
    font-size: 18px;
    margin: 30px 0 15px;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item{
    display: flex;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item p{
    margin-left: 5px;
    padding-top: 14px;
    font-weight: 400;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item .percent-1.img-rodar{
    animation: rodar 2s 1;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item .percent-2.img-rodar{
    animation: rodar 2s 1;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item .percent-3.img-rodar{
    animation: rodar 2s 1;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao .avaliacao-item .percent-4.img-rodar{
    animation: rodar 2s 1;
}


@keyframes rodar {
    0%   {transform:rotate(180deg)}
    100%   {transform:rotate(0deg)}
}



#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao.deslisar-acima{
    position: relative;
    animation: mover-acima 3s 1;
}
#ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .area-avaliacao.ocultar{
    display: none;
}


/* ------------------ Fim CSS avaliacao-lp ------------------ */


/* ------------------ Início CSS ativos-lp ------------------ */

#ae-pigmentation #ativos-lp{
    text-transform: uppercase;
}
#ae-pigmentation #ativos-lp .ativos-lp-title{
    margin: 30px 0;
}
#ae-pigmentation #ativos-lp .ativos-lp-title p{
    text-align: center;
    font-size: 72px;
    line-height: 1;
}
#ae-pigmentation #ativos-lp .ativos-lp-title p span{
    font-weight: 700;
}

#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-text.aparecer{
    animation: aparecer 4s 1;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-text.aparecer{
    animation: aparecer 4s 1;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-text.ocultar{
    display: none;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-text.ocultar{
    display: none;
}

@keyframes aparecer{
    0%   {opacity:0;}
    100%   {opacity:1;}
}



    /* ------ Linha 1 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1{
        display: flex;
        justify-content: center;
    }
    /* ------ Bloco 1 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left{
        background-image: url(../ANTHELIOS-AE-PIG-img-5.jpg?la=pt-br);
        padding: 80px 50px 130px 5px;
        width: 47%;

    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left .ativos-title{
        font-size: 56px;
        font-weight: 700;
        letter-spacing: -5px;
        line-height: 1;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left .ativos-desc{
        font-size: 34px;
        font-weight: 500;
        letter-spacing: -3px;
        line-height: 1;
    }
    /* ------ Bloco 2 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right{
        background-image: url(../ANTHELIOS-AE-PIG-img-6.jpg?la=pt-br);
        padding: 80px 50px 130px 5px;
        width: 47%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right .ativos-title{
        font-size: 56px;
        font-weight: 700;
        letter-spacing: -5px;
        line-height: 1;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right .ativos-desc{
        font-size: 34px;
        font-weight: 500;
        letter-spacing: -3px;
        line-height: 1;
    }
        /* ------ Linha 2 ------ */
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2{
            display: flex;
            justify-content: center;
        }
        /* ------ Bloco 1 ------ */
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left{
            background-image: url(../ANTHELIOS-AE-PIG-img-7.jpg?la=pt-br);
            padding: 70px 50px 40px 5px;
            width: 47%;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-title{
            font-size: 50px;
            font-weight: 700;
            letter-spacing: -5px;
            line-height: 1;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-title span{
            font-size: 38px;
            font-weight: 300;
            letter-spacing: -3px;
            line-height: 1;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-desc{
            font-size: 34px;
            font-weight: 500;
            letter-spacing: -3px;
            line-height: 1;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-disclain{
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 0px;
            line-height: 1;
            text-transform: none;
        }
        /* ------ Bloco 2 ------ */
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right{
            background-image: url(../ANTHELIOS-AE-PIG-img-8.jpg?la=pt-br);
            padding: 80px 50px 130px 5px;
            width: 47%;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right .ativos-title{
            font-size: 56px;
            font-weight: 700;
            letter-spacing: -5px;
            line-height: 1;
        }
        #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right .ativos-desc{
            font-size: 34px;
            font-weight: 500;
            letter-spacing: -3px;
            line-height: 1;
        }

/* ------------------ Fim CSS ativos-lp ------------------ */



/* ------------------ Início CSS rotina-lp ------------------ */

#ae-pigmentation #rotina-lp{
    padding: 20px;
}
#ae-pigmentation #rotina-lp .rotina-ideal{
    font-weight: 700;
    font-size: 70px;
    text-transform: uppercase;
    color: #00adef;
    line-height: 1;
    margin: 10px 0 20px 0;
}
#ae-pigmentation #rotina-lp .rotina-ideal span{
    font-weight: 300;
    color: #000000;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col{
    display: flex;
    margin-bottom: 20px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq{
    margin-left: 250px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2{
    margin-left: 180px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir{
    margin-right: 250px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left{
    display: block;
    width: 50%;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-title{
    margin: 10px 0;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-title p{
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-desc{
    font-size: 18px;
    text-align: left;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-desc span{
    font-weight: 700;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right{
    width: 50%;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title{
    margin: 10px 0;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p{
    font-weight: 700;
    font-size: 38px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -2px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p span{
    font-weight: 300;
    font-size: 40px;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-desc{
    font-size: 18px;
    text-align: left;
}

#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq .rotina-lp-right .img-zoom{
    animation-name: zoom-mais;
    animation-direction: alternate;
    animation: zoom-mais 1.5s 1;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2 .rotina-lp-left .img-zoom{
    animation-name: zoom-mais;
    animation-direction: alternate;
    animation: zoom-mais 1.5s 1;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir .rotina-lp-right .img-zoom{
    animation-name: zoom-mais;
    animation-direction: alternate;
    animation: zoom-mais 1.5s 1;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq .rotina-lp-right img.ocultar{
    display: none;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2 .rotina-lp-left img.ocultar{
    display: none;
}
#ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir .rotina-lp-right img.ocultar{
    display: none;
}







/* ------------------ Fim CSS rotina-lp ------------------ */



/* ------------------ Início CSS how-to-lp ------------------ */


#ae-pigmentation #how-to-lp{
    background-color: #fd8103;
    padding: 50px 30px;
}

#ae-pigmentation #how-to-lp .how-to-title.img-zoom{
    animation-name: zoom-mais;
    animation-direction: alternate;
    animation: zoom-mais 1.5s 1;
}
#ae-pigmentation #how-to-lp .how-to-title.ocultar{
    display: none;
}

@keyframes zoom-mais{
    0% {
      top: -5%;
      right: 0;
      width: auto;
      transform: scale(0.5);
    }
    100% {
      width: auto;
      height: auto;
      right: unset;
      top: unset;
      transform: scale(1);
    }
}



#ae-pigmentation #how-to-lp .how-to-title .title-1{
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
}
#ae-pigmentation #how-to-lp .how-to-title .title-2{
    font-weight: 300;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    color: white;
}
#ae-pigmentation #how-to-lp .how-to-title .title-2 span{
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
}
#ae-pigmentation #how-to-lp .how-to-title .desc{
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1;
    margin: 15px 0 0;
}
#ae-pigmentation #how-to-lp .title-3{
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 42px;
    margin: 50px 0 20px;
}
#ae-pigmentation #how-to-lp .how-to-four-col{
    display: flex;
    justify-content: center;
    color: white;
}
#ae-pigmentation #how-to-lp .how-to-four-col .how-to-item{
    width: 24%;
    margin: 2px;
}
#ae-pigmentation #how-to-lp .how-to-four-col .how-to-item .item-desc{
    text-align: center;
}

#ae-pigmentation #how-to-lp .how-to-content.deslisar-acima{
    position: relative;
    animation: mover-acima 3s 1;
}
#ae-pigmentation #how-to-lp .how-to-content.ocultar{
    display: none;
}

@keyframes mover-acima {
    0%   {top: 150px;}
    100%   {top: 0px;}
  }




/* ------------------ Fim CSS how-to-lp ------------------ */





/* ------------------------------------ Início MEDIA QUERY ------------------------------------ */


@media (min-width: 1px) and (max-width:480px){
    #ae-pigmentation{
        padding: 0;
    }

    #ae-pigmentation #barra-lp{
        display: block;
        padding: 10px 10px;
    }
    #ae-pigmentation #barra-lp p{
        text-align: center;
        padding-right: 0;
    }
    #ae-pigmentation #barra-lp .text-barra .title-barra{
        padding-bottom: 20px;
    }
    #ae-pigmentation #barra-lp .btn-barra{
        padding: 15px 30px 0;
    }
    #ae-pigmentation #barra-lp .btn-barra a p{
        font-size: 1.2rem;
    }



    #ae-pigmentation #header-lp .header-lp-two-col{
        display: block;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left{
        max-width: 100%;
        padding: 0;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-right{
        max-width: 100%;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-eficacia{
        margin-right: 40px;
        width: 290px;
    }
    #ae-pigmentation #header-lp .header-message p{
        font-size: 22px;
        letter-spacing: 0px;
    }
    /* ----- */

    #ae-pigmentation #beneficios-lp{
        background: linear-gradient(180deg, white 39%, #fd8103 39%);
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-two-col{
        display: block;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left{
        padding-left: 0px;
        width: auto;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-title{
        font-size: 40px;
        text-align: center;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1{
        font-size: 38px;
        text-align: center;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text2{
        font-size: 38px;
        text-align: center;
        color: #fd8103;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1 span{
        font-size: 40px;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-composicao{
        display: block;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-composicao .item-comp{
        display: flex;
        justify-content: flex-start;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-right{
        padding-top: 35px;
    }

    /* ----- */
    
    #ae-pigmentation #avaliacao-lp{
        padding-top: 10px;
    }
    #ae-pigmentation #avaliacao-lp .header-lp-text{
        padding: 0 10px;
    }
    #ae-pigmentation #avaliacao-lp .header-lp-text .text-title1{
        font-size: 1.8rem;
    }
    #ae-pigmentation #avaliacao-lp .header-lp-text .text-title1 .text-fps{
        font-size: 1rem;
    }
    #ae-pigmentation #avaliacao-lp .header-lp-text .text-title2{
        font-size: 1.8rem;
    }
    #ae-pigmentation #avaliacao-lp .header-lp-text .text-title2 span{
        font-size: 1.8rem;
    }
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col{
        display: block;
        padding-left: 0px;
    }
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-title{
        margin-top: 25px;
    }
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-title p{
        text-align: center;
    }
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-desc {
        background-color: #aa7d5e;
    }
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col .avaliacao-lp-right .avaliacao-desc p{
        text-align: center;
    }

    /* ----- */

    #ae-pigmentation #ativos-lp .ativos-lp-title{
        margin-top: 20px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-title p{
        text-align: center;
        font-size: 42px;
        line-height: 1;
    }


/* ------ Linha 1 ------ */
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1{
    display: block;
}
/* ------ Bloco 1 ------ */
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left{
    padding: 80px 50px 130px 5px;
    width: 100%;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left .ativos-title{
    font-size: 50px;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left .ativos-desc{
    font-size: 28px;
}
/* ------ Bloco 2 ------ */
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right{
    padding: 80px 50px 130px 5px;
    width: 100%;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right .ativos-title{
    font-size: 50px;
}
#ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right .ativos-desc{
    font-size: 28px;
}
    /* ------ Linha 2 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2{
        display: block;
    }
    /* ------ Bloco 1 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left{
        padding: 70px 50px 40px 5px;
        width: 100%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-title{
        font-size: 44px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-title span{
        font-size: 32px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-desc{
        font-size: 28px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left .ativos-disclain{
        font-size: 12px;
    }
    /* ------ Bloco 2 ------ */
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right{
        padding: 80px 50px 130px 5px;
        width: 100%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right .ativos-title{
        font-size: 50px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right .ativos-desc{
        font-size: 28px;
    }


    /* ----- */

    #ae-pigmentation #rotina-lp{
        padding: 20px 0;
    }
    #ae-pigmentation #rotina-lp .rotina-ideal{
        font-size: 50px;
        text-align: center;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col{
        display: block;
        margin-bottom: 20px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir{
        margin-right: 0px;
    }


    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left{
        display: block;
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-desc{
        font-size: 16px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right{
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p span{
        font-size: 30px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-desc{
        font-size: 16px;
    }



    /* ----- */

    #ae-pigmentation #how-to-lp .how-to-title .title-1{
        font-size: 42px;
    }
    #ae-pigmentation #how-to-lp .how-to-title .title-2{
        font-size: 28px;
    }
    #ae-pigmentation #how-to-lp .how-to-title .title-2 span{
        font-size: 28px;
    }
    #ae-pigmentation #how-to-lp .how-to-title .desc{
        font-size: 16px;
        padding-right: 0;
    }
    #ae-pigmentation #how-to-lp .title-3{
        font-size: 28px;
    }
    #ae-pigmentation #how-to-lp .how-to-four-col{
        display: block;
    }
    #ae-pigmentation #how-to-lp .how-to-four-col .how-to-item{
        width: 100%;
    }
    #ae-pigmentation #how-to-lp .how-to-four-col .how-to-item img{
        width: -webkit-fill-available;
    }



}

/* ------------------------------------ Fim MEDIA QUERY 1------------------------------------ */


/* ------------------------------------ Início MEDIA QUERY 481------------------------------------ */
@media (min-width: 481px) and (max-width:572px){
    #ae-pigmentation{
        padding: 0;
    }

    #ae-pigmentation #barra-lp{
        display: block;
        padding: 10px 10px;
    }
    #ae-pigmentation #barra-lp p{
        text-align: center;
        padding-right: 0;
    }
    #ae-pigmentation #barra-lp .text-barra .title-barra{
        padding-bottom: 20px;
    }
    #ae-pigmentation #barra-lp .btn-barra{
        padding: 15px 30px 0;
    }
    #ae-pigmentation #barra-lp .btn-barra a p{
        font-size: 1.2rem;
    }

    #ae-pigmentation #header-lp .header-lp-two-col{
        display: block;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left{
        max-width: 100%;
        padding: 0 70px;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-right{
        max-width: 100%;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-eficacia{
        margin-right: 40px;
        width: 290px;
    }
    #ae-pigmentation #header-lp .header-message p{
        font-size: 24px;
        letter-spacing: 1px;
    }
    /* ----- */
    #ae-pigmentation #beneficios-lp{
        background: linear-gradient(180deg, white 39%, #fd8103 39%);
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-two-col{
        display: block;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left{
        padding-left: 0px;
        width: auto;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-title{
        font-size: 40px;
        text-align: center;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1{
        font-size: 38px;
        text-align: center;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text2{
        font-size: 38px;
        text-align: center;
        color: #fd8103;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1 span{
        font-size: 60px;;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-composicao{
        display: block;
    }
        /* ----- */
        #ae-pigmentation #avaliacao-lp{
            padding-top: 10px;
        }
        #ae-pigmentation #avaliacao-lp .header-lp-text{
            padding: 0 70px;
        }
        #ae-pigmentation #avaliacao-lp .header-lp-text .text-title1{
            font-size: 2rem;
        }
        #ae-pigmentation #avaliacao-lp .header-lp-text .text-title1 .text-fps{
            font-size: 1rem;
        }
        #ae-pigmentation #avaliacao-lp .header-lp-text .text-title2{
            font-size: 2rem;
        }
        #ae-pigmentation #avaliacao-lp .header-lp-text .text-title2 span{
            font-size: 2rem;
        }
        #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col{
            display: block;
            padding-left: 0px;
        }

    
    /* ----- */

    #ae-pigmentation #ativos-lp .ativos-lp-title{
        margin-top: 20px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-title p{
        text-align: center;
        font-size: 42px;
        line-height: 1;
    }

    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1{
        display: block;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-right{
        width: 100%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-1 .ativos-lp-left{
        width: 100%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2{
        display: block;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-right{
        width: 100%;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-two-col.linha-2 .ativos-lp-left{
        width: 100%;
    }
    
    /* ----- */

    #ae-pigmentation #rotina-lp{
        padding: 20px 0;
    }
    #ae-pigmentation #rotina-lp .rotina-ideal{
        font-size: 50px;
        text-align: center;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col{
        display: block;
        margin-bottom: 20px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir{
        margin-right: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left{
        display: block;
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-desc{
        font-size: 16px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right{
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p span{
        font-size: 30px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-desc{
        font-size: 16px;
    }
    #ae-pigmentation #how-to-lp .how-to-four-col .how-to-item img{
        width: -webkit-fill-available;
    }

}

/* ------------------------------------ Fim MEDIA QUERY ------------------------------------ */


/* ------------------------------------ Início MEDIA QUERY ------------------------------------ */
@media (min-width:573px) and (max-width:768px){
    #ae-pigmentation{
        padding: 0;
    }

    #ae-pigmentation #barra-lp{
        padding: 15px;
    }


    #ae-pigmentation #header-lp .header-lp-two-col{
        display: block;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left{
        max-width: 100%;
        padding: 0 100px;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-right{
        max-width: 100%;
    }
    #ae-pigmentation #header-lp .header-lp-two-col .header-lp-left .header-lp-text .text-eficacia{
        margin-right: 40px;
        width: 290px;
    }
    /* ----- */
    #ae-pigmentation #beneficios-lp .beneficios-lp-two-col{
        display: block;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left{
        padding-left: 0px;
        width: auto;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-title{
        font-size: 40px;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1{
        font-size: 38px;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-left .beneficios-text1 span{
        font-size: 60px;;
    }
    #ae-pigmentation #beneficios-lp .beneficios-lp-composicao{
        display: block;
    }
    /* ----- */
    #ae-pigmentation #avaliacao-lp .avaliacao-lp-two-col{
        display: block;
        padding-left: 0px;
    }


    /* ----- */

    #ae-pigmentation #ativos-lp .ativos-lp-title{
        margin-top: 20px;
    }
    #ae-pigmentation #ativos-lp .ativos-lp-title p{
        text-align: center;
        font-size: 42px;
        line-height: 1;
    }

    
    /* ----- */

    #ae-pigmentation #rotina-lp{
        padding: 20px 0;
    }
    #ae-pigmentation #rotina-lp .rotina-ideal{
        font-size: 50px;
        text-align: center;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col{
        display: block;
        margin-bottom: 20px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-esq2{
        margin-left: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col.marg-dir{
        margin-right: 0px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left{
        display: block;
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-left .rotina-desc{
        font-size: 16px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right{
        width: 100%;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p{
        font-size: 38px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-title p span{
        font-size: 30px;
    }
    #ae-pigmentation #rotina-lp .rotina-lp-two-col .rotina-lp-right .rotina-desc{
        font-size: 16px;
    }



}

/* ------------------------------------ Fim MEDIA QUERY ------------------------------------ */


/* ------------------------------------ Início MEDIA QUERY ------------------------------------ */
@media (min-width:769px) and (max-width:990px){
    #ae-pigmentation{
        padding: 0;
    }
}
/* ------------------------------------ Fim MEDIA QUERY ------------------------------------ */