@charset 'UTF-8';
*{
    margin: 0px;
    padding: 0px;
}

@font-face {
   
    font-family: 'ibm';
    src: url(../../fontes/IBMPlexSerif-Regular.ttf);
}

@font-face {
    font-family: 'roboto';
    src: url(../../fontes/Roboto-VariableFont_wdth\,wght.ttf);
}


@media screen and (max-width: 766px){

body{
    background-color: #202020;
    height: 100vh;
}

header{
   
    background-color: #04a8ba;
    padding-bottom: 20px;
    padding-top: 15px;
    position: relative;
    height: 60px;
}
    

header > .logo > img{
    
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        
       
   }     
  


main{
    background-color:#202020;
    padding-bottom: 20px;
   
    
  
   
}

main > .menu > nav{

    display: flex;
    flex-flow: row wrap;
    padding-top: 10px;
    width: 80vw;
    margin-left: 55px;

    
    
    

}


main > div.menu> nav > a{
    
    padding: 10px;
    box-shadow: 1px 1px 3px #04a8ba;
    margin: 10px ;
    color: white;
    font-weight: 400;
    font-family: 'roboto';
    text-decoration: none;
    position: relative;
    align-items: center;
    border-radius: 5px;
    text-align: center;
    flex: 1 1 210px;
    align-content: center;
    overflow: hidden;
    z-index: 0;
  

}




main > div.menu> nav > a::after{

    content: '';
    background-color: #01cfe6;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0px;
    transition: 0.5s ease-in-out;
    z-index: -1;

}

main > div.menu> nav > a:hover::after{

    width: 100%;
}

main > div.menu> nav > a:hover{

    color: #003036;
}


/* CONTAINER-EMPREEND*/

.container{
   
    
    height: 680px;
    width: 85vw;
    margin-top: 100px;
    margin-left:55px;
    margin-bottom: 80px;    
    padding: 10px;
    position: relative;
    box-shadow: 2px 2px 5px  #0291a4a5;
    font-family: Arial, Helvetica, sans-serif;

}

.container > .img-produto{
    background: no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    margin: 0px auto;
    width:200px;
   
}

/*DESCRICAO*/

.container > .descricao-produto{

    padding-top: 10px;
}

.container > .descricao-produto > h2{
    color:#01cfe6;
    font-family: 'roboto';
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
    width: 70vw;

}

.container > .descricao-produto  > p{

    color: white;
    text-align: justify;
    font-size: 16px;
   
    margin-top: 10px;
}



.container > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container > .valor-produto> p{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    
    font-size: 1em;
    
    margin-top: -30px; 
    color: white;
}



/*CONTAINER-MK*/

.container-mk{
   
    
    height: 680px;
    width: 85vw;
    margin-top: 100px;
    margin-left:55px;
    margin-bottom: 80px;    
    padding: 10px;
    position: relative;
    box-shadow: 2px 2px 5px  #0291a4a5;
    font-family: Arial, Helvetica, sans-serif;

}

.container-mk > .img-produto{
    background: no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    margin: 0px auto;
    width:200px;
   
}




/*DESCRICAO*/

.container-mk > .descricao-produto{

    padding-top: 10px;
}

.container-mk > .descricao-produto > h2{
    color:#01cfe6;
    font-family: 'roboto';
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
    width: 70vw;
    

}

.container-mk > .descricao-produto  > p{

    color: white;
    text-align: justify;
    font-size: 16px;
   
    margin-top: 10px;
}



.container-mk > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container-mk > .valor-produto> p{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    
    font-size: 1em;
    
    margin-top: -30px; 
    color: white;
}


/*BOTAO*/


.container-mk > .btn-comec-mark > a{
    display:block;
    text-decoration: none;
    color: white;
    margin: auto;
    padding: 5px;
    text-align: center;
    font-family: 'roboto';
    background-color:#04a8ba;
    border-radius: 5px;
    margin-top:-28px;
    width: 160px;
    position: absolute;
    top: 665px;
    left: 50%;
    transform: translate(-50%);
    
}

.container-mk > .btn-comec-mark > a::before ,.container > .btn-comec-mark > a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    
    border-radius: 5px;
    opacity: .7;
}


