@font-face {
    font-family: 'fonte-firmar';
    src: url("../plugins/web-fonts/fonts_site/Typo_Round_Regular_Demo.otf");
}

html, body {   
    margin: 0px!important; 
    padding: 0px!important; 
}

.fonte-um {
    font-family: fonte-firmar!important;
}
.fonte-dois {
    font-family: "Montserrat"!important;
}

html {    
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.texto-roxo {
    color: #6804cc!important;
}

.text-azul {
    color: #0aebea;
}

h6 {
    color: #6804cc;
    font-weight: bold;
    text-align: left;
}

h5 {
    color: #0aebea;
    font-weight: bold;
    text-align: center;
}

h2 {
    color: rgba(0,0,0,0.8);
    text-align: center;
}

.navbar {
    position: top;
    z-index: 2;
    opacity: 0.9;
    background-color: #FFF;
}

#container-nav {
    display: flex;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.navbar-nav {
    width: 100%;
}

.nav-item {
    width: 10%;
    margin-right: 5%;
    text-align: left;
    display: flex;
    align-items: center;
}

.button-legal {
    border: 0px;
    background: linear-gradient(0.25turn, rgba(0,234,234), rgba(0,162,198))!important;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    width: 130px;
    height: 60px;
}

.btn-cadastro {
    background: linear-gradient(0.25turn, rgba(0,234,234), rgba(0,162,198))!important;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    width: 100%;
}

.logo-clientes  {
    padding: 5%;
    display: flex;
    align-items: center;
}

.logo-clientes  {
    width: 180px;
    height: 180px;
}

.icone-cliente {
    border: solid;
    height: 80%!important;
}

/**
 * TOPO
 */
#topo .imagem-topo {
    margin-top: -75px;
    height: 100vh;
    background-image: url('../img/site/imagem-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#topo h6 {
    color: #FFF;
}


/**
 * QUEM SOMOS
 */
#quemsomos {
    min-height: 300px;
    background-color: #6804cc;
    border-top-right-radius: 50px;
    padding: 50px 0px 0px 0px;
    color: #FFF;
}

#quemsomos .imagem-quemsomos {
    height: 100%;
    min-height: 600px;
    background-image: url('../img/site/imagem-2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#quemsomos .botao-play {
    width: 150px;
    height: 150px;
    cursor: pointer;
    background-image: url('../img/site/botaoplay.png');
    visibility: visible;
    animation-name: fadeInLeft;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1!important;
}

/**
 *  COMO FUNCIONA
 */
#comofunciona {
    margin: 0px;
    padding-top: 5%;
    background-color: #6804cc;
}

#comofunciona .tamanho-comofunciona {
    margin-top: 50px;
}

/**
 *  NOSSOS PLANOS
 */
#nossosplanos {
    position: relative;
    min-height: 300px;
    width: 100%;
    padding: 0px;
    background-color: #0aebea;
    display: flex;
    align-items: center;
    color: #FFF;
}

#nossosplanos .imagem-nossosplanos {
    min-height: 700px;
    background-image: url('../img/site/imagem-3.png');    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#planos {
    margin-top: -50px;
    min-height: 300px;
    background-color: #6804cc;
    border-top-left-radius: 50px;
    padding: 50px 10px 50px 0px;
    color: #FFF;
    position: relative;
}

#planos .container-planos {
    background-color: #FFF;
    color: #6804cc;
    border-radius: 10px;
}

#planos .container-planos h6, h2 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 0px!important;
}

/**
 * CLIENTES
 */
 #clientes {
     background-color: #fff;
 }

/**
 *  INDICAÇÕES  
 */

#indicacoes {
    min-height: 300px;
    background-color: #0aebea;
    color: #FFF;
    position: relative;
}

#indicacoes .container-planos {
    background-color: #FFF;
    color: #6804cc;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
}



/**
 * LEGAL
 */
 #legal {
    background-color: #fff;
    padding-bottom: 100px;
}

/**
 *  PERGUNTAS FREQUENTES
 */
 #perguntasfrequentes {
    min-height: 300px;
    margin-top: -50px;
    background-color: #6804cc;
    border-top-left-radius: 50px;
    padding: 0px 10px 50px 0px;
    color: #FFF;
    position: relative;
}

#perguntasfrequentes .linha-pergunta {
    color: #FFF;
    font-size: 12pt;
    letter-spacing: 0.5px;
}

#perguntasfrequentes .linha-pergunta:hover {
    color: #FFF;
    font-size: 12pt;
    letter-spacing: 0.5px;
    font-weight: bold;
}

#perguntasfrequentes .container-resposta {
    border-bottom: 1px solid #0aebea;
    padding: 5px;
    text-align: justify;
}

#perguntasfrequentes .citacao {
    font-style: italic;
    padding-left: 20%;
}

#perguntasfrequentes .button-perguntas {
    border: 0px;
    background: linear-gradient(0.25turn, rgba(0,234,234), rgba(0,162,198))!important;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    margin: 0px;
}


/**
 *  FALE CONOSCO
 */
 #faleconosco {
    margin: 0px;
    padding-top: 5%;
    background-color: #6804cc;
}

#faleconosco .tamanho-faleconosco {
    margin-top: 50px;
}

/**
 *  FOOTER
 */

#footer {
    position: relative;
    min-height: 200px;
    width: 100%;
    padding: 0px;
    background-color: #0aebea;
    display: flex;
    align-items: center;
}

#footer p {
    position: relative;
    cursor: pointer;
    margin: 0px!important;
}

#footer a:hover {
    font-weight: bold;
}

/**********************************************/
/*             LANDING PAGE                   */
/**********************************************/
#l-quemsomos {
    min-height: 300px;
    background-color: #6804cc;
    padding: 5px 0px 0px 0px;
    color: #FFF;
}

#l-quemsomos .l-imagem-quemsomos {
    height: 100%;
    min-height: 600px;
    background-image: url('../img/site/imagem-2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#l-quemsomos .l-botao-play {
    width: 150px;
    height: 150px;
    cursor: pointer;
    background-image: url('../img/site/botaoplay.png');
    visibility: visible;
    animation-name: fadeInLeft;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1!important;
}

#l-nossosplanos {
    position: relative;
    min-height: 300px;
    width: 100%;
    padding: 0px;
    background-color: #0aebea;
    display: flex;
    align-items: center;
    color: #FFF;
}

#l-nossosplanos .l-imagem-nossosplanos {
    min-height: 700px;
    background-image: url('../img/site/imagem-3.png');    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#l-planos {
    margin-top: -50px;
    min-height: 300px;
    background-color: #6804cc;
    border-top-left-radius: 50px;
    padding: 20px 10px 50px 0px;
    color: #FFF;
    position: relative;
}

#l-planos .l-container-planos {
    background-color: #FFF;
    color: #6804cc;
    border-radius: 10px;
}

#l-planos .l-container-planos h6, h2 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 0px!important;
}