*{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    scroll-behavior: smooth;
}

::-webkit-scrollbar-track {
    background-color: #22242a;
}
::-webkit-scrollbar {
    width: 8px;
    background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
    background: #f4a022;
}

.naoSelecionavel {
    -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;            /* Possível implementação no futuro */
    /* cursor: default; */
}

.container, .container-fluid, .row{
    padding: 0;
    margin: auto;
}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.box-button{
    text-align: right;
}

.btn-header{
    text-decoration: none;
    color: #ffbf37;
    background-color: transparent;
    border: none;
    padding: 10px 10px 0 10px;
    font-size: 1.6rem;
    font-family: 'Teko', sans-serif;
}

.btn-header:hover{
    text-decoration: underline;
    cursor: pointer;
}

#header{
    background-color: #273039;
}

#header img{
    max-width: 150px;
}

#header .logo-img, .logo-text{
    text-align: center;
}

#header .logo-img{
    padding-top: 10px;
}

#header .logo-text{
    background-color: #ffbf37;
    color: #000000;
    margin-top: 5px;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#head-line{
    padding: 20px;
    color: white;
    /*background: linear-gradient(to bottom, #febe4c , #000000);*/
    background-color: #2b333b;
}

#head-line h1{
    color: #fcc500;
    font-size: 1.6rem;
    font-family: 'Paytone One', sans-serif;
}

#head-line h2{
    font-weight: bold;
    font-size: 1.4rem;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
}

#head-line h3{
    background-color: transparent;
    font-size: 1.7rem;
    font-family: 'Teko', sans-serif;
    padding: 66px 0 10px 10px;
    color: #FFFFFF;
}

#head-line .destaque{
    font-family: 'Oleo Script', cursive;
    color: #fcc500;
    font-weight: normal;
    font-size: 2.3rem;
}


.btn-cadastro{
    padding: 10px 10px 5px 10px;
    background-color: #ffbf37;
    color: #000000;
    border-radius: 5px;
    border: none;
    font-family: 'Teko', sans-serif;
    font-size: 1.7rem;
    width: 100%;
    font-weight: normal;
}

.btn-cadastro #small{
    font-family: 'Teko', sans-serif;
    font-size: 1rem;
    display: block;
    font-weight: normal;
}

.btn-cadastro #big{
    font-family: 'Teko', sans-serif;
    font-size: 1.7rem;
    display: block;
    font-weight: normal;
}

.btn-cadastro:hover{
    cursor: pointer;
    background-color: #ffc956;
}

#problema{
    background-color: #f0f0f1;
    text-align: justify;
    padding-top: 20px;
}

#problema .bloco{
    border-bottom: 1px solid #00000012;
    padding: 20px;
}

#problema h2{
    font-size: 1rem;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

#problema #editor-texto{
    background: linear-gradient(to left, #2b333b , #13c2ea);
}

#problema #troca-dados{
    background: linear-gradient(to right, #2b333b , #0083a0);
}

#problema #envio-emails{
    background: linear-gradient(to left, #2b333b , #e25d5e);
}

#problema #certificado-falso{
    background: linear-gradient(to right, #2b333b , #f7d16f);
}

#problema p{
    font-size: 1.3rem;
    font-weight: 300;
    color: #07203a;
    font-family: 'Raleway', sans-serif;
}

#problema .destaque{
    font-family: 'Oleo Script', cursive;
    color: #2b333b;
    font-weight: normal;
    font-size: 1.5rem;
}

#solucao{
    background-color: #f0f0f1;
}

#solucao .destaque{
    font-family: 'Oleo Script', cursive;
    color: #febb36;
    font-weight: normal;
    font-size: 2.5rem;
    border-radius: 5px;
}

#solucao .destaque-simples{
    font-family: 'Teko', sans-serif;
    color: #febb36;
    font-weight: normal;
    font-size: 2.3rem;
    border-radius: 5px;
}


#solucao h2, h3{
    font-size: 1.5rem;
    color: #000000;
    font-weight: 300;
    text-align: center;
    padding: 10px;
    margin: 0;
    background-color: #FFFFFF;
}

#solucao h3{
    text-decoration: none;
    font-size: 1.7rem;
    font-family: 'Teko', sans-serif;
    color: #FFFFFF;
    background: #2b333b;
}

#solucao p{
    text-align: center;
    font-weight: bold;
}

#solucao .passos{
    padding: 30px 0;
    text-align: center;
}