.container-mk > .btn-comec-mark > a:hover::before{

    animation: pulsante 1s ease-in-out infinite;
    background-color: #01cfe6;
}


/*CONTAINER-TEC*/


.container-tec{
   
    
    height: 720px;
    width: 85vw;
    margin-top: 100px;
    margin-left:55px;
    margin-bottom: 80px;    
    padding: 10px;
    position: relative;
    box-shadow: 2px 2px 5px  #0291a4a5;
    font-family: Arial, Helvetica, sans-serif;

}

.container-tec > .img-produto{
    background: no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    margin: 0px auto;
    width:200px;
   
}

/*DESCRICAO*/

.container-tec > .descricao-produto{

    padding-top: 10px;
}

.container-tec > .descricao-produto > h2{
    color:#01cfe6;
    font-family: 'roboto';
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
    width: 70vw;

}

.container-tec > .descricao-produto  > p{

    color: white;
    text-align: justify;
    font-size: 16px;
   
    margin-top: 10px;
}



.container-tec > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container-tec > .valor-produto> p{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    
    font-size: 1em;
    
    margin-top: -30px; 
    color: white;
}

/*BOTÃO*/


.container-tec > .btn-comec-tec > a{
    display:block;
    text-decoration: none;
    color: white;
    margin: auto;
    padding: 5px;
    text-align: center;
    font-family: 'roboto';
    background-color:#04a8ba;
    border-radius: 5px;
    margin-top:-28px;
    width: 160px;
    position: absolute;
    top: 710px;
    left: 50%;
    transform: translate(-50%);
    
}

.container-tec > .btn-comec-tec > a::before ,.container > .btn-comec > a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    
    border-radius: 5px;
    opacity: .7;
}


.container-tec > .btn-comec-tec > a:hover::before{

    animation: pulsante 1s ease-in-out infinite;
    background-color: #01cfe6;
}



/*CAPA EMPRENDEDORISMO*/


 .container#gastro > .img-produto{
    background: url(../../imagens/empreend/COMBOGASTRONOMIA.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    
    width:200px;
   
}

.container#gastro> .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 55px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



 .container#hamburg > .img-produto{
    background: url(../../imagens/empreend/curso-de-hamburguer.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    
    width: 200px;
   
}

.container#hamburg> .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 75px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


 .container#manicure > .img-produto{
    background: url(../../imagens/empreend/curso-manicure.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
   
    width: 200px;
   
}

.container#manicure > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


 .container#design1 > .img-produto{
    background: url(../../imagens/empreend/desginer-spbrancelha1.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
 
    width: 200px;
   
}

.container#design1> .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 40px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


.container#design2 > .img-produto{
    background: url(../../imagens/empreend/CpiadeDesignsemnome3.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    
    width: 200px;
   
}

.container#design2> .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}




.container#gamer > .img-produto{
    background: url(../../imagens/empreend/manutenção-comp1.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    width: 200px;
   
}

.container#gamer > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 75px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



.container#manutencao-pc > .img-produto{
    background: url(../../imagens/empreend/manutenonote02.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 150px;
    width: 160px;
   
}

.container#manutencao-pc > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    width: 75vw;

}

.container#manutencao-pc> .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}




.container#designer-grafico > .img-produto{
    background: url(../../imagens/empreend/PERFILDNP.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 150px;
    
    width: 160px;
   
}

.container#designer-grafico > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 80px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container#ar > .img-produto{
    background: url(../../imagens/empreend/manut_ar_condic1.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    
    width: 200px;
   
}

.container#ar > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    width: 75vw;

}

