@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Vibur&display=swap');
    /*exporte as fontes de sua prefêrencia*/
    
    * {
            margin: 0%;
            padding: 0%;
            box-sizing: border-box;
    }

    body{
        overflow-x: hidden;
    }

    html{
        scroll-behavior: smooth;
    }

    /*-----------Código para responsividade-----------*/
    
    /*pc (coloque o css da versão para pc (normal) dentro das chaves)*/
    @media screen and (min-width: 1031px) and (max-width:100000000000000000000000000px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    nav {
        position: fixed;
        height: 9vh;
        z-index: 999;
        width: 100%;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .logo {
        margin-left: 5vh;
        height: 3vh;
    }
    
    ul {
        margin-right: 5vh;
        display: flex;
        align-items: center;
    }
    
    li {
        display: inline;
        margin-left: 5vh;
    
    }
    
    .link_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: #232323;
        font-weight: 500;
    }
    
    .link_nav:hover {
        color: #bdbdbd;
        transition: .1s linear;
    }
    
    .button_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vw 1vh 3vw;
        transition: .1s linear;
        border-radius: 1vh;
    }
    
    .button_nav:hover {
        outline: #D50606 .2vh solid;
        color: #D50606;
        background-color: white;
        transition: .1s linear;
    }

    /*-----------Menu-----------*/

    .divMenu{
        display: none;
    }
    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        background-color: rgb(187, 187, 187);
    }
    
    .logo_mobile{
        height: 6vh;
        margin-left: 2vh;
    }
    
    .hamb{
        cursor: pointer;
        height: 6vh;
        width: 6vh;
        margin-right: 2vh;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .8vh;
        width: 100%;
        border-radius: 1vh;
        background-color: black;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 30vh;
        display: grid;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: rgb(187, 187, 187);
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    hr{
        width: 100%;
        opacity: 20%;
        height: .2vh;
        border: none;
        background-color: black;
    }
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "inter";
        font-size: 3vh;
        color: black;
        font-weight: 500;
    
    }.link_nav_mobile:hover{
    
        color:white;
        transition: .1s linear;
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(250%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-250%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    

    .article1 {
        width: 50vw;
        margin-top: 9vh;
        position: absolute;
        height: 91vh;
        display: flex;
        flex-direction: column;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 45.5vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 45.5vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }
    
    /*IMAGEM DA TELA INICIAL (PARA ALTERAR, MUDAR O CAMINHO. EX: url("./img/nova imagem ou video"))*/

    .imgInicio{
        height: 91vh;
        width: 50vw;
        margin-left: 50vw;
        background-color: #212121;
        position: absolute;
        background-image: url("./img/VinhetaVitrineHorizontal.mov"); /*MUDAR O CAMINHO AKI*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }
    
    /*IMAGEM DA TELA INICIAL*/

    
    h1 {
        font-size: 3vh;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 4vh;
    }
    
    h2 {
        font-size: 2.5vh;
        font-weight: 400;
        color: #000000;
        margin-left: 4vh;
        line-height: 130%;
        width: 80%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 30vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 2.5vh;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.7vh;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 100vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
       
        
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        
    }
    
    .title_texts{
    
        font-family: "Inter";
        font-size: 5vh;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3vh;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        width: 85%;
        margin-left: 7.5%;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 100vh;
        width: 50vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  

        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 40vh;
        width: 60vw;
        border-radius: 1.5vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90%;
        height: 85%;
    }

    .foto{
        height: 90%;
        border-radius: 1vh;
        width: 35vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        margin-left: 2vw;
        font-size: 4vh;
        margin-bottom: 1vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        margin-left: 2vw;
        font-size: 2vh;
        color: #232323;
        margin-bottom: 1vh;
        line-height: 140%;
        width: 100%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        margin-left: 2vw;
        color: #232323;
        font-size: 2vh;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaPc.svg");
        background-repeat: no-repeat;
        background-size:contain;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
       padding: 4vh 0vh 4vh 0vh;
        width:  35vh;
        border-radius: 2vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vh;
        font-weight: 500;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.7vh;
        font-weight: 400;
        margin-top: 5%;
    }

    .ver{
        height: 1.5vh;
        margin-right: 1vh;
    }

    .plan_btn{
        padding: 1.5vh 0vh 1.5vh 0vh;
        border: none;
        color: #fff;
        margin-top:37%;
        font-family: "ubuntu";
        font-size: 2.5vh;
        border-radius: 1.5vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vh 5vh 1.5vh 5vh;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv2{
    
        margin-top: 5vh;
        height: 90vh;
        display: flex;
        align-items: center;
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size: 3vh;
        margin-top: 1vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000
    }

    #title_texts2{
        font-size: 4vh;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 100vh;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 35vh;
        height: 6vh;
        border: none;
        margin-top:4vh;
        margin-left: 7%;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.parceiroBtn:hover{
        outline: .3vh solid #232323;
        transition: linear .1s;
        background-color: #FFC502;
       
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }.linkparceiro:hover{
        transition: linear .1s;
        color: #232323;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 4vh;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.4vh;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2vh;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 13vh 0vh;
    }

    .pagamentos{
        height: 7vh;
    }
    }

    @media screen and (min-width: 1031px) and (max-width:1400px) and (min-height: 801px) and (max-height:1280px){
        .button_nav {
            text-decoration: none;
            font-family: "inter";
            font-size: 1.7vh;
            color: white;
            font-weight: 400;
            background-color: #D50606;
            padding: 1vh 2vw 1vh 2vw;
            transition: .1s linear;
            border-radius: 1vh;
        }

        .logo{
            height: 2.4vh;
        }

        .pagamentos{
            height: 6vh;
        }
    }


    /*Ipad Pro (coloque o css da versão para Ipad Pro dentro das chaves)*/
    @media screen and (min-width: 1024px) and (max-width:1030px) and (min-height: 801px) and (max-height:100000000000000000000000000px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    .nav_pc{

        display: none;
    }
    
    /*-----------Menu-----------*/

    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
    }

    .button_nav {
        text-decoration: none;
        font-family: "inter";
        margin-right: 9vw;
        font-size: 2.5vw;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vh 1vh 3vh;
        transition: .1s linear;
        border-radius: 1vh;
    }

    .logo_mobile{
        height: 2.3vh;
        margin-left: 4vw;
    }
    
    .hamb{
        cursor: pointer;
        height: 5vh;
        width: 5vh;
        margin-right: 4vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .7vh;
        width: 100%;
        border-radius: 1vh;
        background-color: #232323;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 35vh;
        margin-top: 8vh;
        display: grid;
        position: fixed;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: #fff;
    }

    .divMenu{
        position: absolute;
        z-index: 999;
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "ubuntu";
        font-size: 3vh;
        color: #232323;
        font-weight: 500;
    
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(240%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-230%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    .container1{

        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column
    
    }

    

    .article1 {
        width: 100vw;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 30vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 45vh;
        width: 100vw;
        margin-top: 8vh;
        background-color: #212121;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    
    h1 {
        font-size: 4.3vw;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 6vw;
    }
    
    h2 {
        font-size: 3vw;
        font-weight: 500;
        color: #000000;
        margin-left: 6vw;
        line-height: 130%;
        width: 90%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 22vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 3vw;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.9vw;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        margin-top: 20vh;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 50vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 112vh;
        width: 100%;
        background-color: #069ED5;
        
       
        
    
    }
    
    .section_textDiv1{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        margin-top: 50vh;
        background-color: #069ED5;
      
     
        
    }
    
    .title_texts{
    
        font-family: "ubuntu";
        font-size: 5.5vw;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3.7vw;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  
        height: 100vh;
        margin-top: 61vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 70vh;
        width: 70vw;
        border-radius: 3vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
    
        flex-direction: column;
        width: 90%;
        height: 90%;
    }

    .foto{
        height: 25vw;
        border-radius: 100vh;
        margin-top: 1vh;
        width: 25vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        text-align: center;
        font-size: 5vw;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        text-align: center;
        font-size: 3vw;
        color: #232323;
        margin-bottom: 2vh;
        line-height: 140%;
        width: 80%;
        margin-left: 10%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        color: #232323;
        font-size: 2.5vw;
        text-align: center;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaMobile.svg");
        background-repeat: no-repeat;
        background-size:110%;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
        height: 35vh;
        width:  29vw;
        border-radius: 1vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vw;
        font-weight: 500;
        margin-top: 13%;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.2vw;
        font-weight: 400;
        margin-top:9%;
    }

    .ver{
        height: 1.1vh;
        margin-right: .4vw;
    }

    .plan_btn{
        padding: 1.5vw 0vh 1.5vw 0vh;
        border: none;
        color: #fff;
        margin-top:43%;
        font-family: "ubuntu";
        font-size: 2.5vw;
        border-radius: 1vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vw 5vw 1.5vw 5vw;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .article_textDiv2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
    }
    
    .section_textDiv{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        height: 50vh;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size:3.5vw;
        margin-top: 2vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000
    }

    #content_text2{
        width: 100%;
    }

    #title_texts2{
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 45vw;
        margin-left: 22.5vw;
        height: 6vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.6vw;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 5vw;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.9vw;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2.8vw;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .pagamentos{
        height: 6vw;
        margin-top: 2.5vh;
    }

    .conteudo_final{
        padding: 0vh 0vh 10vh 0vh;
    }

    }

    /*Nest Hub (coloque o css da versão para Nest Hub dentro das chaves)*/
    @media screen and (min-width: 916px) and (max-width:1030px) and (min-height: 0px) and (max-height:800px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    nav {
        position: fixed;
        height: 9vh;
        z-index: 999;
        width: 100%;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .logo {
        margin-left: 5vh;
        height: 3vh;
    }
    
    ul {
        margin-right: 5vh;
        display: flex;
        align-items: center;
    }
    
    li {
        display: inline;
        margin-left: 5vh;
    
    }
    
    .link_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: #232323;
        font-weight: 500;
    }
    
    .link_nav:hover {
        color: #bdbdbd;
        transition: .1s linear;
    }
    
    .button_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vw 1vh 3vw;
        transition: .1s linear;
        border-radius: 1vh;
    }
    
    .button_nav:hover {
        outline: #D50606 .2vh solid;
        color: #D50606;
        background-color: white;
        transition: .1s linear;
    }

    /*-----------Menu-----------*/

    .divMenu{
        display: none;
    }
    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        background-color: rgb(187, 187, 187);
    }
    
    .logo_mobile{
        height: 6vh;
        margin-left: 2vh;
    }
    
    .hamb{
        cursor: pointer;
        height: 6vh;
        width: 6vh;
        margin-right: 2vh;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .8vh;
        width: 100%;
        border-radius: 1vh;
        background-color: black;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 30vh;
        display: grid;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: rgb(187, 187, 187);
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    hr{
        width: 100%;
        opacity: 20%;
        height: .2vh;
        border: none;
        background-color: black;
    }
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "inter";
        font-size: 3vh;
        color: black;
        font-weight: 500;
    
    }.link_nav_mobile:hover{
    
        color:white;
        transition: .1s linear;
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(250%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-250%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    

    .article1 {
        width: 50vw;
        margin-top: 9vh;
        position: absolute;
        height: 91vh;
        display: flex;
        flex-direction: column;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 45.5vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 45.5vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 91vh;
        width: 50vw;
        margin-left: 50vw;
        background-color: #212121;
        position: absolute;
        background-image: url("./img/VinhetaVitrineHorizontal.mov");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }

    
    h1 {
        font-size: 3vh;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 4vh;
    }
    
    h2 {
        font-size: 2.5vh;
        font-weight: 400;
        color: #000000;
        margin-left: 4vh;
        line-height: 130%;
        width: 80%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 30vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 2.5vh;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.7vh;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 100vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
       
        
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        
    }
    
    .title_texts{
    
        font-family: "Inter";
        font-size: 5vh;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3vh;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        width: 85%;
        margin-left: 7.5%;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 100vh;
        width: 50vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  

        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 40vh;
        width: 60vw;
        border-radius: 1.5vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90%;
        height: 85%;
    }

    .foto{
        height: 90%;
        border-radius: 1vh;
        width: 35vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        margin-left: 2vw;
        font-size: 4vh;
        margin-bottom: 1vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        margin-left: 2vw;
        font-size: 2vh;
        color: #232323;
        margin-bottom: 1vh;
        line-height: 140%;
        width: 100%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        margin-left: 2vw;
        color: #232323;
        font-size: 2vh;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaPc.svg");
        background-repeat: no-repeat;
        background-size:contain;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
       padding: 4vh 0vh 4vh 0vh;
        width:  35vh;
        border-radius: 2vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vh;
        font-weight: 500;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.7vh;
        font-weight: 400;
        margin-top: 5%;
    }

    .ver{
        height: 1.5vh;
        margin-right: 1vh;
    }

    .plan_btn{
        padding: 1.5vh 0vh 1.5vh 0vh;
        border: none;
        color: #fff;
        margin-top:37%;
        font-family: "ubuntu";
        font-size: 2.5vh;
        border-radius: 1.5vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vh 5vh 1.5vh 5vh;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv2{
    
        margin-top: 5vh;
        height: 90vh;
        display: flex;
        align-items: center;
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size: 3vh;
        margin-top: 1vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000
    }

    #title_texts2{
        font-size: 4vh;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 100vh;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 35vh;
        height: 6vh;
        border: none;
        margin-top:4vh;
        margin-left: 7%;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.parceiroBtn:hover{
        outline: .3vh solid #232323;
        transition: linear .1s;
        background-color: #FFC502;
       
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }.linkparceiro:hover{
        transition: linear .1s;
        color: #232323;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 4vh;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.4vh;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2vh;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 13vh 0vh;
    }

    .pagamentos{
        height: 7vh;
    }
    }

    /*tablet big (coloque o css da versão para tablet big (entre Ipad Air e Nest Hub) dentro das chaves)*/
    @media screen and (min-width: 916px) and (max-width:1023px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    .nav_pc{

        display: none;
    }
    
    /*-----------Menu-----------*/

    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
    }

    .button_nav {
        text-decoration: none;
        font-family: "inter";
        margin-right: 9vw;
        font-size: 2.5vw;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vh 1vh 3vh;
        transition: .1s linear;
        border-radius: 1vh;
    }

    .logo_mobile{
        height: 2.3vh;
        margin-left: 4vw;
    }
    
    .hamb{
        cursor: pointer;
        height: 5vh;
        width: 5vh;
        margin-right: 4vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .7vh;
        width: 100%;
        border-radius: 1vh;
        background-color: #232323;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 35vh;
        margin-top: 8vh;
        display: grid;
        position: fixed;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: #fff;
    }

    .divMenu{
        position: absolute;
        z-index: 999;
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "ubuntu";
        font-size: 3vh;
        color: #232323;
        font-weight: 500;
    
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(240%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-230%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    .container1{

        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column
    
    }

    

    .article1 {
        width: 100vw;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 30vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 45vh;
        width: 100vw;
        margin-top: 8vh;
        background-color: #212121;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    
    h1 {
        font-size: 4.3vw;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 6vw;
    }
    
    h2 {
        font-size: 3vw;
        font-weight: 500;
        color: #000000;
        margin-left: 6vw;
        line-height: 130%;
        width: 90%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 22vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 3vw;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.9vw;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        margin-top: 20vh;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 50vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 112vh;
        width: 100%;
        background-color: #069ED5;
        
       
        
    
    }
    
    .section_textDiv1{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        margin-top: 50vh;
        background-color: #069ED5;
      
     
        
    }
    
    .title_texts{
    
        font-family: "ubuntu";
        font-size: 5.5vw;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3.7vw;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  
        height: 100vh;
        margin-top: 61vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 70vh;
        width: 70vw;
        border-radius: 3vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
    
        flex-direction: column;
        width: 90%;
        height: 90%;
    }

    .foto{
        height: 25vw;
        border-radius: 100vh;
        margin-top: 1vh;
        width: 25vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        text-align: center;
        font-size: 5vw;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        text-align: center;
        font-size: 3vw;
        color: #232323;
        margin-bottom: 2vh;
        line-height: 140%;
        width: 80%;
        margin-left: 10%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        color: #232323;
        font-size: 2.5vw;
        text-align: center;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaMobile.svg");
        background-repeat: no-repeat;
        background-size:110%;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
        height: 35vh;
        width:  29vw;
        border-radius: 1vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vw;
        font-weight: 500;
        margin-top: 13%;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.2vw;
        font-weight: 400;
        margin-top:9%;
    }

    .ver{
        height: 1.1vh;
        margin-right: .4vw;
    }

    .plan_btn{
        padding: 1.5vw 0vh 1.5vw 0vh;
        border: none;
        color: #fff;
        margin-top:43%;
        font-family: "ubuntu";
        font-size: 2.5vw;
        border-radius: 1vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vw 5vw 1.5vw 5vw;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .article_textDiv2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
    }
    
    .section_textDiv{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        height: 50vh;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size:3.5vw;
        margin-top: 2vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000
    }

    #content_text2{
        width: 100%;
    }

    #title_texts2{
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 45vw;
        margin-left: 22.5vw;
        height: 6vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.6vw;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }

    /*------------------------------------*/

    .final{
        height: 92vh;
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 5vw;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.9vw;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2.8vw;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 13vh 0vh;
    }

    .pagamentos{
        height: 6vw;
        margin-top: 2.5vh;
    }
    }

    /*Ipad Air (coloque o css da versão para Ipad Air dentro das chaves)*/
    @media screen and (min-width: 801px) and (max-width:915px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    .nav_pc{

        display: none;
    }
    
    /*-----------Menu-----------*/

    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
    }

    .button_nav {
        text-decoration: none;
        font-family: "inter";
        margin-right: 9vw;
        font-size: 2.5vw;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vh 1vh 3vh;
        transition: .1s linear;
        border-radius: 1vh;
    }

    .logo_mobile{
        height: 2.3vh;
        margin-left: 4vw;
    }
    
    .hamb{
        cursor: pointer;
        height: 5vh;
        width: 5vh;
        margin-right: 4vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .7vh;
        width: 100%;
        border-radius: 1vh;
        background-color: #232323;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 35vh;
        margin-top: 8vh;
        display: grid;
        position: fixed;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: #fff;
    }

    .divMenu{
        position: absolute;
        z-index: 999;
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "ubuntu";
        font-size: 3vh;
        color: #232323;
        font-weight: 500;
    
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(240%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-230%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    .container1{

        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column
    
    }

    

    .article1 {
        width: 100vw;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 30vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 45vh;
        width: 100vw;
        margin-top: 8vh;
        background-color: #212121;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    
    h1 {
        font-size: 4.3vw;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 6vw;
    }
    
    h2 {
        font-size: 3vw;
        font-weight: 500;
        color: #000000;
        margin-left: 6vw;
        line-height: 130%;
        width: 90%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 22vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 3vw;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.9vw;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        margin-top: 20vh;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 50vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 112vh;
        width: 100%;
        background-color: #069ED5;
        
       
        
    
    }
    
    .section_textDiv1{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        margin-top: 50vh;
        background-color: #069ED5;
      
     
        
    }
    
    .title_texts{
    
        font-family: "ubuntu";
        font-size: 5.5vw;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3.7vw;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  
        height: 100vh;
        margin-top: 61vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 70vh;
        width: 70vw;
        border-radius: 3vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
    
        flex-direction: column;
        width: 90%;
        height: 90%;
    }

    .foto{
        height: 25vw;
        border-radius: 100vh;
        margin-top: 1vh;
        width: 25vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        text-align: center;
        font-size: 5vw;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        text-align: center;
        font-size: 3vw;
        color: #232323;
        margin-bottom: 2vh;
        line-height: 140%;
        width: 80%;
        margin-left: 10%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        color: #232323;
        font-size: 2.5vw;
        text-align: center;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaMobile.svg");
        background-repeat: no-repeat;
        background-size:110%;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
        height: 35vh;
        width:  29vw;
        border-radius: 1vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vw;
        font-weight: 500;
        margin-top: 13%;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.2vw;
        font-weight: 400;
        margin-top:9%;
    }

    .ver{
        height: 1.1vh;
        margin-right: .4vw;
    }

    .plan_btn{
        padding: 1.5vw 0vh 1.5vw 0vh;
        border: none;
        color: #fff;
        margin-top:43%;
        font-family: "ubuntu";
        font-size: 2.5vw;
        border-radius: 1vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vw 5vw 1.5vw 5vw;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .article_textDiv2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
    }
    
    .section_textDiv{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        height: 50vh;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size:3.5vw;
        margin-top: 2vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000
    }

    #content_text2{
        width: 100%;
    }

    #title_texts2{
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 50vw;
        margin-left: 20vw;
        height: 6vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.6vw;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 5vw;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.9vw;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2.8vw;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 10vh 0vh;
    }


    .pagamentos{
        height: 6vw;
        margin-top: 2.5vh;
    }
    }
    
    /*800x600 (coloque o css da versão para pc (800x600) dentro das chaves)*/
    @media screen and (min-width: 799px) and (max-width: 800px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    nav {
        position: fixed;
        height: 9vh;
        z-index: 999;
        width: 100%;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .logo {
        margin-left: 5vh;
        height: 3vh;
    }
    
    ul {
        margin-right: 5vh;
        display: flex;
        align-items: center;
    }
    
    li {
        display: inline;
        margin-left: 5vh;
    
    }
    
    .link_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: #232323;
        font-weight: 500;
    }
    
    .link_nav:hover {
        color: #bdbdbd;
        transition: .1s linear;
    }
    
    .button_nav {
        text-decoration: none;
        font-family: "inter";
        font-size: 2.5vh;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vw 1vh 3vw;
        transition: .1s linear;
        border-radius: 1vh;
    }
    
    .button_nav:hover {
        outline: #D50606 .2vh solid;
        color: #D50606;
        background-color: white;
        transition: .1s linear;
    }

    /*-----------Menu-----------*/

    .divMenu{
        display: none;
    }
    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        background-color: rgb(187, 187, 187);
    }
    
    .logo_mobile{
        height: 6vh;
        margin-left: 2vh;
    }
    
    .hamb{
        cursor: pointer;
        height: 6vh;
        width: 6vh;
        margin-right: 2vh;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .8vh;
        width: 100%;
        border-radius: 1vh;
        background-color: black;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 30vh;
        display: grid;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: rgb(187, 187, 187);
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    hr{
        width: 100%;
        opacity: 20%;
        height: .2vh;
        border: none;
        background-color: black;
    }
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "inter";
        font-size: 3vh;
        color: black;
        font-weight: 500;
    
    }.link_nav_mobile:hover{
    
        color:white;
        transition: .1s linear;
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(250%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-250%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    

    .article1 {
        width: 50vw;
        margin-top: 9vh;
        position: absolute;
        height: 91vh;
        display: flex;
        flex-direction: column;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 45.5vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 45.5vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 91vh;
        width: 50vw;
        margin-left: 50vw;
        background-color: #212121;
        position: absolute;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }

    
    h1 {
        font-size: 3vh;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 4vh;
    }
    
    h2 {
        font-size: 2.5vh;
        font-weight: 400;
        color: #000000;
        margin-left: 4vh;
        line-height: 130%;
        width: 80%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 30vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 2.5vh;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.7vh;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 100vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
       
        
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        
    }
    
    .title_texts{
    
        font-family: "Inter";
        font-size: 5vh;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3vh;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        width: 85%;
        margin-left: 7.5%;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 100vh;
        width: 50vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  

        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 40vh;
        width: 60vw;
        border-radius: 1.5vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90%;
        height: 85%;
    }

    .foto{
        height: 90%;
        border-radius: 1vh;
        width: 35vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        margin-left: 2vw;
        font-size: 4vh;
        margin-bottom: 1vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        margin-left: 2vw;
        font-size: 2vh;
        color: #232323;
        margin-bottom: 1vh;
        line-height: 140%;
        width: 100%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        margin-left: 2vw;
        color: #232323;
        font-size: 2vh;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaPc.svg");
        background-repeat: no-repeat;
        background-size:contain;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
       padding: 4vh 0vh 4vh 0vh;
        width:  35vh;
        border-radius: 2vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vh;
        font-weight: 500;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.7vh;
        font-weight: 400;
        margin-top: 5%;
    }

    .ver{
        height: 1.5vh;
        margin-right: 1vh;
    }

    .plan_btn{
        padding: 1.5vh 0vh 1.5vh 0vh;
        border: none;
        color: #fff;
        margin-top:37%;
        font-family: "ubuntu";
        font-size: 2.5vh;
        border-radius: 1.5vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vh 5vh 1.5vh 5vh;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv2{
    
        margin-top: 5vh;
        height: 90vh;
        display: flex;
        align-items: center;
    
    }
    
    .section_textDiv{
    
        width: 50%;
        height: 100%;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size: 3vh;
        margin-top: 1vh;
        margin-bottom: 3vh;
        font-weight: 700;
        margin-left: 7%;
        color: #000000
    }

    #title_texts2{
        font-size: 4vh;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 100vh;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 50vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 35vh;
        height: 6vh;
        border: none;
        margin-top:4vh;
        margin-left: 7%;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.parceiroBtn:hover{
        outline: .3vh solid #232323;
        transition: linear .1s;
        background-color: #FFC502;
       
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }.linkparceiro:hover{
        transition: linear .1s;
        color: #232323;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 4vh;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.4vh;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2vh;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 13vh 0vh;
    }

    .pagamentos{
        height: 7vh;
    }
    }

    /*tablet (coloque o css da versão para tablet (ipad mini) dentro das chaves*/
    @media screen and (min-width : 451px) and (max-width:798px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    .nav_pc{

        display: none;
    }
    
    /*-----------Menu-----------*/

    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
    }

    .button_nav {
        text-decoration: none;
        font-family: "inter";
        margin-right: 9vw;
        font-size: 2.5vw;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vh 1vh 3vh;
        transition: .1s linear;
        border-radius: 1vh;
    }

    .logo_mobile{
        height: 2.3vh;
        margin-left: 4vw;
    }
    
    .hamb{
        cursor: pointer;
        height: 5vh;
        width: 5vh;
        margin-right: 4vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .7vh;
        width: 100%;
        border-radius: 1vh;
        background-color: #232323;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 35vh;
        margin-top: 8vh;
        display: grid;
        position: fixed;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: #fff;
    }

    .divMenu{
        position: absolute;
        z-index: 999;
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "ubuntu";
        font-size: 3vh;
        color: #232323;
        font-weight: 500;
    
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(240%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-230%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    .container1{

        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column
    
    }

    

    .article1 {
        width: 100vw;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 30vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:140%;
        margin-bottom: 10%;
        
    }

    .imgInicio{
        height: 45vh;
        width: 100vw;
        margin-top: 8vh;
        background-color: #212121;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    
    h1 {
        font-size: 4.3vw;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 6vw;
    }
    
    h2 {
        font-size: 3vw;
        font-weight: 500;
        color: #000000;
        margin-left: 6vw;
        line-height: 130%;
        width: 90%;
    }
    
    .button_title {
        position: absolute;
        margin-top: 22vh;
        height: 7vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 29vh;
        font-size: 3vw;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .button_title:hover {
        color: #212121;
        background-color: white;
        transition: .1s linear;
    }

    .textSolto{
        width: 100%;
        height: 15vh;
        font-size: 1.9vw;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        margin-top: 20vh;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 50vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 112vh;
        width: 100%;
        background-color: #069ED5;
        
       
        
    
    }
    
    .section_textDiv1{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        margin-top: 50vh;
        background-color: #069ED5;
      
     
        
    }
    
    .title_texts{
    
        font-family: "ubuntu";
        font-size: 5.5vw;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 3.7vw;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 4vh;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        background-color: #F9F9F9;
        width: 100%;  
        height: 100vh;
        margin-top: 61vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-top: 7vh;
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 3vh;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 70vh;
        width: 70vw;
        border-radius: 3vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
    
        flex-direction: column;
        width: 90%;
        height: 90%;
    }

    .foto{
        height: 25vw;
        border-radius: 100vh;
        margin-top: 1vh;
        width: 25vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        text-align: center;
        font-size: 5vw;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        text-align: center;
        font-size: 3vw;
        color: #232323;
        margin-bottom: 2vh;
        line-height: 140%;
        width: 80%;
        margin-left: 10%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        margin-bottom: 7vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        color: #232323;
        font-size: 2.5vw;
        text-align: center;
    }

    #seta{
        font-family: "Vibur";
        height: 4vh;
        width: 4vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 4vh;
    }

    .seta2{
        margin-left: 4vh;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 75vh;
        background-image: url("./img/faixaMobile.svg");
        background-repeat: no-repeat;
        background-size:110%;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
        height: 35vh;
        width:  29vw;
        border-radius: 1vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vw;
        font-weight: 500;
        margin-top: 13%;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.2vw;
        font-weight: 400;
        margin-top:9%;
    }

    .ver{
        height: 1.1vh;
        margin-right: .4vw;
    }

    .plan_btn{
        padding: 1.5vw 0vh 1.5vw 0vh;
        border: none;
        color: #fff;
        margin-top:43%;
        font-family: "ubuntu";
        font-size: 2.5vw;
        border-radius: 1vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .linkplanos{
        padding: 1.5vw 5vw 1.5vw 5vw;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .article_textDiv2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
    }
    
    .section_textDiv{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        height: 50vh;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size:3.5vw;
        margin-top: 2vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000
    }

    #content_text2{
        width: 100%;
    }

    #title_texts2{
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 50vw;
        margin-left: 20vw;
        height: 6vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.6vw;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }

    /*------------------------------------*/

    .final{
        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
        margin-top: 7vh;
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 5vw;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.9vw;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2.8vw;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 10vh;
        width: 100vw;
        height: 4vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .conteudo_final{
        padding: 0vh 0vh 13vh 0vh;
    }

    .pagamentos{
        height: 6vw;
        margin-top: 2.5vh;
    }
    }

    /*mobile (coloque o css da versão para celular dentro das chaves)*/
    @media screen and (min-width: 0px) and (max-width:450px){
        /*-----------Container1-----------*/
    
    .container1 {
        height: 100vh;
        width: 100%;
    }
    
    .nav_pc{

        display: none;
    }
    
    /*-----------Menu-----------*/

    .nav_mobile{
        height: 8vh;
        width: 100%;
        z-index: 999;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
    }

    .button_nav {
        text-decoration: none;
        font-family: "inter";
        margin-right: 9vw;
        font-size: 2.5vw;
        color: white;
        font-weight: 400;
        background-color: #D50606;
        padding: 1vh 3vh 1vh 3vh;
        transition: .1s linear;
        border-radius: 1vh;
    }

    .logo_mobile{
        height: 1.6vh;
        margin-left: 3vw;
    }
    
    .hamb{
        cursor: pointer;
        height: 4vh;
        width: 4vh;
        margin-right: 3vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    
    #ing{
        height: .5vh;
        width: 100%;
        border-radius: 1vh;
        background-color: #232323;
    }
    
    .one{
        transition: linear .2s;
    }
    
    .two{
        transition: linear .2s;
    }
    
    .three{
        transition: linear .2s;
    }
    
    .menu{
        width: 100%;
        height: 35vh;
        margin-top: 8vh;
        display: grid;
        position: fixed;
        z-index: 000;
        transition: linear .2s;
        transform: translateY(-150%);
        background-color: #fff;
    }

    .divMenu{
        position: absolute;
        z-index: 999;
    }
    
    .ul_mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        align-items: center;
    }
    
    
    
    .link_nav_mobile{
        text-decoration: none;
        font-family: "ubuntu";
        font-size: 2.4vh;
        color: #232323;
        font-weight: 500;
    
    }
    
    /*iniciar animaões (no JS)*/
    .active1{
        transition: linear .2s;
        transform: translateY(270%) rotate(-45deg);
    }
    
    .active2{
        transition: linear .2s;
        transform: rotate(50deg);
        opacity: 0%;
    }
    
    .active3{
        transition: linear .2s;
        transform: translateY(-250%) rotate(45deg);
    }
    
    .active_menu{
        transform: translateY(0);
    }
/*--------------------------*/

    .container1{

        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column
    
    }

    

    .article1 {
        width: 100vw;
        font-family: "Ubuntu"; 
    }

    .section1 {
        height: 30vh;
        background-color: #F8C4AE;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section2{
        background-color: #D50606;
        height: 30vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgHomem{
        height:86vw;
        margin-bottom: 20%;
        
    }

    .imgInicio{
        height: 45vh;
        width: 100vw;
        margin-top: 8vh;
        background-color: #212121;
        background-image: url("./img/black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
    }

    
    h1 {
        font-size: 4.7vw;
        font-weight: 700;
        color: #000000;
        margin-bottom: 1vh;
        margin-left: 6vw;
    }
    
    h2 {
        font-size: 3.2vw;
        font-weight: 500;
        color: #000000;
        margin-left: 6vw;
        line-height: 130%;
        width: 90%;
    }
    
    .button_title {
        position: absolute;
        padding: 3vw 3vw 3vw 3vw;
        margin-top: 15vh;
        border: none;
        color: white;
        background-color: #212121;
        width: 50vw;
        font-size: 3.4vw;
        border-radius: 1vh;
        transition: .2s linear;
        cursor: pointer;
        transition: .1s linear;
    }
    
    .button_link {
        text-decoration: none;
        font-size: 3vh;
        color: white;
        font-weight: 400;
    }
    
    .textSolto{
        width: 100%;
        padding: 2vh 0vh 2vh 0vh;
        font-size: 2.1vw;
        font-family: "ubuntu";
        justify-content: center;
        align-items: center;
        margin-top: 10vh;
        display: flex;
        z-index: 990;
        position: relative;
        color: #fff;
        background-color: #424242
    }

    .textoSoltoContent{
        width: 90%;
        line-height: 160%;
    }
    
    
    /*Cole o próximo container aqui em baixo*/

    /*-----------Container Text-----------*/
    .container_text{
        height: 50vh;
        width: 100%;
        background-color: #069ED5;
        display: flex;
        justify-content: center;
    }
    
    .article_textDiv{
    
        height: 112vh;
        width: 100%;
        background-color: #069ED5;
        
       
        
    
    }
    
    .section_textDiv1{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        margin-top: 50vh;
        background-color: #069ED5;
      
     
        
    }
    
    .title_texts{
    
        font-family: "ubuntu";
        font-size: 6.5vw;
        margin-top: 4vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000;
    }
    
    .content_text{
        text-align: justify;
        font-family: "Ubuntu";
        font-size: 4.2vw;
        margin-top: 2vh;
        font-weight: 400;
        line-height: 3.5vh;
        color: black;
    }

    @keyframes backgroundSlide {
        0% { background-image: url('./img/img1.jpg'); }
        20% { background-image: url('./img/img2.jpg'); }
        40% { background-image: url('./img/img3.png'); }
        50% { background-image: url('./img/img4.jpg'); }
        80% { background-image: url('./img/img5.jpg'); }
        100% { background-image: url('./img/img1.jpg'); }
      }
    
    .imageDiv{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .image{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        animation: backgroundSlide 9s infinite;
        
    }
    /*------------------------------------*/

    .recomenda{
        padding: 5vh 0vh 5vh 0vh;
        background-color: #F9F9F9;
        width: 100%;  
        margin-top: 61vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .conhece{
        margin-bottom: 4vh;
        font-family: "ubuntu";
        font-size: 5vw;
    }

    .avaliacao{

        display: flex;
        align-items: center;

    }

    .user{
        height: 50vh;
        width: 70vw;
        border-radius: 3vh;
        background-color: #fff;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person{
        display: flex;
        align-items: center;
    
        flex-direction: column;
        width: 90%;
        height: 90%;
    }

    .foto{
        height: 25vw;
        border-radius: 100vh;
        margin-top: 1vh;
        width: 25vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;

    }

    #um{
        background-image: url("./img/person1.jpg");
        
    }

    #dois{
        background-image: url("./img/person3.jpg");
        
    }

    #tres{
        background-image: url("./img/person2.jpg");
        
    }

    #quatro{
        background-image: url("./img/person4.jpg");
        
    }
    

    .estrelas{
        color: #E0CA00;
        text-align: center;
        font-size: 5vw;
        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .critica{
        width: 120%;
        display: none;
        justify-content: center;
        flex-direction: column;
        transition: linear .3s;
    }

    .active{
        transition: linear .3s;
        display: flex;
    }

    .criticaContent{

        font-family: "ubuntu";
        text-align: center;
        font-size: 3vw;
        color: #232323;
        margin-bottom: 2vh;
        line-height: 140%;
        width: 80%;
        margin-left: 10%;
        font-style: italic;

    }

    .anuncie{
        padding: 2vh 0vh 2vh 0vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.1vh;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.anuncie:hover{
        outline: .1vh solid #232323;
        transition: linear .1s;
        background-color: #F9F9F9;
        color: #232323;
    }
    .linkAnuncie{
        padding: 2vh 8vh 2vh 8vh;
        text-decoration: none;
        color: #fff;

    }.linkAnuncie:hover{
        transition: linear .1s;
        color: #232323;
    }
 
    .nome{
        font-family: "ubuntu";
        color: #232323;
        font-size: 2.5vw;
        text-align: center;
    }

    #seta{
        font-family: "Vibur";
        height: 3vh;
        width: 3vh;
        font-size: 3vh;
        border-radius: 100vh;
        background-color: #fff;
        color: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        -webkit-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        -moz-box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
        box-shadow: 3px 5px 10px -3px rgba(133,130,133,1);
    }

    .seta1{
        margin-right: 3vw;
    }

    .seta2{
        margin-left: 3vw;
    }

    /*---------------Planos---------------*/


    .planos{
        width: 100%;
        height: 65vh;
        background-image: url("./img/faixaMobile.svg");
        background-repeat: no-repeat;
        background-size:110%;
        background-position: center;

        display: flex;
        align-items: center;
        justify-content: center
    }

    #planDiv{
        padding: 3vh 0vh 3vh 0vh;
        width:  29vw;
        border-radius: 1vh;
        background-color: #fff;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.23);
        font-family: "Ubuntu";
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .trimestral{
        margin-left: 3vw;
        margin-right: 3vw;
    }

    .titlePlan{
        font-size: 4vw;
        font-weight: 500;
        margin-bottom: 10%;
    }

    #mensal{
        color: #FF4646;
    }

    #trimestral{
        color: #FF7E7E;
    }

    #anual{
        color: #FF9C5E;
    }

    .term{
        font-size: 1.2vw;
        font-weight: 400;
        margin-top:9%;
    }

    .ver{
        height: 1.1vw;
        margin-right: .4vw;
    }

    .plan_btn{
        padding: 1.5vw 0vh 1.5vw 0vh;
        border: none;
        position: absolute;
        color: #fff;
        font-family: "ubuntu";
        font-size: 2.5vw;
        border-radius: 1vh;
        transition: linear .1s;
        cursor: pointer;
    }

    .btnDiv{
        background-color: red;
        width: 100%;
        height: 30%;
        margin-top: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    
    .linkplanos{
        padding: 1.5vw 5vw 1.5vw 5vw;
        text-decoration: none;
        color: #fff;
    }

    #mensalBtn{
        background-color: #FF4646;
    }#mensalBtn:hover{
        outline: solid .1vh #FF4646;
        background-color: #fff;
        color: #FF4646;
    }#link1:hover{
        color: #FF4646;
    }

    #triBtn{
        background-color: #FF7E7E;
    }#triBtn:hover{
        outline: solid .1vh #FF7E7E;
        background-color: #fff;
        color: #FF7E7E;
    }#link2:hover{
        color: #FF7E7E;
    }

    #anualBtn{
        background-color: #FF9C5E;
    }#anualBtn:hover{
        outline: solid .1vh #FF9C5E;
        background-color: #fff;
        color: #FF9C5E;
    }#link3:hover{
        color: #FF9C5E;
    }


    /*-----------Container Text-----------*/
    .container_text2{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .article_textDiv2{
        height: 100vh;
        width: 100%;
        background-color: #FFC502;
    }
    
    .section_textDiv{
    
        width: 90vw;
        margin-left: 5vw;
        position: absolute;
        height: 50vh;
        
    }
    

    .sub_title_texts{
        font-family: "ubuntu";
        font-size:3.5vw;
        margin-top: 2vh;
        margin-bottom: 3vh;
        font-weight: 700;
        color: #000000
    }

    #content_text2{
        width: 100%;
    }

    #title_texts2{
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 1vh;
    }
    
    .imageDiv2{
        height: 50vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    .image2{
        height: 100%;
        width: 100vw;
        background-size: cover;
        background-position: center;
        background-image: url("./img/image.jpg");
        
    }

    .parceiroBtn{
        width: 75vw;
        margin-left: 7.5vw;
        height: 5vh;
        border: none;
        margin-top:4vh;
        font-family: "ubuntu";
        font-size: 2.6vw;
        border-radius: 100vh;
        background-color: #232323;
        transition: linear .1s;
        cursor: pointer;
    }.linkparceiro{
        padding: 2vh 7.5vh 2vh 7.5vh;
        text-decoration: none;
        color: white;
        transition: linear .1s;
    }

    /*------------------------------------*/

    .final{

        width: 100%;
        background-color: #232323;
        font-family: "inter";
        color: #E9E9E9;
    }

    .conteudo_final{
        padding: 4vh 0vh 7vh 0vh;
    }

    .logo2{
        height: 4vh;
        margin-left: 5vw;
       
     }

    .topcs{
        display: flex;
        flex-direction: column;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .titleFinal{
        font-size: 5vw;
        font-weight: 700;
    }

    .finLinks{
        font-size: 2.9vw;
        font-weight: 500;
        text-decoration: none;
        color: #E9E9E9;
        transition: linear.1s;
    }.finLinks:hover{
        color: #ffffff;
    }
    .icon{
        height: 2.8vw;
        margin-right: 1vh;
    }

    .pag{
        margin-top: 7vh;
        width: 100vw;
        height: 3vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .pagamentos{
        height: 6vw;
        margin-top: -2vh;
    }
    }
    
    /*------------------------------------------------*/