/* mobile phone */
@media (min-width: 481px) and (max-width:767px){
    
    body{
        font-family: 'Montserrat', sans-serif;
        }
    #fullpage{
        overflow: hidden;
    }
    /*linguas*/
    .lingua2{
        position:absolute;
        top:20px;
        right: 20px;
        width: 6%;
        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 5px;
        border: none;
        text-align: left;
        color: #4d4d4d;
        text-decoration: none;
        padding-left: 106px;
        }
    .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: 96%;
        padding-top:19%;
        line-height: 2%;
        z-index: 2;
        }
    .copyright{
        writing-mode: vertical-rl;
        font-size:80%;
        color: black;
        }
       /* logo LL menu */
    .local{
        position: fixed;
        top: 4vh;
        height:28px;
        width: 78%;
        background-color:rgba(255, 255, 255, 0);
        border: 3px solid black;
        border-radius: 30px;
        margin:0% 10% 0% 10%;
        z-index:+2;
    }
    .localtitulo{
        color:black;
        padding:0.40% 0% 0% 2%;
        font-size:15px;  
    }
     /* pagina a encolher ou escurecer*/
    #main{
        transition: 0.5s;
        background-color: white;
    }
    /* menu icon*/
    .burguer{
        padding-left:3%;
        margin-top:2.5%;
    }
    .menu{
        margin-top: 4vh;
    }
    .menu:hover{
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }
    #branco{
        position: fixed;
        top:0;
        width: 100%;
        height:11vh;
        background-color:white;
        z-index:1;
        transition: 0.5s;
    }
   #brancomob{
        position: fixed;
        top:0;
        width: 100%;
        height:11vh;
        background-color:rgb(255, 255, 255);
        z-index:1;
        transition: 0.5s;
    }
    .brancomob{
      position: fixed;
        top:0;
        width: 100%;
        height:11vh;
        background-color:white;
        z-index:1; 
    }
    #branco.open{
        filter: contrast(50%);
    }
    #brancomob.open{
        filter: contrast(50%);
    }
    .branco{
    height:11vh;
    background-color:white;
    z-index:1;
    }
    /*branco modal produtos*/
    .branco2{
        height:25vh;
        background-color:white;
        z-index:1;
    }
    .logomenu{
        width:170px; 
        padding:0px 23px 20px 20px;
    }
    .menuslogan{
        font-size:12px;
        color:#6a6a6a;
        padding:20px 0px 20px 40px;
    }
    /* barra lateral menu*/
    .sidenav {
        height: 100vh;
        width: 0;
        position:fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #f7f7f7;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 3%;
    }
    .sidenav a {
        padding: -0.5% 0.8% -0.5% 2%;
        text-decoration: none;
        font-size: 12px;
        color: #3c3c3c;
        display: block;
        transition: 0.5s;
    }
    .sidenav a:hover {
        color: #dd588b;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right:5px;
        font-size: 30px;
        margin-left: 5%;
    }
    .dropbtn {
        color: #3c3c3c;
        padding: 0px 10px 0px 70px;
        font-size: 12px;
        border: none;
        background-color:  #f7f7f7;
        font-weight: 700;
    }
    a.dropbtn{
        padding-left: 70px;
        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: 4px 0px 4px 30px;
        text-decoration: none;
        display:block;
        font-size: 11px;
        font-weight: 500;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
    #mySidenav {
      width: 0;
    }
    #mySidenav.open {
      width: 200px;
    }
    #main {
      filter: contrast(100%);
    }
    #main.open {
        filter: contrast(50%);
        
    }
    #rodape2{
        background-color: #333333;
        height:16vh;
        font-family: Montserrat;
        position: relative;
        z-index: -2;
    }
    #rodape2.open{
        filter: contrast(50%);
        transition: 0.5s;
        
    }
    #rodape3{
        filter: contrast(100%);
        background-color:#333333;
        height:12vh; padding-top:12px
    }
    #rodape3.open{
        filter: contrast(50%);
        transition: 0.5s;
    }
     .parceiros{
        width: 100vw;
        padding: 0% 0% 1% 0%;
        z-index: -1;
        left: 0;
        bottom: 0;
    }
    .logo1{
        margin-left: 12px;
        margin-top: 3px;
        height: 18px;
    }
    .logo2{
        margin-top: 6px;
        margin-left: -8px;
        height: 14px;
    }
    .logo3{
        margin-top: 6px;
        margin-left: -7px;
        height: 12px;
    }
    .logo4{
        margin-top: 6px;
        margin-left: -12px;
        height: 12px;
    }
    .logo5{
        margin-top: 2px;
        margin-left: -4px;
        height: 30px;
    }
    .logo6{
        margin-top: -1px;
        height: 26px;
    }
    .logo7{
        margin-top: 2px;
        height: 14px;
        margin-left: -1px;
    }
    .logo8{
        margin-top: 1px;
        height: 19px;
        margin-left: -9px;
    }
    .logo9{
        margin-top: 3px;
        margin-left: -15px;
        height: 16px;
    }
    .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;
    }
     .logoparceiro{
        padding: 5px 8px 0px 6px;
    }
    .autor{
        color:#bebebe;
        font-size:9px;
        font-weight:400;
        padding-top:3px;
        padding-bottom: 3px;
    }
    .autor2{
        color:#bebebe;
        font-size:10px;
        font-weight:400;
        padding-top:10px;
        margin-bottom: 0;
    }
    .link1{
       text-decoration:none; margin-right:0.2%;  
    }
    .link2{
        text-decoration:none; margin-right:12.5%; 
    }
    .sloganrodape{
        color:#f2a8cd;
        font-size:12px;
        font-weight:600;
        margin-left:-52px;
        margin-top: 2px;
        margin-bottom: 0;
        line-height: 12px;
    }
    .copyrightfooter{
        margin-top: -12px;
        padding-left: 20px;
        font-size:10px;
        color:#dddddd;  
    }
    .autor3{
        color:#bebebe;
        font-size:10px;
        font-weight:400;
        margin-bottom: 0;
        margin-left:16%;
        margin-top:10px;
    }
    .icon1{
        margin-top:6px; margin-left:0.5%; height: 20px;
    }
    .face{
        height: 18px;
    }
    .icon2{
        margin-left:0.5%; margin-top:6px; height: 20px;
    }
    .insta{
        height: 18px;
    }
    .autor2:hover{
        color:white;
    }
    .socialicon:hover{
        transform: translateY(-6px);
        transition: 0.5s;
    }
    /* botoes fb e instagram */
    .social{
        font-size:15px;
        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.jpg);
        background-size:cover;
        background-position:left;
        }
    .slideline{
        border-color:white;
        position: absolute;
        width: 80%;
        bottom: 30px;
        margin:0% 10%;
    }
    .slidetextline{
        color:white;
        width:83%;
        text-align: center;
        position: absolute;
        bottom: 12px;
        font-size: 9px;
        margin: 0% 9% 0% 9%;
        font-weight:200;
        letter-spacing: 0px;
    }
    #myVideo {
        object-fit: cover;
        position:absolute;
        right: 0;
        top:0vh;
        width: 100%; 
        max-height:auto;
    }
    #myVideo:hover{
        cursor: pointer;
    }
    video{
        object-fit:cover;
    }
        /* imagem centrada slide 1 - logo texto LL*/
    .center1{
        display: block;
        margin-left: 10%;
        margin-right: 15%;
        width: 35%;
        padding-top: 15%;
    }
    /* imagem centrada slide 1 - botao play */
    .center2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 4%;
        padding-top:10%; 
    }
    /* pagina inicial 2 parte*/ 
    #slide2novo{
        height: 100vh;
        background-image:url(Frame_landscape.jpg);
        background-size:contain;
        background-attachment:local;
        background-position:right;   
        }
    .esquerda2{
        top:0;
        z-index: +1;
        width: 45vw;
        height: 100vh;
        background-color: white;
        padding: 10% 8%;
    }
    .tituloslide2{
        display: block;
        line-height: normal;
        font-size:34px;
        font-weight:700;
    }
    .tituloslide2pt{
        display: block;
        line-height: normal;
        font-size:39px;
        font-weight:700;
    }
    .tituloslide2es{
        display: block;
        line-height: normal;
        font-size:32px;
        font-weight:700;
    }
    .tituloslide2de{
        display: block;
        line-height: normal;
        font-size:32px;
        font-weight:700;
    }
    .subtituloslide2{
        display: block;
        color: black;
        line-height: normal;
        font-size:17px;
        font-weight:500;
        margin-top: -3%;
    }
    .subtituloslide2pt{
        display: block;
        color: black;
        line-height: normal;
        font-size:17px;
        font-weight:500;
        margin-top: -3%;
    }
    .subtituloslide2de{
        display: block;
        color: black;
        line-height: normal;
        font-size:17px;
        font-weight:500;
        margin-top: -3%;
    }
    .resumoslide2{
      display: block;
        color:black;
        line-height: normal;
        width:220px;
        margin:auto;
        font-size:12px;
        margin-left: -0.5%;
        padding: 6px 0px;
    }
    .resumoslide2pt{
      display: block;
        color:black;
        line-height: normal;
        width:220px;
        margin:auto;
        font-size:12px;
        margin-left: -0.5%;
        padding: 6px 0px;
    }
    .resumoslide2de{
      display: block;
        color:black;
        line-height: normal;
        width:220px;
        margin:auto;
        font-size:12px;
        margin-left: -0.5%;
        padding: 6px 0px;
    }
    .resumoslide2es{
      display: block;
        color:black;
        line-height: normal;
        width:220px;
        margin:auto;
        font-size:12px;
        margin-left: -0.5%;
        padding: 6px 0px;
    }
    .direita{
      height: 100vh;  
    }
    #myVideo2 {
        position:absolute;
        top: 0;
        right: -23%;/*-15% 0*/
        /*100vh 95vh*/
        width:auto;/*86% 100%*/
        height:100vh;   
    }
    #myVideo2:hover{
        cursor: pointer;
    }
    .buttonslide2{
        margin-top:6%;
        background-color:rgb(114, 255, 168);
        border: none;
        border-radius: 0px;
        color: black;
        padding: 4px 12px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 12px;
    }
    .buttonslide2:hover{
        color: white;
        background-color:rgb(109, 240, 159);  
    }
    /* slide index converter*/
    .converterindex{
        background-image: url(conversor_3laptop.jpg);
        background-size: contain;
        background-attachment: local;
        background-position: right;
        background-repeat: no-repeat;
        height:94vh;
        
    }
    .index3top{
        height:90vh;
        padding:6% 8% 1% 8%; 
    }
    .converterindex3{
        margin: 0%!important;
        padding-top: 0%;
        height:22vh;
    }
    /*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 ease-in-out;
        
    }
    .converterimage2{
     transform: translatey(0px);
	animation: float2 4s ease-in-out;
        
    }*/
    .converterimage1{
        height: 115%;
        margin-top: 1%;
        margin-left: 70%;
    
    }
    .converterimage2{
        height: 24%;
        margin-top: 1%;
        margin-left: 78%;
    }
    .index3bottom{
        background-color:black;
        height:10vh;
        width: 44%;
    }
    .footerblack{
        color:white;
        font-weight:500;
        padding:2% 10%;
        text-align:center;
        font-size: 13px;
    }
    /* slide devices*/
    .device{
        height:100vh;
    }
    .black{
        background-color:black;
        height:100vh;
        width: 44%;
    }
    .technology{
        background-color:black;
    }
    .science{
        background-color:white;
        padding-top: 2%;
    }
    .blacktext{
        font-size:48px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:4%;
        line-height:42px;
        padding:9% 7%;
    }
    .blacktextpt{
        font-size:48px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:4%;
        line-height:42px;
        padding:9% 7%;
    }
    .blacktextes{
        font-size:48px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:4%;
        line-height:42px;
        padding:9% 7%;
    }
    .blacktextfr{
        font-size:44px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:4%;
        line-height:42px;
        padding:9% 7%;
    }
    .blacktextde{
        font-size:44px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:4%;
        line-height:42px;
        padding:9% 7%;
    }
    .blacktextja{
        font-size:44px;
        font-weight:700;
        color:white;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-left:8%;
        line-height:42px;
        padding:9% 7%;
    }
    .deviceinfo{
        display:block;
        padding:0% 8% 0% 52%;
        background-color:white;
    }
    .deviceinfo2{
        display:none;
        padding:0% 8% 0% 52%;
        background-color:white;
    }
    .device1{
        margin-left:34%;
        bottom:0%;
        position: absolute;
        height:auto;
        height:76%;
    }
    .devicetitle{
        margin:-125% 8% 0% 0%;
    }
    .device2{
        margin-left:-40%;
        margin-bottom: -20%;
        bottom:90%;
        position: absolute;
        height:auto;
        width:42%;
    }
    .devicetitle2{
        font-weight:500;
        font-size:25px;
        margin-bottom: 3%;
    }
    .devicesubtitle{
        text-align: center;
        font-weight:500;
        font-size:11px;
        background-color:rgb(109, 240, 159);
        padding:1% 3%;
        height: 18px;
        width: 150px;
    }
    .devicetext{
        font-size:10.5px;
        padding-top:5px;
        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:0% 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:0% 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;
    }
    .treatmentsindex2{
        height:33.3vh;
    }
    .treatmentsindexname{
        width: 55%;
        padding:8% 10%;
        background-color:white;
    }
    .treatmentsindetitle{
        font-weight:400;
        text-decoration: none;
        color: black;
    }
    .titleslide5{
        font-size: 20px;
        text-align: center;
    }
    .treatmentsindetitle:hover{
        font-size:20px;
        font-weight:400;
        color: #dd588b;
        text-decoration: none;
    }
    .titleslide5{
        font-size: 28px;
        text-align: center;
    }
    .treatmentsindeimage1{
        width: 45%;
        background-image: url(abacate.jpg);
        background-size:cover;
    }
    .treatmentsindeimage2{
        width: 45%;
        background-image:url(amendoas.jpg);
        background-size:cover;
    }
    .treatmentsindeimage3{
        width: 45%;
        background-image:url(leite.jpg);
    }
    .prizeindex{
        height:72vh;
        background-color:white;
        background-image:url(imagem/logo.png);
        background-size:contain;
        background-repeat: no-repeat;
        background-size: 290px auto;
        background-position: 42% 36%;
    }
    
    @keyframes prizeanimation1 {
        0% {
            transform: translateY(0px);
        }
        50% {  
            transform: translateY(12px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes prizeanimation2 {
        0% {
            transform: translatex(-5px);
        }
        50% {
            transform: translatex(-22px);
        }
        100% {
            transform: translatex(-5px);
        }
    }
    @keyframes prizeanimation3 {
        0% {
            transform: translatex(0px);
        }
        50% {
            transform: translatex(18px);
        }
        100% {
            transform: translatex(0px);
        }
    }
    .prizeindex1{
        animation: prizeanimation1 6s ease-in-out infinite;  
    }
    .prizeindex2{
        animation: prizeanimation2 6s ease-in-out infinite; 
    }
    .prizeindex3{
        animation: prizeanimation3 10s ease-in-out infinite;   
    }
    
    .prizeindex1{
        height:25vh;
    }
    .prizeindex2{
        height:25vh;
    }
    .prizeindex3{
        height:25vh;  
    }
    
    .prizeindextitle1col{
        padding:8% 0% 0% 33%;
        line-height:40px; 
    }
    .prizeindextitle2col{
        padding:0% 0% 0% 10%;
        line-height:40px;
    }
    .prizeindextitle3col{
        padding:0% 0% 0% 38%;
        line-height:22px; 
    }
    
    .prizeindextitle1{
        font-size:100px;
        font-weight:200;
    }
    .prizeindextitle2{
        font-size:100px;
        font-weight:200;
    }
    .prizeindextitle3{
        font-size:100px;
        font-weight:200;
    }
    .prizeindexsubtitle1{
        margin-top: -6%;
        padding:0% 20% 5% 55%;
        line-height:15px;
    }
    .prizeindexsubtitle2{
        padding:0% 60% 4% 11%;
        line-height:15px;
    }
    .prizeindexsubtitle3{
        margin-top: -8%;
        padding:0% 20% 5% 56%;
        line-height:12px;
    }
    
    .titulo{
        font-size:40px;
        font-weight:700;
        line-height: 35px;
    }
    .titulopt{
        font-size:46px;
        font-weight:700;
        line-height: 60px;
    }
    .titulofr{
        font-size:40px;
        font-weight:700;
        line-height: 40px;
    }
    .tituloes{
        font-size:40px;
        font-weight:700;
        line-height: 40px;
    }
    .titulo4pt{
        font-size:60px;
        font-weight:700;
        line-height: 52px;
    }
    .subtitulo{
        font-size:30px;
        font-weight:500;
        line-height: 28px;
    }
    .subtitulopt{
        font-size:21px;
        font-weight:500;
        margin-top: -15px;
        line-height: 30px;
    }
    .subtitulofr{
        font-size:25px;
        font-weight:500;
        margin-top: -15px;
        line-height: 43px;
    }
    .subtituloes{
        font-size:30px;
        font-weight:500;
        margin-top: -15px;
        line-height: 43px;
    }
    .subtitulo4pt{
        font-size:30px;
        font-weight:500;
        margin-top: -15px;
        line-height: 30px;
    }
    .row{
        margin: 0;
    }
    .destaquetitulo{
        margin:6% 0% 5% 10%;
    }
    .destaquetexto{
        line-height: 14px;
        font-weight: 500;
        margin-top: -118px;
        padding-top: 10px;
        padding:0px 200px 0px 12px;
        text-align: justify;
        font-size: 11px;
    }

    /* 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% 10% 0% 10%;
        text-align:center;
    }
    .missiontitle{
        font-size:250%;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
    }
    .missiontext{
        font-size:12.5px;
        padding:2% 10% 0% 2%;
        font-weight:500; color:Black;
        text-align:left;
    }
    #team{
        background-color: white;
        min-height:95vh;
        padding: 0% 10% 7% 10%;
        text-align:center;
    }
    .teamtitle{
        font-size:50px;
        font-weight:700;
        margin:0px;
        padding-top:9%;
        margin-bottom: -8px;
    }
    .teamtitlept{
        font-size:69px;
        font-weight:700;
        margin:0px;
        padding-top:8.5%;
        margin-bottom: -4px;
    }
    .founders{
        font-weight:400;
        font-size:24px;
        color:black;
        letter-spacing: 1px;
    }
    .foundersline{
        margin-top:30px;
        padding:0% 12% 0% 1%;
    }
    .foundersfoto{
        margin:1% 0% 0% 0%;
        padding:2%;
        text-align:left;
    }
    .founderimg{
        width:35%;
        height:auto;
    }
    .foundername{
        font-weight:700;
        margin:12px 0px 0px 0px;
    }
    .founderposition{
        font-size:15px;
    }
    .founderdescription{
        font-size:11px;
        font-weight:500;
        margin-bottom: 12px;
    }
    #prizes{
        background-color: white;
        min-height:70vh;
        padding: 6% 10% 3% 10%;
        text-align:center;
    }
    .prizetitle{
        font-size:60px;
        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:16px;
        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% 0% 0% 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:28%; 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 0px 0px 0px; 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 0px 0px; text-align:left
    }
    
    /* Pagina treatments*/
    .nutricion{
        background-color:white;
        
    }
    .nutriciontitle{
        font-size:42px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .nutriciontitlept{
       font-size:30px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutriciontitlees{
       font-size:30px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutriciontitlefr{
       font-size:30px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutricionsubtitle{
        font-size:26px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutricionsubtitlept{
        font-size:32px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext{
        font-size:14px;
        padding:3% 15% 1% 0%;
        font-weight:500;
        color:black;
        text-align:left;
    }
    .nutriciontitle2{
        font-size:48px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 49px;
    }
    .nutriciontitle2pt{
       font-size:51px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 51px;
    }
    .nutriciontitle2fr{
       font-size:48px;
        font-weight:700;
        padding-left:2%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 51px;
    }
    .nutriciontitle2de{
       font-size:48px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 51px;
    }
    .nutricionsubtitle2{
        font-size:20px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        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:20px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:7px;
        text-align:left;
    }
    .nutriciontext2{
        font-size:12px;
        padding:2% 10% 2% 0%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .nutriciontitle3{
       font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .nutriciontitle3pt{
       font-size:68px;
        font-weight:700;
        padding-left:0%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 58px;
    }
    .nutriciontitle3es{
       font-size:45px;
        font-weight:700;
        padding-left:0%;
        padding-top:13%;
        margin-bottom:0px;
        text-align:left;
        line-height: 42px;
    }
    .nutriciontitle3fr{
       font-size:48px;
        font-weight:700;
        padding-left:0%;
        padding-top:11%;
        margin-bottom:0px;
        text-align:left;
        line-height: 46px;
    }
    .nutriciontitle3de{
       font-size:48px;
        font-weight:700;
        padding-left:0%;
        padding-top:11%;
        margin-bottom:0px;
        text-align:left;
        line-height: 46px;
    }
    .nutricionsubtitle3{
        font-size:25px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        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:20px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext3{
        font-size:14px;
        padding:3% 18% 2% 0%;
        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: 7px 16px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 12px;
    }
    .bookbutton:hover{
        color: white;
        background-color:rgb(244, 141, 141);
        
    }
    /*botão resultados */
    .bookbutton2{
        margin:0% 2% 2% 0%;
        background-color:rgb(255,176,176);
        border: none;
        color: #343434;
        border-radius: 0;
        padding: 4px 10px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 12px;
    }
    /* 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%;
        margin-bottom: 5%;
        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: 12px;
    }
    .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: 10px;
    }
    
    .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: fixed;
        height: 250px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg2{
        position: fixed;
        height: 250px;
        z-index:2;
        margin-top:15%;
        padding-left:8%;
    }
      .formulationimg3{
        position: fixed;
        height: 340px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg4{
        position: fixed;
        height: 200px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg5{
        position: fixed;
        height: 190px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg6{
        position: fixed;
        height: 198px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg7{
        position: fixed;
        height: 355px;
        z-index:2;
        margin-top:12%;
        padding-left:5%;
    }
      .formulationimg8{
        position: fixed;
        height: 298px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
      .formulationimg9{
        position: fixed;
        height: 200px;
        z-index:2;
        margin-top:15%;
        padding-left:5%;
    }
    .formulationtest{
        position: fixed;
        z-index:2;
        margin-top:31%;
        padding-left:7%;
    }
    .formulationtitle{
       font-size:43px;
        font-weight:700;
        padding-left:3%;
        padding-top:5%;
        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:22% 10% 10% 6%;
    }
    .esquerda{
        margin: 1% 1% 1% 9%;
    }
    .box{
        margin: 8% 14% 2% 12%;
        border: 3.5px solid black;
        border-radius: 10px;
        padding: 8px;
    }
    .description{
        font-size:13px; font-weight:700; padding:0%; text-align:center;
    }
    .boxtitle{
        font-size:11px; font-weight:700; padding:4px 4px 0px 4px; text-align:left; margin:0px;
    }
    .boxtext{
        font-size:10px; padding:0px 5px 0px 5px; font-weight:500; margin-bottom:1%; color:Black; text-align:left;
    }
    
    .facerejuvenation{
        background-color:white;
        
    }
    .skinfillpart{
        background-color:white;
        
    }
    .results{
        height: 100vh;
        background-color: white;
    }
    .resultstitle{
        font-size:42px;
        font-weight:700;
        padding-left:0%;
        padding-top:6%;
        margin-bottom:0px;
        text-align:left;
        line-height:42px;
    }
    .resultstitlept{
        font-size:46px;
        font-weight:700;
        padding-left:2%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height:40px;
    }
    .resultstitlees{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height:38px;
    }
    .resultstitlede{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height:38px;
    }
    .resultsubtitle{
        font-size:20px;
        font-weight:400;
        padding-left:0%;
        padding-top:0%;
        margin-bottom:3%;
        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: 1% 0% 0% 6%;
    }
    #comparison{
        margin-left:30%; margin-top: 0%;
    }
    #comparison2{
        max-height:60vh; max-width:100%; display:none; margin-top: 2%; margin-left:18%;
    }
    #comparison3{
        max-height:60vh; max-width:100%; display:none; margin-top: 0%; margin-left:30%;
    }
    div#comparison {
      width: 31vw;
      height: 53vh;
      max-width: 98%;
      max-height: 91%;
      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: 50vw;
      height: 64vh;
      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: 66%;
      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: 30vw;
      height: 45vh;
      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: 98%; 
      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:28%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablefig2{
        width:28%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablename{
        font-weight:600;
        margin:26px 0px 0px 0px;
        text-align:center;
    }
    .consumable{
        padding-top:12%;
        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{
        background-color: white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
    }
    .equipment2{
        background-color: white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
    }
    .equipmenttext{
        font-size:12px;
        padding:8px 0px 0px 0px;
        font-weight:400;
        color:Black;
        text-align:left;
    }
    .equipmenttitle{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
        
    }
    .equipmenttitlees{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
        
    }
    .equipmentsubtitle{
        font-size:22px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        margin-bottom:0px;
        text-align:left;
    }
     .consumablesitle{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height: 38px;
    }
    .consumablesitlept{
        font-size:52px;
        font-weight:700;
        padding-left:2%;
        padding-top:13%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .consumablesitlede{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:13%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .consumablesubtitle{
        font-size:24px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        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:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height:35px;
    }
    .gctitlefr{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height:35px;
    }
    .gctitlees{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height:35px;
    }
    .gctitlede{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height:35px;
    }
    .gcsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        margin-bottom:10px;
        text-align:left;
    }
    .textgc{
        font-size:11px;
        padding:0px 5px 0px 0px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .sciencetitle{
        font-size:38px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 36px;
    }
    .sciencetitlept{
        font-size:48px;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .sciencetitlefr{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .sciencetitlede{
        font-size:35px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .sciencesubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        margin-bottom:6px;
        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:12px;
        padding:3px 10px 0px 0px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .scienceimg{
        margin: 7% 22% 4% 22%;
    }
    
    #piezo{
        width:75%;
        height:75%;
        margin: 6% 0% 7% 11%;
    }
    .game{
        background-color: white;
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
    }
    .machinetitle{
        font-size:40px;
        font-weight:700;
        padding-left:0%;
        padding-top:12%;
        margin-bottom:0px;
        text-align:left;
        line-height: 40px;
    }
    .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:28px;
        font-weight:500;
        padding-left:0%;
        padding-top:0%;
        margin-top:0%;
        margin-bottom:20px;
        text-align:left;
    }
    .machinetext{
        font-size:12px;
        padding:0% 2% 0% 0%;
        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: 100vh;
        background-color: white;
        background-size:cover;
        background-attachment: fixed;
        background-position:right;
    }
    .contacttitle{
        font-size:32px;
        font-weight:700;
        padding-left:0%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height: 33px;
    }
    .contacttitlede{
        font-size:32px;
        font-weight:700;
        padding-left:0%;
        padding-top:8%;
        margin-bottom:0px;
        text-align:left;
        line-height: 33px;
    }
    .mail{
        margin: 3% 8% 0% 3%;
    }
    .contactsubtitle{
        font-size:18px;
        font-weight:500;
        padding-left:0%;
        padding-top:-1%;
        margin-top:0%;
        margin-bottom:0px;
        text-align:left;
    }
    
    .certificationtitle{
        font-size:22px;
        font-weight:700;
        padding-left:0%;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
        line-height: 32px;
    }
    .pdf{
      margin: 2% 0% 2% 8%; width:73%; height:230px;
    }
    

}