.container#ar > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 80px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container#injec > .img-produto{
    background: url(../../imagens/empreend/injecao.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 160px;
    
    width: 200px;
   
}

.container#injec > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


/* CAPA CURSO DE MARKETING DIGITAL*/

.container-mk#mk1 > .img-produto{
    background: url(../../imagens/marketing/thumbsingle698b20f.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
    
    width: 200px;
   
}

.container-mk#mk1 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


.container-mk#mk2 > .img-produto{
    background: url(../../imagens/marketing/MarketingDigital2.webp) no-repeat center center;
    background-size: cover;
    display: block;
    height: 150px;
   
    width: 160px;
   
}

.container-mk#mk2 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container-mk#mk3 > .img-produto{
    background: url(../../imagens/marketing/marketing4.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 140px;
   
    width: 200px;
   
}

.container-mk#mk3 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 80px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



.container-mk#mk4 > .img-produto{
    background: url(../../imagens/marketing/marketing\ -digital-4.webp) no-repeat center center;
    background-size: cover;
    display: block;
    height: 150px;
   
    width: 160px;
   
}




    
/* CAPA CURSO TECNOLOGIA*/


.container-tec#py1 > .img-produto{
    background: url(../../imagens/tecnologia/curso-python1.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 120px;
    
    width: 200px;
   
}

.container-tec#py1 > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 17px;
    font-weight: 500;
    margin-top: 15px;
    width: 68vw;

}

.container-tec#py1 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;   
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}




.container-tec#py2 > .img-produto{
    background: url(../../imagens/tecnologia/curso-python2.webp) no-repeat center center;
    background-size: contain;
    display: block;
    height: 110px;
 
    width: 200px;
   
}

.container-tec#py2 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



.container-tec#html1 > .img-produto{
    background: url(../../imagens/tecnologia/htm\ e\ css.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 120px;
   
    width: 135px;
   
}

.container-tec#html1 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}

.container-tec#html1 > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 15px;
    width: 68vw;

}



.container-tec#html2 > .img-produto{
    background: url(../../imagens/tecnologia/html-css2.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 120px;
    
    width: 135px;
   
}

.container-tec#html2 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



.container-tec#java > .img-produto{
    background: url(../../imagens/tecnologia/curso-java.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 120px;
    
    width: 135px;
   
}

.container-tec#java > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 1.0em;
    font-weight: 600;
    margin-top: 15px;
    width: 68vw;

}

.container-tec#java > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}


.container-tec#php1 > .img-produto{
    background: url(../../imagens/tecnologia/php2.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 120px;
    
    width: 135px;
   
}

.container-tec#php1 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}




.container-tec#php2 > .img-produto{
    background: url(../../imagens/tecnologia/php1.png) no-repeat center center;
    background-size: cover;
    display: block;
    height: 120px;
    
    width: 135px;
   
}

.container-tec#php2 > .descricao-produto > h2{
    color:#01cfe6;
    font-size: 1.5em;
    font-weight: 500;
    margin-top: 15px;
    width: 68vw;

}

.container-tec#php2 > .descricao-produto  > p{

    color: white;
    text-align: justify;
    font-size: 16px;
    line-height: 25px;
   
    margin-top: 10px;
}

.container-tec#php2 > .valor-produto > span{
    display: block;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    color: white;
    font-weight: 300;
   
    margin-top: 90px;
    margin-bottom: 20px;
    font-size: 1.5em;
    padding-bottom: 20px;
}



/* BOTÃO COMEC EMPREEND*/

.container > .btn-comec-empreend > a{
    display:block;
    text-decoration: none;
    color: white;
    margin: auto;
    padding: 5px;
    text-align: center;
    font-family: 'roboto';
    background-color:#04a8ba;
    border-radius: 5px;
    margin-top:-28px;
    width: 160px;
    position: absolute;
    top: 670px;
    left: 50%;
    transform: translate(-50%);
    
}

