/* Tablet */
@media (min-width: 768px) and (max-width:1024px){
    
    body{
        font-family: 'Montserrat', sans-serif;
        }
    #fullpage{
        overflow: hidden;
    }
    #fp-nav.fp-right {
        right: 5px!important;
        z-index:1!important;
    }
    /*linguas*/
    .lingua2{
        position:absolute;
        top:2.5vh;
        right: 3px;
        width: 10%;
        color: #4d4d4d;
        text-decoration: none;
        font-weight: 700;
        font-size: 15px;
    }
    .lingua2:hover{
        color: #dd588b;
        text-decoration: none;
    }
    .lg{
        background-color: rgba(255, 255, 255, 0);
        padding: 5px 53px;
        border: none;
        text-align: right;
        color: #4d4d4d;
        text-decoration: none;
        padding-left: 7px;
        }
    .lglist{
        font-size: 15px;
        color: #4d4d4d;
        padding: 7px 0px;
        font-weight: 700;
        text-decoration: none;
        list-style-type: none;
    }
    .lglist:hover{
        color: #dd588b;
        padding: 7px 0px;
        font-weight: 700;
        text-decoration: none;
    }
    /* Para versao lateral da pagina*/
    .copyrightdiv{
        position:fixed;
        left: 95%;
        padding-top:54%;
        line-height: 2%;
        z-index: 1;
        }
    .copyright{
        writing-mode: vertical-rl;
        font-size:85%;
        color: black;
        }
       /* logo LL menu */
    .local{
        position: fixed;
        top: 1.9vh;
        height:30px;
        width: 75%;
        background-color:rgba(255, 255, 255, 0);
        border: 3px solid black;
        border-radius: 30px;
        margin:0% 12% 0% 12%;
        z-index:+2;
    }
    .localtitulo{
        color:black;
        padding:0.8% 0% 0% 4%;
        font-size:13px;  
    }
     /* pagina a encolher ou escurecer*/
    #main{
        transition: 0.5s;
        background-color: white;
    }
    /* menu icon*/
    .burguer{
        padding-left:5vw;
        margin-top:8vh;
    }
    .menu:hover{
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);}
    .menu{
        margin-top: 1.8vh;
    }
    #branco{
        position: fixed;
        top:0;
        width: 100%;
        height:6.5vh;
        background-color:white;
        z-index:1;
        transition: 0.5s;
    }
   #brancomob{
        position: fixed;
        top:0;
        width: 100%;
        height:6vh;
        background-color:rgb(255, 255, 255);
        z-index:1;
        transition: 0.5s;
    }
    #branco.open{
        filter: contrast(50%);
    }
     #brancomob.open{
        filter: contrast(50%);
    }
    .branco{
    height:9.5vh;
    background-color:white;
    z-index:1;
    }
    .brancomob{
       position: fixed;
        top:0;
        width: 100%;
        height:6vh;
        background-color:rgb(255, 255, 255);
        z-index:1; 
    }
    /*branco modal produtos*/
    .branco2{
        height:25vh;
        background-color:white;
        z-index:1;
    }
    .logomenu{
        width:92%; 
        padding:5% 15% 5% 15%;
    }
    .menuslogan{
        font-size:12px;
        color:#6a6a6a;
        padding:30px 0px 30px 110px;
    }
    /* barra lateral menu*/
    .sidenav {
        height: 100%;
        width: 0;
        position:fixed;
        z-index: 10;
        top: 0;
        left: 0;
        background-color: #f7f7f7;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 4%;
    }
    .sidenav a {
        padding: 1% 0.8% 1% 3%;
        text-decoration: none;
        font-size: 14px;
        color: #3c3c3c;
        display: block;
        transition: 0.5s;
    }
    .sidenav a:hover {
        color: #dd588b;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right:4%;
        font-size: 30px;
        margin-left: 5%;
    }
    .dropbtn {
        color: #3c3c3c;
        padding: 0px 10px 0px 145px;
        font-size: 14px;
        border: none;
        background-color:  #f7f7f7;
        font-weight: 700;
    }
    a.dropbtn{
        padding-left: 145px;
        font-weight: 700;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-content {
        display: none;
        position:relative;
        background-color:  #f7f7f7;
        min-width: 160px;
        z-index: 1;
    }
    .dropdown-content a {
        color: #6c6c6c;
        padding: 7px 0px 7px 70px;
        text-decoration: none;
        display:block;
        font-size: 12px;
        font-weight: 500;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
    #mySidenav {
      width: 0;
    }
    #mySidenav.open {
      width: 48vw;
    }
    #main {
      filter: contrast(100%);
    }
    #main.open {
        filter: contrast(50%);
        
    }
    #rodape2{
        background-color: #333333;
        height:5vh;
        font-family: Montserrat;
        position: relative;
        z-index: -2;
    }
    #rodape2.open{
        filter: contrast(50%);
        transition: 0.5s;
        
    }
    #rodape3{
        filter: contrast(100%);
        background-color:#333333;
        height:6vh; padding-top:8px
    }
    #rodape3.open{
        filter: contrast(50%);
        transition: 0.5s;
    }
    .parceiros{
        width: 100vw;
        padding: 0% 0% 1% 0%;
        position: fixed;
        z-index: -1;
        left: 0;
        bottom: 0;
    }
    .logo1{
        margin-left: 12px;
        margin-top: 3px;
        height: 16px;
    }
    .logo2{
        margin-top: 6px;
        margin-left: -8px;
        height: 12px;
    }
    .logo3{
        margin-top: 6px;
        margin-left: -7px;
        height: 10px;
    }
    .logo4{
        margin-top: 6px;
        margin-left: -12px;
        height: 10px;
    }
    .logo5{
        margin-top: 2px;
        margin-left: -4px;
        height: 28px;
    }
    .logo6{
        margin-top: -1px;
        height: 24px;
    }
    .logo7{
        margin-top: 2px;
        height: 12px;
        margin-left: -1px;
    }
    .logo8{
        margin-top: 1px;
        height: 17px;
        margin-left: -9px;
    }
    .logo9{
        margin-top: 3px;
        margin-left: -15px;
        height: 14px;
    }
    .logoparceiro{
        padding: 0px 40px 0px 0px; 
    }
    .autor{
        color:#bebebe;
        font-size:6px;
        font-weight:400;
        padding-top:6px;
    }
    .autor2{
        color:#bebebe;
        font-size:10px;
        font-weight:400;
        padding-top:5px;
        margin-bottom: 0;
    }
    .link1{
       text-decoration:none; margin-right:0.2%;  
    }
    .link2{
        text-decoration:none; margin-right:33%; 
    }
    .sloganrodape{
        display: none;
        color:#f2a8cd;
        font-size:9px;
        font-weight:700;
        margin-left:-2%;
        margin-top: 3px;
        margin-bottom: 0;
        line-height: 12px;
    }
    .copyrightfooter{
        margin-top: 2px;
        margin-left: 0px;
        font-size:10px;
        color:#dddddd;  
    }
    .logoparceiro{
        padding: 0px 0px;
    }
    .autor3{
        color:#bebebe;
        font-size:10px;
        font-weight:400;
        margin-bottom: 0;
        margin-left:10%;
        margin-top:5px;
    }
    .icon1{
        margin-top:0px; margin-left:1%; 
    }
    .face{
        height: 14px;
    }
    .icon2{
        margin-left:1%; margin-top:0px; 
    }
    .insta{
       height: 14px; 
    }
    .autor2:hover{
        color:white;
    }
    .socialicon:hover{
        transform: translateY(-6px);
        transition: 0.5s;
    }
    /* botoes fb e instagram */
    .social{
        font-size:9px;
        text-decoration: none;
        color: black;
        padding-right: 0.5%;
        font-weight: 700;
    }
    .social:hover{
        text-decoration: none;
        color: #dd588b;
    }
    /* pagina inicial 1 parte*/    
    .slide1{
        height: 100vh;
        background-image:url(slide1_3.jpg);
        background-size:cover;
        background-position:left;
        }
    .slideline{
        border-color:white;
        position: absolute;
        width: 60%;
        bottom: 30px;
        margin:0% 20%;
    }
    .slidetextline{
        color:white;
        width:80%;
        text-align: center;
        position: absolute;
        bottom: 12px;
        font-size: 10px;
        margin: 0% 10% 0% 10%;
        font-weight:200;
        letter-spacing: 0px;
    }
    #myVideo {
        object-fit:cover;
        position:absolute;
        right:-108%;
        top:0vh;
        height: 100vh; 
        max-height:auto;
    }
    #myVideo:hover{
        cursor: pointer;
    }
    video{
        object-fit:cover;
    }
        /* imagem centrada slide 1 - logo texto LL*/
    .center1{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 58%;
        padding-top: 13%;
    }
    /* imagem centrada slide 1 - botao play */
    .center2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 6%;
        padding-top:20%; 
    }
    /* pagina inicial 2 parte*/ 
    #slide2novo{
        height: 100vh;
        background-image:url(Frame_laptop.jpg);
        background-size:contain;
        background-attachment:local;
        background-position:bottom;   
        }
    .esquerda2{
        top:0;
        position: absolute;
        right: 0;
        z-index: +1;
        width: 100vw!important;
        height: 35vh;
        background-color: white;
        padding: 10% 15% 8% 15%;
    }
    .tituloslide2{
        display: block;
        line-height: normal;
        font-size:52px;
        font-weight:700;
    }
    .tituloslide2pt{
        display: block;
        line-height: normal;
        font-size:58px;
        font-weight:700;
    }
    .tituloslide2es{
        display: block;
        line-height: normal;
        font-size:58px;
        font-weight:700;
    }
    .tituloslide2de{
        display: block;
        line-height: normal;
        font-size:58px;
        font-weight:700;
    }
    
    .subtituloslide2{
        display: block;
        color: black;
        line-height: normal;
        font-size:26px;
        font-weight:500;
        margin-top: -2%;
    }
    .subtituloslide2pt{
        display: block;
        color: black;
        line-height: normal;
        font-size:26px;
        font-weight:500;
        margin-top: -2%;
    }
    .subtituloslide2es{
        display: block;
        color: black;
        line-height: normal;
        font-size:26px;
        font-weight:500;
        margin-top: -2%;
    }
    .subtituloslide2de{
        display: block;
        color: black;
        line-height: normal;
        font-size:26px;
        font-weight:500;
        margin-top: -2%;
    }
    .resumoslide2{
      display: block;
        color:black;
        line-height: normal;
        width:100%;
        margin:auto;
        font-size:12px; 
        padding: 4% 28% 2% 0%;
    }
    .resumoslide2pt{
      display: block;
        color:black;
        line-height: normal;
        width:100%;
        margin:auto;
        font-size:13px; 
        padding: 4% 18% 2% 0%;
    }
    .resumoslide2es{
      display: block;
        color:black;
        line-height: normal;
        width:100%;
        margin:auto;
        font-size:13px; 
        padding: 4% 18% 2% 0%;
    }
    .resumoslide2de{
      display: block;
        color:black;
        line-height: normal;
        width:100%;
        margin:auto;
        font-size:13px; 
        padding: 4% 18% 2% 0%;
    }
    .direita{
      height: 100vh;  
    }
    #myVideo2 {
        position:absolute;
        bottom: -3%;
        right: -35%;
        width:auto;
        height:70vh;   
    }
    #myVideo2:hover{
        cursor: pointer;
    }
    .buttonslide2{
        margin-top:1%;
        background-color:rgb(114, 255, 168);
        border: none;
        border-radius: 0px;
        color: black;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 15px;
    }
    .buttonslide2:hover{
        color: white;
        background-color:rgb(109, 240, 159);  
    }
    /* slide index converter*/
    .converterindex{
        height:100vh;
        background-color:white;
    }
    .index3top{
        background-image: url(conversor4.jpg);
        background-size: contain;
        background-attachment:local;
        background-position: center;
        background-repeat: no-repeat;
        height: 94vh;
        padding:12% 10% 0% 10%; 
    }
    /*Animação conversor pagina inicial*/
    @keyframes float {
        0% {

            transform: translatey(0px);
        }
        50% {

            transform: translatey(-25px);
        }
        100% {

            transform: translatey(0px);
        }
    }
    @keyframes float2 {
        0% {


            transform: scalex(1.1);
            filter:brightness(1.1)
        }
        50% {


            transform: scaleX(1);
            filter: brightness(1.15)
        }
        100% {

            ;
            transform: scalex(1.1);
            filter: brightness(1.1)
        }
    }
    .converterimage1{
     transform: translatey(0px);
	animation: float 4s infinite;
        
    }
    .converterimage2{
     transform: translatey(0px);
	animation: float2 4s infinite;
        
    }
    .converterindex3{
        height: 22vh;
        
    }
    .converterimage1{
        height: 92%;
        margin-left: 28%;
    }
    .converterimage2{
        height: 30%;
        margin-left: 28%;
    }
    .index3bottom{
        background-color:black;
        height:6vh;
    }
    .footerblack{
        color:white;
        font-weight:500;
        padding:3% 10%;
        text-align:center;
    }
    /* slide devices*/
    .device{
        height:100vh;
    }
    .black{
        background-color:black;
        height:54vh;
    }
    .technology{
        background-color:black;
    }
    .science{
        background-color:white;
        padding-top: 2%;
    }
    .blacktext{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:68px;
        font-weight:700;
        color:white;
        margin-left:5%;
        line-height:62px;
        padding:6% 0% 6% 0%;
    }
    .blacktextpt{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:60px;
        font-weight:700;
        color:white;
        margin-left:8%;
        line-height:55px;
        padding:10% 0% 10% 0%;
    }
    .blacktextja{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:60px;
        font-weight:700;
        color:white;
        margin-left:8%;
        line-height:55px;
        padding:10% 0% 10% 0%;
    }
    .blacktextes{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:60px;
        font-weight:700;
        color:white;
        margin-left:8%;
        line-height:55px;
        padding:10% 0% 10% 0%;
    }
    .blacktextfr{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:60px;
        font-weight:700;
        color:white;
        margin-left:8%;
        line-height:55px;
        padding:10% 0% 10% 0%;
    }
    .blacktextde{
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size:60px;
        font-weight:700;
        color:white;
        margin-left:8%;
        line-height:55px;
        padding:10% 0% 10% 0%;
    }
    .deviceinfo{
        display:block;
        margin-top: 3%;
        padding:4% 10% 0% 10%;
        background-color:white;
    }
    .deviceinfo2{
        display:none;
        padding:4% 10% 0% 10%;
        background-color:white;
    }
    .device1{
        margin-left:20%;
        top:6%;
        position: absolute;
        height:auto;
        width:60%;
    }
    .devicetitle{
        margin-bottom:-10px;
        font-size: 28px;
    }
    .device2{
        margin-left: 20%;
        top:-158%;
        position: absolute;
        height:auto;
        width:45%;
    }
    .devicetitle2{
        font-weight:500;
        font-size:28px;
    }
    .devicesubtitle{
        text-align: center;
        font-weight:500;
        font-size:14px;
        background-color:rgb(109, 240, 159);
        padding:1.3% 4%;
        height: 28px;
        width: 235px;
    }
    .devicetext{
        font-size:13px;
        padding-top:8px;
        padding-right:0px;
        text-align: justify;
    }
    /* desvanescer index-devices, entre dispositivos */
    .fade3 {
        animation: fade 1s;
        animation-fill-mode: forwards;
        }
    @keyframes fade {
        from {opacity: 0.1;}
        to {opacity: 1;}   
    }
    /* butoes dispositivos index */
    .buttondevice{
        margin:1.6% 5% 4% 0%;
        border: none;
        border-radius: 25px;
        padding: 8px 10px;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        font-size: 12px;
        background-color:white;
    }
    .buttondevice:hover{
        cursor: pointer;
    }
    .active2:hover{
        cursor: pointer;
    }
    /* butoes activos dispositivos index */
    .active2 {
        margin:2% 5% 4% 0%;
        border: none;
        border-radius: 25px;
        padding: 8px 10px;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        font-size: 12px;
        background-color:rgb(109, 240, 159);
        color: black;
    }
    /* slide tratamentos index*/
    .treatmentsindex{
        height:100vh;
        padding-top:10%;
    }
    .treatmentsindex2{
        height:;
    }
    .treatmentsindexname{
        padding:5% 15% 0% 15%;
        height: 11vh;
        background-color:white;
    }
    .treatmentsindetitle{
        font-size:45px;
        font-weight:400;
        text-decoration: none;
        color: black;
    }
    .treatmentsindetitle:hover{
        font-size:30px;
        font-weight:400;
        color: #dd588b;
        text-decoration: none;
    }
    .treatmentsindetitletext{
        font-size:26px;
    }
    .treatmentsindeimage1{
        background-image: url(abacate.jpg);
        background-size:cover;
        height: 20vh;
    }
    .treatmentsindeimage2{
        background-image:url(amendoas.jpg);
        background-size:cover;
        height: 20vh;
    }
    .treatmentsindeimage3{
        background-image:url(leite.jpg);
        height: 20vh;
    }
    .prizeindex{
        height:89vh;
        background-color:white;
        background-image:url(logo.png);
        background-size:contain;
        background-repeat: no-repeat;
        background-size: 200px auto;
        background-position: 46% 54%;
        padding: 10%;
    }
    
    @keyframes prizeanimation1 {
        0% {
            transform: translateY(0px);
        }
        50% {  
            transform: translateY(12px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes prizeanimation2 {
        0% {
            transform: translatex(0px);
        }
        50% {
            transform: translatex(-28px);
        }
        100% {
            transform: translatex(0px);
        }
    }
    @keyframes prizeanimation3 {
        0% {
            transform: translatey(0px);
        }
        50% {
            transform: translatey(20px);
        }
        100% {
            transform: translatey(0px);
        }
    }
    .prizeindex1{
        animation: prizeanimation1 6s ease-in-out infinite;  
    }
    .prizeindex2{
        animation: prizeanimation2 12s ease-in-out infinite; 
    }
    .prizeindex3{
        animation: prizeanimation3 10s ease-in-out infinite;   
    }
    
    .prizeindex1{
        height:24vh;
    }
    .prizeindex2{
        height:24vh;
    }
    .prizeindex3{
        height:24vh;  
    }
    
    .prizeindextitle1col{
        width: 100px;
        padding:0% 0% 0% 40%;
        
    }
    .prizeindextitle2col{
        width: 100px;
        padding:0% 0% 0% 12%;
        
    }
    .prizeindextitle3col{
        width: 100px;
        padding:0% 0% 0% 0%;
         
    }
    
    .prizeindextitle1{
        font-size:150px;
        font-weight:200;
        width: 130px;
    }
    .prizeindextitle2{
        font-size:150px;
        font-weight:200;
        width: 130px;
    }
    .prizeindextitle3{
        font-size:150px;
        font-weight:200;
        width: 130px;
    }
    .prizeindexsubtitle1{
        padding:20% 0% 0% 36%;
        width: 190px;
        line-height:17px;
        font-size:18px;
    }
    .prizeindexsubtitle2{
        padding:18% 0% 0% 12%;
        width: 250px;
        line-height:17px;
        font-size:18px;
    }
    .prizeindexsubtitle3{
        padding:18% 0% 0% 12%;
        width: 190px;
        line-height:17px;
        font-size:18px;
    }
    
    .titulo{
        font-size:68px;
        font-weight:700;
        line-height: 70px;
    }
    .titulopt{
        font-size:57px;
        font-weight:700;
        line-height: 45px;
    }
    .titulofr{
        font-size:54px;
        font-weight:700;
        line-height: 45px;
    }
    .titulo4pt{
        font-size:60px;
        font-weight:700;
        line-height: 52px;
    }
    .subtitulo{
        font-size:42px;
        font-weight:500;
        margin-top: 0px;
        line-height: 48px;
    }
    .subtitulopt{
        font-size:24px;
        font-weight:500;
        margin-top: -8px;
        line-height: 40px;
    }
    .subtitulo4pt{
        font-size:39px;
        font-weight:500;
        margin-top: -15px;
        line-height: 65px;
    }
    .row{
        margin: 0;
    }
    .destaquetitulo{
        margin:6% 0% 5% 10%;
    }
    .destaquetexto{
        line-height: 18px;
        font-weight: 500;
        margin:0%;
        padding-top: 50px;
        padding:0px 20px 0px 12px;
        text-align: justify;
        font-size: 14px;
    }

    /* imagem unica do conversor no index*/
    /*.converter {
        position: fixed;
        display: none;
        width: 80%;
        padding: 12% 20% 0% 10%;
        color: white;
    }*/

    /* GC que desaparecia no index??  */
    /*.fade2 {
        -webkit-animation: fade2 3s 1 1s;
        -moz-animation: fade2 3s 1 1s;
        -ms-animation: fade2 3s 1 1s;
        -o-animation: fade2 3s 1 1s;
        animation: fade2 3s 1 1s;
        animation-fill-mode: forwards;
    }
    @keyframes fade2 {
        from {opacity: 1;}
        to {opacity: 0;}   
    }*/
    
    /* botão play do 2 slide?!! */
    /*.center3{
        display:block;
        margin-left: 200%;
        margin-right: auto;
        width: 50px;
        height: 50px;
        margin-top:20%;
    }*/
    
    /*about us*/
    #mission{
        height: 100vh;
        background-color: white;
        padding: 0% 15% 0% 15%;
        text-align:center;
    }
    .missiontitle{
        font-size:280%;
        font-weight:700;
        padding-left:2%;
        padding-top:38%;
        margin-bottom:0px;
        text-align:left;
    }
    .missiontext{
        font-size:15px;
        padding:8% 10% 0% 2%;
        font-weight:500; color:Black;
        text-align:left;
    }
    #team{
        background-color: white;
        min-height:95vh;
        padding: 4% 10% 7% 10%;
        text-align:center;
    }
    .teamtitle{
        font-size:54px;
        font-weight:700;
        margin:0px;
        padding-top:15%;
        margin-bottom: -4px;
    }
    .teamtitlept{
        font-size:69px;
        font-weight:700;
        margin:0px;
        padding-top:8.5%;
        margin-bottom: -4px;
    }
    .founders{
        font-weight:400;
        font-size:26px;
        color:black;
        letter-spacing: 1px;
    }
    .foundersline{
        margin-top:20px;
        padding:0% 6%;
    }
    .foundersfoto{
        margin:6% 0% 0% 0%;
        padding:2%;
        text-align:left;
    }
    .founderimg{
        width:60%;
        height:auto;
    }
    .foundername{
        font-weight:700;
        margin:12px 0px 0px 0px;
    }
    .founderposition{
        font-size:15px;
    }
    .founderdescription{
        font-size:12px;
        font-weight:500;
        margin-bottom: 12px;
    }
    #prizes{
        background-color: white;
        min-height:70vh;
        padding: 12% 5% 3% 5%;
        text-align:center;
    }
    .prizetitle{
        font-size:46px;
        font-weight:700;
        margin-bottom:-1%;
        letter-spacing:8px;
    }
    .prizetitlept{
        font-size:68px;
        font-weight:700;
        margin-bottom:-1%;
        letter-spacing:8px;
    }
    .prizesubtitle{
        font-size:19px;
        font-weight:600;
        padding-left: 0%;
        margin-bottom:6%;
    }
    .prizesubtitlept{
        font-size:20px;
        font-weight:600;
        padding-left: 0%;
        margin-bottom:6%;
    }
    .prize{
        margin:1% 3% 5% 0%;
        padding:2%;
    }

    /*Animação do titulo vertical our technology da pagina index*/
    /*
    .technology{
        animation: technology 12s ease-in-out infinite;
    }
    @keyframes technology {
        0% {
            transform: translatex(38px);
        }
        50% {
            transform: translatex(58px);
        }
        100% {
            transform: translatex(38px);
        }
    }*/
    .prizept{
        margin:1% 0% 0% 0%;
        padding:2%;
    }
    .prizeimg{
        width:40%; height:auto;
    }
    .prize1{
        font-weight:700; margin:20px 0px 0px 0px; text-align:left
    }
    .prizetext1{
        font-size:11px; padding:2px; margin:0px 0px 0px 0px; font-weight:500; text-align:left
    }
    .prize2{
        font-weight:700; margin:20px 0px 0px 0px; text-align:left
    }
    .prizetext2{
        font-size:11px; padding:2px; margin:0px 0px 0px 0px; font-weight:500; text-align:left
    }
    .prizetext2pt{
        font-size:11px; padding:2px; margin:0px 10px 0px 25px; font-weight:500; text-align:left
    }
    .prize3{
        font-weight:700; margin:20px 0px 0px 0px; text-align:left
    }
    .prizetext3{
        font-size:11px; padding:2px; margin:0px 0px 0px 0px; font-weight:500; text-align:left
    }
    .prize4{
        font-weight:700; margin:20px 0px 20px 0px; text-align:left
    }
    
    /* Pagina treatments*/
    .nutricion{
        height: 100vh;
        background-color:white;
        background-size:cover;
        background-repeat: no-repeat;
        /*background-attachment: fixed;*/
        background-position:right;
        right:2%;
    }
    .nutriciontitle{
        font-size:60px;
        font-weight:700;
        padding-left:6%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 60px;
    }
    .nutriciontitlept{
       font-size:55px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 50px;
    }
    .nutriciontitlefr{
       font-size:60px;
        font-weight:700;
        padding-left:6%;
        padding-top:17%;
        margin-bottom:0px;
        text-align:left;
        line-height: 50px;
    }
    .nutriciontitlees{
       font-size:55px;
        font-weight:700;
        padding-left:6%;
        padding-top:17%;
        margin-bottom:0px;
        text-align:left;
        line-height: 50px;
    }
    .nutricionsubtitle{
        font-size:34px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitlept{
        font-size:36px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext{
        font-size:18px;
        padding:10% 10% 8% 6%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .nutriciontitle2{
        font-size:65px;
        font-weight:700;
        padding-left:6%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 65px;
    }
    .nutriciontitle2pt{
       font-size:51px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutriciontitle2fr{
       font-size:51px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutricionsubtitle2{
        font-size:26px;
        font-weight:500;
        padding-left:6%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitle2pt{
        font-size:27px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:7px;
        text-align:left;
    }
    .nutricionsubtitle2fr{
        font-size:24px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:7px;
        text-align:left;
    }
    .nutriciontext2{
        font-size:18px;
        padding:8% 10% 5% 6%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .nutriciontitle3{
       font-size:60px;
        font-weight:700;
        padding-left:6%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 60px;
    }
    .nutriciontitle3pt{
       font-size:68px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 58px;
    }
    .nutriciontitle3fr{
       font-size:68px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 58px;
    }
    .nutriciontitle3es{
       font-size:68px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 58px;
    }
    .nutricionsubtitle3{
        font-size:36px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitle3pt{
        font-size:23px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitle3fr{
        font-size:25px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitle3es{
        font-size:25px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext3{
        font-size:18px;
        padding:8% 10% 5% 6%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    /*botão trtamentos */
    .bookbutton{
        margin-left:0%;
        background-color:rgb(255,176,176);
        border: none;
        color: #1d1d1d;
        padding: 8px 18px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 14px;
    }
    .bookbutton:hover{
        color: white;
        background-color:rgb(244, 141, 141);
        
    }
    /*botão resultados */
    .bookbutton2{
        margin:0% 35% 2% 3%;
        background-color:rgb(255,176,176);
        border: none;
        color: #343434;
        border-radius: 0;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 14px;
    }
    /* aplica nos botões activos*/
    .nav-pills .nav-link.active {
        outline: none;
        border-radius: 0;
        background-color:rgb(252, 156, 156);
        color: white;
    }
    
    .nav-pills .nav-link{
        border-radius: 0;
    }
    .bookbutton2:hover{
        background-color:rgb(252, 156, 156);
        color: white;
        border-radius: 0;
    }
    
    .bookbutton3{
        margin-left:0%;
        background-color:rgb(114, 255, 168);
        border: none;
        border-radius: 0px;
        color: black;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 15px;
    }
    .bookbutton3:hover{
        color: white;
        background-color:rgb(109, 240, 159);  
    }
    
    .bookbutton4{
        background-color:rgb(114, 255, 168);
        margin:3%;
        border: none;
        border-radius: 0px;
        color: #1d1d1d;
        padding: 4px 7px;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        font-size: 16px;
    }
    
    .bookbutton4:hover{
        color: white;
        background-color: rgb(109, 240, 159); 
    }
    
    .bookbutton5{
        margin-left:2%;
        background-color:rgb(114, 255, 168);
        border: none;
        border-radius: 0px;
        color: black;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        display: inline-block;
        font-size: 16px;
    }
    .bookbutton5:hover{
        color: white;
        background-color: rgb(109, 240, 159);
    }
    
    .bookbutton6{
        background-color:rgb(114, 255, 168);
        margin:1%;
        border: none;
        border-radius: 0px;
        color: #1d1d1d;
        padding: 6px 10px;
        text-align: center;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        font-size: 11px;
    }
    .bookbutton6:hover{
        color: white;
        background-color: rgb(109, 240, 159); 
    }
    
    a.details{
        float:right;
        font-size:11px;
        font-weight:600;
        color:#212121;
        text-decoration:none;
    }
    a.details:hover{
        color: #dd588b;
        -webkit-transform: scale(1.1);
	    transform: scale(1.1);
        font-weight: 600; 
    }
    .modal-title{
        font-weight: 700;
    }
    .formulation{
        position: fixed;
        padding-left: 8%;
        width: 100%;
        z-index:2;
    }
      .formulationimg1{
        position:relative;
        height: 270px;
        z-index:2;
        margin-top:24%;
        padding-left:10%;
    }
      .formulationimg2{
        position: relative;
        height: 290px;
        z-index:2;
        margin-top:26%;
        padding-left:4%;
    }
      .formulationimg3{
        position:relative;
        height: 340px;
        z-index:2;
        margin-top:28%;
        padding-left:5%;
    }
      .formulationimg4{
        position: relative;
        height: 190px;
        z-index:2;
        margin-top:28%;
        padding-left:9%;
    }
      .formulationimg5{
        position: relative;
        height: 190px;
        z-index:2;
        margin-top:28%;
        padding-left:9%;
    }
      .formulationimg6{
        position: relative;
        height: 190px;
        z-index:2;
        margin-top:28%;
        padding-left:9%;
    }
      .formulationimg7{
        position: relative;
        height: 350px;
        z-index:2;
        margin-top:24%;
        padding-left:22%;
    }
      .formulationimg8{
        position: relative;
        height: 270px;
        z-index:2;
        margin-top:28%;
        padding-left:10%;
    }
      .formulationimg9{
        position: relative;
        height: 220px;
        z-index:2;
        margin-top:30%;
        padding-left:10%;
    }
    .formulationtest{
        position: fixed;
        z-index:2;
        margin-top:31%;
        padding-left:7%;
    }
    .formulationtitle{
       font-size:36px;
        font-weight:700;
        padding-left:8%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 36px;  
    }
    .formulationtitlept{
       font-size:52px;
        font-weight:700;
        padding-left:3%;
        padding-top:6%;
        margin-bottom:0px;
        text-align:left;
        line-height: 30px;  
    }
    .formulationsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:3%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .formulationsubtitlept{
        font-size:29px;
        font-weight:500;
        padding-left:3%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .formlist{
        padding:6% 12% 5% 12%;
    }
    .esquerda{
        height: 100vh;
        margin: 10% 15% 10% 12%;
    }
    .box{
        height: 60vh;
        margin: 12% 18% 25% 14%;
        border: 3.5px solid black;
        border-radius: 10px;
        padding: 18px 18px 18px 18px;
    }
    .description{
        font-size:30px; font-weight:700; padding:5%; text-align:center;
    }
    .boxtitle{
        font-size:18px; font-weight:700; padding:8px 5px 0px 5px; text-align:left; margin:0px;
    }
    .boxtext{
        font-size:14px; padding:0px 5px 0px 5px; font-weight:500; margin-bottom:3%; color:Black; text-align:left;
    }
    .seta{
        height: 6%;
        position: absolute;
        bottom:10%;
        margin-top: 0%;
        margin-left: 38%;
        padding-bottom: 8px;
        content:url(down-arrow.png);
    }
    .seta{
     transform: translatey(0px);
	animation: float 2.3s infinite;   
    }
    @keyframes float {
        0% {

            transform: translatey(0px);
        }
        50% {

            transform: translatey(-12px);
        }
        100% {

            transform: translatey(0px);
        }
    }
    
    .facerejuvenation{
        height: 100vh;
        background-color:white;
        background-size:cover;
        background-repeat: no-repeat;
        background-position:center;
    }
    .skinfillpart{
        height: 100vh;
        background-color:white;
        background-size:cover;
        background-repeat: no-repeat;
        background-attachment:fixed;
        background-position:right; 
    }
    .results{
        height: 100vh;
        background-color: white;
    }
    .resultstitle{
        font-size:60px;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height:50px;
    }
    .resultstitlept{
        font-size:46px;
        font-weight:700;
        padding-left:2%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height:40px;
    }
    .resultsubtitle{
        font-size:24px;
        font-weight:400;
        padding-left:3%;
        padding-top:0%;
        margin-bottom:6%;
        text-align:left;
    }
    .resultsubtitlept{
        font-size:26px;
        font-weight:400;
        padding-left:2%;
        padding-top:0%;
        margin-bottom:10%;
        text-align:left;
    }
    
    /* Comparasion sliders */
    .comparar{
        margin: 2% 0% 0% 10%;
    }
    #comparison{
        margin-left:2%; margin-top: 10%; max-width: 50%;
    }
    #comparison2{
        max-height:60vh; max-width:100%; display:none; margin-top: 15%; margin-left:0%;
    }
    #comparison3{
        max-height:60vh; max-width:100%; display:none; margin-top: 5%; margin-left:2%;
    }
    div#comparison {
      width: 70vw;
      height: 45vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison figure { 
      background-image: url(Results/BeforeHAText.png); 
      background-size: cover;
      position: relative;
      width: 100%; 
      height: 92%;
      margin: 0; 
    }
    div#comparison figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison figure div { 
      background-image: url(Results/AfterHAtext.png);
      background-size: cover;
      position: absolute;
      width: 28%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }   
    /* camparasion2 */
    div#comparison2 { 
      width: 75vw;
      height: 37vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison2 figure { 
      background-image: url(Results/BeforeHAQTEXT.jpg); 
      background-size: cover;
      position: relative;
      font-size: 0;
      width: 100%; 
      height: 71%;
      margin: 0; 
    }
    div#comparison2 figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison2 figure div { 
      background-image: url(Results/AfterHAQTEXT.jpg);
      background-size: cover;
      position: absolute;
      width: 24%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }
    /* camparasion3 */   
    div#comparison3 { 
      width: 74vw;
      height: 49vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison3 figure { 
      background-image: url(Results/BeforeHA4TEXT.png); 
      background-size: cover;
      position: relative;
      font-size: 0;
      width: 100%; 
      height: 100%;
      margin: 0; 
    }
    div#comparison3 figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison3 figure div { 
      background-image: url(Results/AfterHA4TEXT.png);
      background-size: cover;
      position: absolute;
      width: 25%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }
    /* comparasion slider */
    input[type=range]{
      -webkit-appearance:none;
      -moz-appearance:none;
      position: relative;
      top: -2rem; left: -2%;
      background-color: rgba(255,255,255,0.1);
      width: 102%; 
    }
    input[type=range]:focus { 
      outline: none; 
    }
    input[type=range]:active { 
      outline: none;  
    }
    input[type=range]::-moz-range-track { 
      -moz-appearance:none;
        height:15px;
        width: 98%;
        background-color: rgba(255,255,255,0.1); 
        position: relative;
        outline: none;    
     }
    input[type=range]::active { 
      border: none; 
      outline: none;
    }
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance:none;
        width: 20px; height: 15px;   
        background: #fff;
        border-radius: 0;
       }
    input[type=range]::-moz-range-thumb {
      -moz-appearance: none;
      width: 20px;
      height: 15px;
      background: #fff;
      border-radius: 0;
         }   
    input[type=range]:focus::-webkit-slider-thumb {
        background: rgba(255,255,255,0.5);
       }
    input[type=range]:focus::-moz-range-thumb {
        background: rgba(255,255,255,0.5);
       }
    
    /* slider2*/
    .products{
        height: 100vh;
    }
    .consumablesline{
        margin:0% 20% 0% 20%;
        text-align:center;
    }
    .consumablefig{
        width:48%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablefig2{
        width:48%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablename{
        font-weight:600;
        font-size: 20px;
        margin:26px 0px 0px 0px;
        text-align:center;
    }
    .consumable{
        padding-top:30%;
        text-align:center;
    }
    .consumable2{
        text-align:center;
    }
    .consumable:hover{
        -webkit-transform: scale(1.2);
	   transform: scale(1.2);
    }
    .consumable2:hover{
        -webkit-transform: scale(1.2);
	   transform: scale(1.2);
    }
    .consumable .legend{
        visibility: hidden;
        opacity: 0;
    }
    .consumable2 .legend{
        visibility: hidden;
        opacity: 0;
    }
    .consumable:hover .legend{
        visibility: visible;
        opacity: 1;
    }
    .consumable2:hover .legend{
        visibility: visible;
        opacity: 1;
    }
    .modal-body{
        padding:1% 10%;
    }
    .center{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .equipment{
        height: 100vh;
        background-color:white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
        background-position: bottom;
    }
    .equipment2{
        height: 100vh;
        background-color:white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
        background-position:bottom;
    }
    .equipmenttext{
        font-size:15px;
        padding:20px 50px 10px 0px;
        font-weight:400;
        color:Black;
        text-align:left;
    }
    .equipmenttitle{
        font-size:55px;
        font-weight:700;
        padding-left:0%;
        padding-top:18%;
        margin-bottom:0px;
        text-align:left;
        line-height: 50px;
        
    }
    .equipmentsubtitle{
        font-size:32px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
     .consumablesitle{
        font-size:60px;
        font-weight:700;
        padding-left:2%;
        padding-top:18%;
        margin-bottom:0px;
        text-align:left;
        line-height: 65px;
    }
    .consumablesitlept{
        font-size:50px;
        font-weight:700;
        padding-left:2%;
        padding-top:13%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .consumablesubtitle{
        font-size:36px;
        font-weight:500;
        padding-left:3%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .consumablesubtitlept{
        font-size:32px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .gctitle{
        font-size:68px;
        font-weight:700;
        padding-left:2%;
        padding-top:22%;
        margin-bottom:0px;
        text-align:left;
        line-height: 68px;
    }
    .gctitlefr{
        font-size:54px;
        font-weight:700;
        padding-left:2%;
        padding-top:16%;
        margin-bottom:0px;
        text-align:left;
        line-height: 68px;
    }
    .gctitlees{
        font-size:42px;
        font-weight:700;
        padding-left:2%;
        padding-top:16%;
        margin-bottom:0px;
        text-align:left;
        line-height: 38px;
    }
    .gcsubtitle{
        font-size:38px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:10px;
        text-align:left;
    }
    .textgc{
        font-size:15px;
        padding:8px 10px 0px 5px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .sciencetitle{
        font-size:58px;
        font-weight:700;
        padding-left:2%;
        padding-top:18%;
        margin-bottom:0px;
        text-align:left;
        line-height: 56px;
    }
    .sciencetitlept{
        font-size:52px;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .sciencetitlefr{
        font-size:48px;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 50px;
    }
    .sciencesubtitle{
        font-size:38px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:10px;
        text-align:left;
    }
    .sciencesubtitlept{
        font-size:32px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:10px;
        text-align:left;
    }
    .textscience{
        font-size:16px;
        padding:10px 5px 0px 5px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .scienceimg{
        margin: 10% 0% 4% 0%;
    }
    
    #piezo{
        width:72%;
        height:60%;
        margin: 6% 0% 8% 14%;
    }
    .game{
        background-color:white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
        margin-bottom: 5%;
    }
    .machinetitle{
        font-size:68px;
        font-weight:700;
        padding-left:4%;
        padding-top:22%;
        margin-bottom:0px;
        text-align:left;
        line-height: 70px;
    }
    .machinetitlept{
        font-size:44px;
        font-weight:700;
        padding-left:4%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .machinesubtitle{
        font-size:50px;
        font-weight:500;
        padding-left:4%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:20px;
        text-align:left;
    }
    .machinetext{
        font-size:16px;
        padding:3% 2% 0% 4%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .hyaluronic{
        height: 92vh;
        top: 0;
        background-color: white;
        background-size:cover;
        background-attachment: fixed;
        background-position:right;
    }
    .contact{
        height: 92vh;
        background-color: white;
        background-size:cover;
        background-attachment: fixed;
        background-position:right;
    }
    .contacttitle{
        font-size:60px;
        font-weight:700;
        padding-left:2%;
        padding-top:14%;
        margin-bottom:0px;
        text-align:left;
        line-height: 60px;
    }
    .mail{
        margin: 3% 10% 8% 10%;
    }
    .contactsubtitle{
        font-size:30px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    
    .certificationtitle{
        font-size:22px;
        font-weight:700;
        padding-left:2%;
        padding-top:20%;
        margin-bottom:0px;
        text-align:left;
        line-height: 22px;
    }
    .pdf{
        margin: 10% 10% 5% 10%; height: 70vh;
    }

}