#solucao .img_passo{
    max-width: 60%;
}

#beneficios{
    background-color: #525659;
}

#beneficios h3{
    text-decoration: none;
    font-size: 1.7rem;
    font-family: 'Teko', sans-serif;
    color: #FFFFFF;
    background: #2b333b;
}

#beneficios .modelo-certificado{
    text-align: center;
    padding: 30px;
}

#beneficios .modelo-certificado .editor-pdf img{
    max-width: 75%;
}


#beneficios .modelo-certificado .vantagens-box{
    text-align: left;
    color: white;
    padding: 0 50px;
}

#beneficios .modelo-certificado .vantagens-box .number{
    font-weight: bold;
    font-size: 2rem;
}

#beneficios .modelo-certificado .vantagens-box h4{
    color: #ffb73d;
    text-align: left;
    font-size: 1.2rem;
    margin: 0;
    font-weight: bold;
}

#beneficios .modelo-certificado .vantagens-box p{
    color: #ffffff;
    text-align: justify;
    font-size: 1rem;
    border-bottom: 4px dotted rgba(255, 183, 61, 0.21);
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#credenciais{
    background-color: #2b333b;
}

#credenciais .logo img{
    max-width: 75%;
}

#credenciais .missao{
    background-color: #ffffff;
    padding: 10px;
    border-top: 1px solid #d6d6d6;
}

#credenciais .arredondado{
    border-radius: 10px 0 0 10px;
}

#credenciais .missao img{
    max-width: 60%;
}

#credenciais h2{
    background-color: transparent;
    text-decoration: none;
    font-size: 2.5rem;
    font-family: 'Teko', sans-serif;
    color: #2b333b;
    font-style: italic;
    border: none;
}

#beneficios-2{
    background-color: #FFFFFF;
}

#credenciais h3{
    text-decoration: none;
    font-size: 2rem;
    font-family: 'Teko', sans-serif;
    color: #ffffff;
    background: #2b333b;
    border: none;
}

#beneficios-2 .facilidades{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    padding: 10px;
}

#beneficios-2 .facilidades img{
    max-width: 85%;
}

#beneficios-2 .teste-free{
    font-family: 'Paytone One', sans-serif;
    color: white;
    background-color: #00c06b;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
    font-size: 1.8rem;
}

#beneficios-2 .teste-100{
    font-family: 'Graduate', cursive;
    text-align: center;
    color: #ffae52;
    font-size: 6rem;
    background-color: #e0fbe1;
    margin: 0;
}

#pre-lancamento{
    background-color: #ca3d4b;
}

#pre-lancamento h2{
    font-family: 'Paytone One', sans-serif;
    color: white;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    font-weight: normal;
}

#pre-lancamento .gift{
    font-family: 'Graduate', cursive;
    color: #ca3d4b;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    background-color: #efeff0;
}


#cadastro{
    text-align: left;
    padding: 10px;
    background: linear-gradient(to left, #8a6624 , #31373e);
    color : #fff;
}

#cadastro h2{
    font-family: 'Oleo Script', cursive;
    color:#fcc500;
    font-size: 3rem;
    text-align: center;
}

#cadastro img{
    max-width: 80%;
}

#cadastro .selos{
    display: inline;
    height: 50px;
}

#cadastro .selos img, a{
    width: auto;
    max-width: 100%;
    height: inherit;
    margin: 20px 10px 0 10px;
}

#cadastro-form{
    padding-top: 10px;
}

#cadastro .linha-form{
    border-right: 1px solid #B29999;
}

#cadastro label{
    font-family: 'Teko', sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    font-weight: normal;
}

.small{
    font-size: 0.8em;
    line-height: 1em;
    font-weight: normal;
}

#cadastro input{
    font-family: 'Teko', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
}

#cadastro input:disabled {
    background-color: #c6c6c6;
    color: #868686;
}

#cadastro .submit{
    font-size: 1.1em;
    float: right;
    width: 150px;
    background-color: transparent;
    color: #fff;

}

#cadastro .form-checkbox{
    color: #31373e;
    margin-bottom: 12px;
    padding: 0;
}

#cadastro .form-checkbox:hover{
    cursor: pointer;
}

#cadastro .form-checkbox-icon{
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    border-radius: 5px 0 0 5px;
    padding: 0 !important;
}

#cadastro .unchecked{
    background-color: #ffbf37;
}

#cadastro .checked{
    background-color: #00c06a;
    color: #FFFFFF;
}