.container > .btn-comec-empreend > a::before ,.container > .btn-comec-empreend > a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    
    border-radius: 5px;
    opacity: .7;
}


.container > .btn-comec-empreend > a:hover::before{

    animation: pulsante 1s ease-in-out infinite;
    background-color: #01cfe6;
}












@keyframes pulsante {
    100%{
        transform: scale(1.2);
        opacity: 0;
    }   
}

.container > .btn-comec > a:hover::before{

    animation: pulsante 1s ease-in-out infinite;
    background-color: #01cfe6;
}


footer{
    margin-top: 600px;
    color: white;
    border-top: 2px solid rgb(0, 83, 110);
    padding-top: 30px;
    padding-bottom: 0px;
    height: 320px;


}

.interface{
    max-width: 78vw;
    
    margin: 0 auto;
    margin-left: 45px;
    

    
    
}

footer .line-1 {
    font-family: 'roboto';
    text-align: center;
    color: #01cfe6;
    font-size: 1.5rem;
    width: 80vw;
       
}


footer .line-2{
    padding: 20px 0px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: center;
    
    

}

footer .line-2 > .box-line{

    max-width: calc(100% / 3);
}
  

.line-2 > .box-line > h3{
    font-family: 'ibm';
    color: #04a8ba;
    margin-bottom: 20px;
    font-size: 1.5em;
 
    
}

.line-2 > .box-line > .links > a{
    display: block;
    color: white;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    transition: .2s;
    position: relative;

}


/* LINK SOBRE MIM*/


.line-2 > .box-line > .links > a#sobre-mim{

    width: 95px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#sobre-mim::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#sobre-mim:hover::after{
    width: 95px;
}

.line-2 > .box-line > .links > a#sobre-mim:hover{

    color: #01cfe6;
}



/* LINK AJUDA*/    



.line-2 > .box-line > .links > a#help{

    width: 52px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#help::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#help:hover::after{
    width: 50px;
}

.line-2 > .box-line > .links > a#help:hover{

    color: #01cfe6;
}




/* LINK TERMOS*/

.line-2 > .box-line > .links > a#termos{

    width: 130px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#termos::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#termos:hover::after{
    width: 100%;
}

.line-2 > .box-line > .links > a#termos:hover{

    color: #01cfe6;
}




/* LINK POLITICA*/

.line-2 > .box-line > .links > a#politica{

    width: 180px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#politica::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#politica:hover::after{
    width: 100%;
}

.line-2 > .box-line > .links > a#politica:hover{

    color: #01cfe6;
}

/* LINK EMAIL*/

.line-2 > .box-line > .links > a#email{

    width: 180px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#email::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#email:hover::after{
    width: 100%;
}

.line-2 > .box-line > .links > a#email:hover{

    color: #01cfe6;
}


/*LINK TELEFONE*/

.line-2 > .box-line > .links > a#telefone{

    width: 142px;
    position: relative;
    transition: .2s;
    
}

.line-2 > .box-line > .links > a#telefone::after{

    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #01cfe6;
    width:0px;
    height: 1px;
    transition: 0.2s ease-in-out;
    

}    

.line-2 > .box-line > .links > a#telefone:hover::after{
    width: 100%;
}

.line-2 > .box-line > .links > a#telefone:hover{

    color: #01cfe6;
}

.box-line > .btn-redes{

    margin-left: -15px;
}


.box-line > .btn-redes > a > button > i{

    display:inline;
    font-size: 1.7em;
    padding: 5px;
    

    
}

.box-line > .btn-redes > a > button{

    margin: 0px 10px;
    display: inline;
    color: white;
    background: #202020;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    transition: .2s;
    
}

.box-line > .btn-redes > a > button:hover{

    color: #01cfe6;
}

.line-3{
    margin-left: 40px;
}
.line-3 > p{
    font-family: 'roboto';
    text-align: center;
    font-size: 0.9em;
}
 }