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

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

    .container {
        min-width: 100%;
    }

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

    .btn {
        padding: 30px 0;
        font-size: 2.5rem;
    }

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

    .only-mobile {
        display: initial;
    }

    .only-desktop {
        display: none;
    }

    .only-desktop-beneficios {
        display: none;
    }

    #head-line {
        padding: 0 0 25px 0;
    }

    #head-line #cabecalho-horizontal {
        display: none;
    }

    #head-line #cabecalho-horizontal {
        display: none;
    }

    #head-line #cabecalho-vertical {
        display: initial;
        max-width: 80%;
    }

    #head-line img {
        max-width: 100%;
        height: auto;
    }

    #head-line h1 {
        margin-top: 5%;
        margin-bottom: 5%;
        color: #002148;
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1.26;
        text-align: center;
        padding-left: 10px;
    }

    #head-line h2 {
        color: #FFFFFF;
        font-size: 3rem;
        line-height: 1.45;
        margin-top: 5%;
        margin-bottom: 5%;
        font-family: Exo,sans-serif;
    }

    #head-line .video-vendas-box{
        padding: 0 25px;
    }

    #head-line h3 {
        color: #FFFFFF;
        font-weight: 300;
        font-size: 2.5rem;
        margin-bottom: 3%;
        font-family: ShantellSans, Sans-serif;
    }

    #head-line .head-line-3 {
        text-align: center;
        color: #002148;
        font-size: 1.1rem;
        font-family: ShantellSans, Sans-serif;
        margin-top: 7%;
    }

    #head-line .head-line-3 span {
        color: #002148;
        background-color: #ff914c57;
    }

    #head-line .head-line-2 {
        text-align: center;
        font-size: 1.1rem;
        color: #002148;
        font-family: ShantellSans, Sans-serif;
        font-weight: 500;
        margin-bottom: 20px;
    }

    #head-line .head-line-4 {
        text-align: center;
        font-size: 1rem;
        color: #002148;
        font-family: ShantellSans, Sans-serif;
        font-weight: 500;
        margin-top: 7%;
    }

    #motivos .bonus-bn{
        border-radius: 0;
        margin: 0;
    }

    #motivos .bonus-bn .resenha h2{
        font-size: 1.4rem;
    }

    #motivos .bonus-bn .resenha h2 span{
        font-family: "Bebas Neue Pro", "Bebas Neue Pro Placeholder", sans-serif;
        color: #ff914c;
        background-color: transparent;
    }


    #motivos .bonus-bn .resenha-texto span{
        background-color: #3b3b3b;
        color: #FFFFFF;
    }

    #motivos .img-fluid {
        max-width: 60%;
    }

    #motivos .resenha {
        font-size: 1.1rem;
        padding: 10px 20px;
        line-height: 2;
        margin-top: 0;
    }

    #motivos .resenha h2{
        font-size: 1.4rem;
        line-height: 35px;
    }

    #head-line .btn {
        border-radius: 10px;
        border: none;
        font-size: 1.1rem;
        width: 100%;
        font-family: ShantellSans, Sans-serif;
        font-weight: 700;
        color: #ffffff;
        padding: 10px;
    }

    /*---*/

    #sentimentos{
        background-image: url("../img/aulas_background_mobile.png");
        border-bottom: 2px solid #ff914c;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
    }

    #sentimentos .transparencia{
        background-color: #00000094;
    }

    #sentimentos .col{
        font-family: ShantellSans, Sans-serif;
        line-height: 1.45;
        text-align: center;
        font-weight: 700;
        color: #ffffff;
        font-size: 1.2rem;
    }

    #sentimentos img{
        width: 60% !important;
    }

    #sentimentos .conclusao{
        font-size: 4.5rem;
        padding: 5px 15px;
    }

    #myVideo {
        position: fixed;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1000;
        transform: translateX(calc((100% - 100vw) / 2));
    }

    /*---*/

    #dores {
        background: #002148;
        color: #ffffff;
        font-weight: 400;
        text-align: justify;
        font-size: 2.5rem;
        line-height: 1.6;
        padding: 40px 30px 30px 30px;
    }

    #dores h3{
        font-size: 3rem;
        margin-bottom: 30px;
        color: #ffffff;
        padding: 15px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }

    #dores .img-box{
        text-align: center;
    }

    #dores #img-guarda-roupas-mobile {
        max-width: 60%;
        display: block;
        margin: 0 auto;
    }

    #dores #img-tecnologia-mobile {
        max-width: 100%;
        margin: 0 auto;
    }

    #dores #img-marcenaria-mobile {
        max-width: 35%;
        margin: 0 auto;
    }

    #dores #img-copia-cola-mobile {
        max-width: 50%;
        margin: 0 auto;
    }

    #dores p{
        padding: 10px 0;
    }

    #dores .left{
        text-align: left;
    }

    #dores .right{
        text-align: right;
    }

    #dores .negrito-laranja{
        font-weight: bold;
        color: #ff914c;
    }

    #dores .destaque{
        background-color: transparent;
        color: #ff914c;
        padding: 0;
        font-weight: bold;
        font-size: 3rem;
        text-align: left;
        margin-top: 40px;
    }

    #dores .conclusao {
        text-align: center;
    }

    #dores .pergunta {
        background-color: #002148;;
        padding: 10px;
        margin-bottom: 30px;
        border-radius: 10px;
        color: #ff914c;
        line-height: 1.5;
        font-size: 2.6rem;
        font-weight: 400;
        text-align: center;
    }

    #dores .icon{
        font-size: 3.2rem;
        text-align: center;
        display: block;
    }

    #dores .pergunta-impar{
        color: #ff914c;
    }

    #dores .pergunta-par{
        color: #ffffff;
    }

    #dores .conclusao h3{
        font-size: 2.8rem;
        color: #ff914c;
        font-weight: bold;
        line-height: 1.6;
        margin-top: 15px;
        text-align: center;
        padding: 0;
    }

    #dores .conclusao h4{
        color: #ff914c;
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 1.6;
        margin-top: 15px;
        text-align: justify;
    }

    #dores .botao {
        padding: 0;
    }

    #dores .btn {
        margin: 30px 0 10px 0;
        background-color: #ff914c;
        font-size: 3rem;
        padding: 30px 0;
        font-weight: bold;
    }

    /*---*/

    #titulo-sobre {
        text-align: center;
        padding: 30px 0 40px 0;
        font-size: 3rem;
    }

    #sobre p {
        font-size: 2.3rem;
        line-height: 1.5;
        padding: 0 30px;
        margin-bottom: 30px;
        font-weight: 300;
    }

    #sobre p strong{
        font-weight: 600;
    }

    #sobre .botao {
        margin-bottom: 30px;
    }

    /*---*/

    #detalhes-treinamento {
        padding: 0 10px;
    }

    #detalhes-treinamento #aulas .roadmap .col{
        padding: 0;
    }

    #detalhes-treinamento .titulo-videos{
        font-size: 1.3rem;
    }

    #detalhes-treinamento .titulo-modulo-sessao{
        font-size: 1.2rem;
        background-color: #ff914c;
        color: #002148 !important;
        padding: 15px;
        border: none;
    }

    #detalhes-treinamento .media {
        margin-bottom: 0;
        padding: 0;
        border-radius: 10px;
    }

    #detalhes-treinamento .link-aula {
        text-align: center;
        padding: 0;
        border-radius: 10px 10px 0 0;
    }

    #detalhes-treinamento img {
        width: 100%;
        margin: 0 !important;
        border-radius: 10px 10px 0 0;
    }

    #detalhes-treinamento .media .motivacao{
        font-size: 2.1rem;
        display: block;
    }

    #detalhes-treinamento .media .motivacao .detalhe {
        text-align: center;
        font-size: 1.6rem;
        margin: 10px 0;
    }

    #detalhes-treinamento .media p{
        font-size: 2.2rem;
        display: block;
        font-weight: 300;
    }

    #detalhes-treinamento h5 {
        margin-top: 30px !important;
        margin-bottom: 20px !important;
        font-size: 2.6rem;
    }

    #detalhes-treinamento h5 span {
        font-family: 'Paytone One', sans-serif;
        color: #ff914c;
    }

    #detalhes-treinamento .artigos .artigos-mobile{
        display: block;
    }

    #detalhes-treinamento .artigos .artigos-desktop{
        display: none;
    }

    #detalhes-treinamento .botao {
        padding: 0;
        margin: 20px 0 50px 0;
    }

    #detalhes-treinamento .botao .btn {
        font-size: 3rem;
        width: 100%;
        margin-top: 10px;
    }

    #detalhes-treinamento .aula-esquerda{
        padding: 10px;
    }

    #detalhes-treinamento .aula-meio{
        padding: 10px;
    }

    #detalhes-treinamento .aula-direita{
        padding: 10px;
    }

    #detalhes-treinamento .modulos{
        text-align: right;
    }

    #detalhes-treinamento .modulo-header img{
        width: 90% !important;
    }

    #detalhes-treinamento .modulos .titulo-modulo{
        font-size: 3.2rem;
    }

    #detalhes-treinamento .modulos img{
        width: 60%;
        margin-right: 10px !important;
    }

    #detalhes-treinamento .modulos p{
        margin-top: 10px;
        font-size: 2.3rem;
        text-align: left;
    }



    /*---*/
    #informacao .informacao-bloco {
        padding: 0 8px;
        margin: 20px 0;
    }

    #informacao .informacao-bloco .icon{
        font-size: 3.5rem;
        margin-bottom: 10px;
    }

    #informacao .informacao-bloco p{
        font-size: 1.1rem;
    }

    #informacao .informacao-bloco h3{
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 10px;
    }

    /*---*/

    #depoimentos .depoimentos-box {
        padding: 20px 0 30px 0;
    }

    /*---*/

    #metodo {
        padding: 0 10px 15px 10px;
    }

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

    #metodo .formato-aulas-bloco {
        padding: 0 30px;
    }

    #metodo .titulo-metodo {
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #metodo .titulo-metodo-img img{
        max-width: 60%;
    }

    #metodo .titulo-metodo img {
        max-width: 70%;
    }

    #metodo .img-diagrama-dedac {
        max-width: 60%;
    }

    #metodo h6 {
        text-align: center;
        font-size: 1.1rem;
        line-height: 28px;
    }

    #metodo .media .titulo {
        font-size: 1.1rem;
    }

    #metodo .subtitulo {
        font-size: 1.6rem;
    }

    #metodo .media {
        padding: 5px;
        margin: 5px 0;
    }

    #metodo .media img{
        width: 18%;
    }

    #metodo .media-body {
        font-size: 1rem;
        padding-left: 10px;
        text-align: left;
    }

    #metodo .observacao{
        margin-top: 10px;
        padding: 10px;
        font-size: 0.9rem !important;
    }

    #metodo .btn {
        margin-top: 20px;
        font-weight: bold;
        font-size: 1.2rem;
        width: 100%;
        padding: 20px 30px;
    }

    .section-metodologia p{
        font-size: 1rem !important;
        padding-top: 10px;
    }

    .img-diagrama-dedac {
        max-width: 80%;
    }

    /*---*/

    #titulo-ementa {
        font-size: 2.8rem;
    }

    #ementa {
        padding: 30px;
    }

    #ementa .coluna {
        padding: 5px 10px;
    }

    #ementa .conteudo-bloco {
        background-color: #ffffff;
        margin: 4px 0;
        text-align: justify;
        border-radius: 8px 0 0 0;
        -webkit-box-shadow: 10px 10px 0px -4px rgba(255,145,76,1);
        -moz-box-shadow: 10px 10px 0px -4px rgba(255,145,76,1);
        box-shadow: 10px 10px 0px -4px rgba(255,145,76,1);
        min-height: 126px;
    }

    #ementa .titulo {
        margin-top: 25px;
        color: #0c3e79;
        font-family: 'Paytone One', sans-serif;
        font-size: 2.2rem;
    }

    #ementa .media {
        padding: 10px;
    }

    #ementa .media img {
        width: 200px;
    }

    #ementa .media-body {
        font-size: 2rem;
        padding: 0 15px;
    }

    /*---*/

    #pra-quem-e {
        font-size: 2.8rem;
        padding-top: 40px;
        border-top: none;
    }

    #pra-quem-nao-e {
        font-size: 2.8rem;
        padding-top: 40px;
        border-top: none;
    }

    #publico-alvo {
        padding: 0 30px;
    }

    #publico-alvo .coluna {
        padding: 0;
    }

    #publico-alvo .coluna h3{
        font-size: 1.5rem !important;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    #publico-alvo .coluna h2{
        font-size: 1.2rem !important;
        font-style: italic;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    #publico-alvo .coluna-esquerda{
        border: none;
        padding: 0 30px;
    }

    #publico-alvo .coluna-direita{
        padding: 0 30px !important;
    }

    #publico-alvo .coluna-esquerda .icon{
        font-size: 4rem;
    }

    #publico-alvo .coluna-direita .icon{
        font-size: 4rem;
    }

    #publico-alvo .conteudo-bloco {
        font-size: 2rem;
        margin-bottom: 40px;
    }

    /*---*/

    #beneficios {
        background: rgba(0, 33, 72, 0.88);
        display: inline-block;
        padding: 0 20px;
    }

    #beneficios .titulo-sessao{
        margin-bottom: 10px;
        font-size: 1.7rem;
    }

    #beneficios .beneficios-bloco {
        color: #ffffff;
        text-align: center;
        padding: 0 15px;
    }

    #beneficios img{
        max-width: 50%;
    }

    #beneficios .beneficios-bloco .icon{
        color: #ff914c;
        font-size: 4rem;
        margin-bottom: 0;
    }

    #beneficios .beneficios-bloco h3{
        font-size: 1.2rem;
        color: #0c3e79;
        background-color: #ffffff;
        text-align: center;
        border-radius: 0 0 15px 15px;
        min-height: 40px;
        padding: 10px;
        border: 3px solid #ff914c;
    }

    /*---*/

    #instrutor {
        padding: 0 30px;
        border: none;
    }

    #titulo-instrutor {
        font-size: 1.5rem;
        margin-top: 10px;
    }

    #instrutor .media{
        display: block !important;
    }

    #instrutor .conteudo-bloco {
        background-color: #ff914c;
        text-align: justify;
    }

    #instrutor .media img {
        width: 60%;
        border-radius: 50%;
        margin-top: 10px;
        padding: 0 10px 10px 10px;
    }

    #instrutor .media .icon {
        text-align: center;
        margin-bottom: 20px;
    }

    #instrutor .media .icone {
        width: 200px;
    }

    #instrutor .media-body {
        font-size: 1rem;
    }

    #instrutor h5 {
        margin: 15px 0;
        font-size: 1.2rem;
    }

    /*---*/

    #preco {
        color: #FFFFFF;
        padding-top: 20px;
    }

    #preco .chamada {
        padding: 5px 0;
    }

    #preco .container-externo {
        background-color: #ebeff2;
    }

    #preco .container {
        padding: 0 10px;
        border-radius: 0;
    }

    #preco .margin-preco {
        background-color: #FFFFFF;
        border-radius: 10px;
    }

    #preco .chamada h2 span {
        color: #ff914c;
    }

    #preco .chamada h2 {
        font-size: 1.8rem;
        padding: 10px;
        height: auto;
        color: #ffffff;
        line-height: 40px;
    }

    #preco .chamada h3 {
        font-size: 1.4rem;
        line-height: 1.5rem;
        padding: 0;
        height: auto;
        margin-bottom: 10px;
    }

    #preco .icon {
        background-color: transparent;
        text-align: center;
        margin-top: -10px;
        height: 40px;
    }

    #preco .icon img {
        height: 50px;
        width: 74px;
    }

    #preco .preco-antigo {
        margin-top: 10px;
        font-size: 1.1rem;
    }

    #preco .preco-parcelado {
        padding: 0;
    }

    #preco .preco-parcelado {
        font-size: 7rem;
        line-height: 120px;
        margin-top: 20px;
    }

    #preco .preco-parcelado span {
        font-size: 3rem;
    }

    #preco .preco-vista {
        font-size: 1.2rem;
        padding: 0;
        margin: 0;
    }

    #preco .botao {
        padding-bottom: 10px;
        margin-top: 0;
    }

    #preco .pagamentos {
        text-align: center;
        padding: 0;
    }

    #preco .btn {
        font-weight: bold;
        font-size: 1.2rem;
        width: 100%;
        padding: 10px;
    }

    #preco .pagamentos img {
        width: 100%;
        margin-bottom: 5px;
    }


    /*---*/

    #garantia .chamada {
        padding: 0 5px;
        margin-top: 0;
        text-align: center;
        border: none;
    }

    #garantia .chamada h2 {
        height: auto;
        line-height: initial;
        padding: 20px 0 0 0;
        font-size: 1rem;
        font-family: ShantellSans, Sans-serif;
        font-weight: 900;
    }

    #garantia .text {
        text-align: left;
    }

    #garantia .text .destaque{
        padding: 0 5px;
    }

    #garantia .text h3{
        text-align: center;
        font-weight: bold;
        font-size: 1rem;
        margin-top: 0;
    }

    #garantia .text h4{
        text-align: center;
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.8;
        margin-top: 5px;
    }

    #garantia .text p{
        font-family: ShantellSans, Sans-serif;
        font-weight: 400;
        font-size: 0.9rem;
        text-align: justify;
        padding: 0 5px;
        margin-bottom: 30px;
    }

    #garantia .selo {
        text-align: center;
    }

    #garantia .selo img{
        max-width: 50%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    /*---*/

    #linguagem-conceitos .chamada {
        background-color: #002148;
        padding: 10px;
        text-align: center;
    }

    #linguagem-conceitos .chamada h2 {
        color: #ffffff;
        height: auto;
        line-height: initial;
        padding: 10px;
        font-size: 2.8rem;
        font-family: ShantellSans, Sans-serif;
        font-weight: 700;
    }

    #linguagem-conceitos .text {
        text-align: left;
        color: #ffffff;
    }

    #linguagem-conceitos .text .destaque{
        color: #ff914c;
        font-weight: bold;
        line-height: 30px;
    }

    #linguagem-conceitos .text h3{
        text-align: center;
        padding: 10px;
        color: #002148;
        font-weight: bold;
        margin-top: 0;
        font-size: 1.1rem;
        background-color: #ff914c;
        margin-top: 20px;
    }

    #linguagem-conceitos .text h4{
        text-align: center;
        color: #ff914c;
        font-weight: bold;
        font-size: 2.3rem;
        line-height: 1.5;
    }

    #linguagem-conceitos .text p{
        font-weight: 400;
        font-size: 1rem;
        text-align: justify;
        padding: 0 10px;
        margin-bottom: 30px;
        line-height: 2;
    }

    #linguagem-conceitos .selo {
        text-align: center;
    }

    #linguagem-conceitos .selo img{
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    /*---*/

    #cadastro {
        padding: 0 30px;
    }

    #pre-lancamento .gift {
        font-size: 2rem;
    }

    #cadastro h2 {
        font-size: 3.7rem;
        margin-top: 30px;
    }

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

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

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

    #cadastro .form-control::placeholder{
        color: #ffffff;
    }

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

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

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

    #cadastro .btn{
        font-size: 3rem;
        font-weight: bold;
        font-family: ShantellSans, Sans-serif;
        margin: 20px 0 40px 0;
    }

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

    #cadastro .small{
        font-size: 1.6rem;
        line-height: 1.3;
        font-weight: normal;
        text-align: justify;
        color: #c4dbf7;
        margin-bottom: 20px;
    }

    /******/

    #contato {
        padding: 10px 5px;
    }

    #contato .chamada {
        background-color: #313131;
        padding: 10px;
        text-align: center;
    }

    #contato .chamada h2 {
        color: #ffffff;
        height: auto;
        line-height: initial;
        padding: 10px;
        font-size: 1rem;
        font-family: ShantellSans, Sans-serif;
        font-weight: 700;
    }

    #contato .text {
        text-align: left;
        color: #ffffff;
    }

    #contato .text h3{
        text-align: center;
        font-weight: bold;
        font-size: 1.2rem;
        margin-top: 0;
    }

    #contato .text h4{
        text-align: center;
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.5;
    }

    #contato .text p{
        font-family: ShantellSans, Sans-serif;
        font-weight: 400;
        font-size: 1rem;
        text-align: center;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    #contato .last-line {
        font-size: 0.5rem;
        background-color: transparent;
        color: #002148;
    }

    #contato .selo {
        text-align: center;
        margin-bottom: 20px;
    }

    #contato .selo img{
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .shape {
        margin-top: -10px;
    }

    .timer-countdown-header {
        font-size: 1rem;
    }

    .timer-countdown-header .timer {
        font-size: 0.8rem;
    }

    .timer-box-header {
        font-size: 1.1rem;
    }

    .timer-box-header .timer {
        font-size: 1rem;
    }
}