#checked{
    display: none;
}

#cadastro .form-checkbox-label{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    text-align: justify;
    background-color: #FFFFFF;
    border-radius: 0 5px 5px 0;
}

footer{
    background: linear-gradient(to left, #8a6624 , #31373e);
}

footer .sessao-info{
    padding: 10px 0 5px 0;
    font-family: 'Teko', sans-serif;
    background: linear-gradient(to left, #8a6624 , #31373e);
    color : #fff;
    font-size: 14pt;
    text-align: left;
}

footer .info{
    padding: 0;
}

footer .info a{
    text-decoration: none;
    color : #fff;
}

footer .redes-sociais{
    font-size: 30pt;
    text-align: right;
    padding-top: 10px;
}

footer .redes-sociais a{
    text-decoration: none;
    color: #fff;
}

footer .fim-pagina{
    background-color: #31373e;
    border-top: 1px solid orange;
    color: orange;
    padding: 10px;
}

/***************** Configurações para Celular *******************/

@media only screen and (max-width: 1000px) {
    .container {
        min-width: 100%;
    }

    .box-button{
        text-align: center;
    }

    .btn-header{
        font-size: 3rem;
    }

    .btn-header:hover{
        text-decoration: underline;
        cursor: pointer;
    }

    #header img{
        max-width: 300px;
    }

    #header .logo-text{
        font-size: 3rem;
    }


    #head-line h1{
        padding-top: 15px;
        font-size: 3rem;
        text-align: justify;
    }

    #head-line h2{
        font-size: 3.2rem;
    }

    #head-line .destaque{
        font-size: 3.6rem;
    }

    #head-line .btn-cadastro{
        font-size: 4rem;
    }

    #problema h2{
        font-size: 1.8rem;
    }

    #problema p, #problema .destaque{
        font-size: 3rem;
    }

    #solucao .destaque{
        font-size: 4rem;
    }

    #solucao .destaque-simples{
        font-size: 4rem;
    }

    #solucao h2, h3{
        font-size: 3.5rem !important;
    }

    #solucao .passos{
        max-width: 80%;
    }

    #solucao p{
        font-size: 3rem;
    }

    #beneficios h3, #beneficios-2 h3{
        font-size: 4rem;
    }

    #beneficios .modelo-certificado .vantagens-box .number {
        font-size: 4rem;
    }
    #beneficios .modelo-certificado .vantagens-box h4{
        font-size: 3rem;
    }

    #beneficios .modelo-certificado .vantagens-box p{
        font-size: 2.5rem;
    }

    #beneficios .modelo-certificado .editor-pdf{
        text-align: center;
    }

    #beneficios .modelo-certificado .editor-pdf img{
        max-width: 100% !important;
    }

    #beneficios-2 .teste-free{
        font-size: 2.6rem;
    }

    #beneficios-2 .teste-100{
        font-size: 8rem;
    }

    #pre-lancamento h2 {
        font-size: 2.5rem;
    }

    #pre-lancamento .gift {
        font-size: 3rem;
        background-color: white;
    }

    #credenciais .missao{
        border: none !important;
    }

    #credenciais h2 {
        font-size: 4.5rem;
    }

    #credenciais .arredondado{
        border-radius: 0 !important;
    }

    #cadastro h2{
        font-size: 5rem;
        padding: 10px;
    }

    #cadastro .linha-form{
        border: none;
        text-align: center;
    }

    #cadastro label{
        font-size: 4rem;
    }

    #cadastro .form-control{
        font-size: 4rem;
    }

    .small{
        font-size: 2em;
        line-height: 1em;
        font-weight: normal;
    }

    #cadastro p{
        font-size: 2.5rem;
        text-align: justify;
    }

    #cadastro .btn-cadastro{
        font-size: 4rem;
        margin-bottom: 20px;
    }

    #cadastro .btn-cadastro #small{
        font-family: 'Teko', sans-serif;
        font-size: 3rem;
        display: block;
        font-weight: normal;
    }

    #cadastro .btn-cadastro #big{
        font-family: 'Teko', sans-serif;
        font-size: 4rem;
        display: block;
        font-weight: normal;
    }

    #cadastro .selos{
        display: inline;
        height: 120px;
    }

    #cadastro .form-checkbox{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cadastro .form-checkbox-icon{
        font-size: 5rem;
        padding: 8px !important;
    }

    #cadastro .form-checkbox-label{
        font-size: 2rem;
    }
}