/*para deixar rodape fixo*/

html,
body {
    height: 100%;
    /* 
    excluir a barra de rolagem vertical | overflow-y:hidden;|
    para mostrar qdo necessário | overflow-y:auto; | 
    */
}

body {
    /*background: url(../img/banner-capa-livreto.jpg) repeat;*/
    background-color: #e5f1d4;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h5,
p {
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

p {
    color: #555;
    padding-bottom: 0.4rem;
    font-size: 1.1rem;
}


/*para o site ficar numa container com 1280px=80x16rem*/

.row {
    margin: 0 auto;
    max-width: 80rem;
    width: 100%;
}

.row .row {
    margin: 0 0;
}

.column,
.columns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


/*classes*/

.clear {
    Clear: both;
}

.altura23 {
    height: 23.2rem;
}


/*não mostrar desktop*/

.menu-mobile,
.linha-do-tempo-mobile,
.clear-mobile,
.form-negociacao-coluna1,
.sliderhome-mobile-desconto,
.sliderhome-mobile,
.formas-contato-mobile,
.aprovados-mobile {
    display: none;
}

.menu {
    z-index: 999;
}

.top-bar {
    background: none;
}


/*botão voltar ao topo*/

.back-to-top {
    position: fixed;
    right: 0.5%;
    bottom: 0.8%;
    z-index: 3;
}

.sliderhome img {
    width: 100%;
    height: 100vh;
    /*vh (altura do viewport) ou vw (largura do viewport)*/
}

.slide-info {
    /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
    padding: 0 0;
    position: absolute;
    left: 20%;
    top: 30%;
    max-width: 80rem;
    width: 100%;
    height: auto;
    margin-top: 3% !important;
    margin-left: 0 !important;
}

.slide-info img {
    width: auto;
    height: auto !important;
}

.slide-info p {
    color: #555;
    font-size: 1rem;
    text-align: left;
    padding: 0.5rem 0;
}

.coluna2home {
    padding-left: 4rem;
}

.coluna2home h1 {
    color: #84bd00;
}

.coluna2home p {
    font-size: 1.2rem;
}

.orbit-bullets-container {
    display: none;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.fonecontato p,
.fonecontato a {
    font-size: 1.6rem;
    color: #479661 !important;
}


/*colocar none assim esconde a cor original do foundation*/

.title-area {
    display: none;
}


/*para não mostrar a versão menu mobile no desktop*/


/*nav.tab-bar.cabecalho {
    background: transparent;
}*/


/*nav.tab-bar.cabecalho-interno {
    background-color: #edeef0;
}*/

.menu-home {
    padding: 0 0;
    background-color: #479661;
}

.menu-home ul {
    padding: 0 0;
    list-style: none;
    margin: 0 0;
}

.menu-home li {
    float: left;
    border: 1px solid #fff;
    text-align: center;
    width: 15.83%;
    height: 8rem;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.menu-home li a {
    color: #fff;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.2;
}

.menu-home ul li:hover {
    background-color: #c4d82e;
}

.menu-home img {
    margin-bottom: 0.1rem;
}

.preenchimento {
    height: 10rem;
}

.container {
    background-color: #479661;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
}

.cabecalho-paginas {
    margin-top: 14rem;
}

.cabecalho-paginas img {
    margin-bottom: 2rem;
}

.cabecalho-paginas-linha2 {
    margin-top: 8rem;
}

.cabecalho-paginas h1,
.cabecalho-paginas-linha2 h1 {
    color: #477c96;
    font-weight: 400;
    font-size: 2rem;
    border-bottom: 0.2rem solid #477c96;
    margin-bottom: 2rem;
}

.cabecalho-paginas h2 {
    color: #477c96;
    font-size: 1.3rem;
    font-weight: 400;
}

.container-conteudos {
    margin-bottom: 5rem;
}

.container-conteudos p {
    font-size: 1.3rem;
    padding-bottom: 1rem;
}

.container-conteudos h2 {
    font-weight: 400;
    font-size: 2.2rem;
    color: #d9680f;
    padding: 1rem 0;
    margin-top: 2rem;
}

.container-conteudos h3 {
    color: #00a651;
    padding-bottom: 1rem;
}

.container-conteudos img {
    margin-top: 1.5rem;
}

.container-conteudos-2 {
    margin-top: 2rem;
}

.chegarla {
    font-size: 3rem;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: bold;
    margin-left: 4rem;
    background-color: #477c96;
    padding: 0.5rem 1rem;
    color: #fff;
}

.boxe-azul {
    background-color: #477c96;
    border-radius: 1rem;
    padding: 1rem;
}

.boxe-azul p,
.box-roxo p,
.boxe-azul-medio p {
    color: #fff;
}

.box-roxo,
.boxe-azul-medio {
    background-color: #544796;
    padding: 0.5rem 1rem;
    border: 0.3rem solid #fff;
    border-radius: 1rem;
    height: 9rem;
    margin-top: 1rem;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.boxe-azul-medio {
    background-color: #477c96;
}

.boxe-marrom {
    background-color: #967547;
    padding: 1rem;
    border-right: 1rem solid #e5f1d4;
    height: 12.5rem;
}

.top4 {
    margin-top: 4rem;
}

.top8 {
    margin-top: 8rem;
}

.top15 {
    margin-top: 15rem;
}

.legenda-foto {
    background-color: #544796;
    color: #fff;
    padding: 1rem;
    font-size: 1.4rem;
    line-height: 3;
}

.centralizar-vertical,
.centralizar-vertical-em {
    height: 22rem;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.centralizar-vertical-em {
    height: 50rem !important;
}

.formas-contato {
    height: 34.5rem !important;
    padding-top: 15%;
    padding-left: 2%;
}

.verdade-bilingue {
    background-color: #479661;
    padding: 1rem;
    border-radius: 1rem;
}

.verdade-bilingue p {
    color: #fff;
}

.mito-bilingue {
    border: 0.1rem dashed #C91619;
    padding: 0.5rem 1rem;
}


/*proposta pedagogica*/

.missaovisao {
    margin-top: 8rem;
    margin-bottom: 4rem;
}

.missaovisao h3,
.missaovisao h4 {
    color: #D9680F;
    font-size: 2rem;
    font-family: 'Lato', sans-serif, 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
}

.missaovisao p {
    text-align: center;
}

nav.tab-bar.aprovados {
    background: #012c01 url("../img/back.jpg") repeat-y left top;
    width: 100%;
    height: auto;
    padding: 1rem 0;
    margin-top: 8rem;
    margin-bottom: 4rem;
}

.festa-aprovados {
    margin-top: 3rem;
}

.festa-aprovados img {
    margin-right: 1rem;
}


/*equipe pedagógica*/

.conteudo-espacos p {
    font-size: 1.2rem;
}

nav.tab-bar.rodape-home {
    background-color: #479661;
}


/*nav.tab-bar.rodape-home-interno {
    background-color: #479661;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 0;
    /*adicionei agora
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.rodape-home-interno {
    background-color: #479661;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    /*position: absolute;
    bottom: 0;
    left: 0;*/
}

.rodape-home-interno p {
    text-align: center;
}

.rodape-home-interno a {
    color: #fff;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.rodape-home-interno img {
    margin-right: 1rem;
}


/* ASSINATURA */

nav.tab-bar.assinatura {
    background: transparent !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
}

nav.tab-bar.assinatura p,
nav.tab-bar.assinatura a,
.assinatura-interna p,
.assinatura-interna a {
    margin-bottom: 0;
    color: #fff;
    font-size: 0.7rem;
    padding: 0 0;
}

nav.tab-bar.assinatura a:hover,
.designer a:hover {
    color: #555;
}

.assinatura-interna {
    margin-top: 2rem;
}

.empresa p {
    text-align: left;
    font-size: 0.7rem;
}

.designer p,
.designer a {
    text-align: right;
    font-size: 0.7rem;
}


/*Form negociação financeira - covid*/

.form-encerrado {
    background-color: #FFD700;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding: 1.5rem 0;
}

.canalexclusivomobile {
    background-color: #fff;
    padding: 1rem 0;
}

.canalexclusivo a {
    background-color: #8B0000;
    color: #fff !important;
    padding: 0.5rem 1.2rem;
    border-radius: 1rem;
}

.canalexclusivo a:hover {
    background-color: #555;
}

#form-enviar-negociacao {
    padding: 1rem;
    margin-top: 2rem;
    margin-bottom: 8rem;
    border: 0.1rem solid #ccc;
}

#form-enviar-negociacao dl dt label {
    width: auto;
    /*float: left;*/
    font-size: 1rem;
    color: #6d6c69;
    padding-top: 0.2rem;
    margin-bottom: 0.5rem;
}

#form-enviar-negociacao input[type=text],
#form-enviar-negociacao textarea[type=text] {
    background-color: #fff;
    border: 0.1rem solid #e9e5e5;
    color: #6d6c69;
    height: 2.3rem;
    width: 95%;
    border-radius: 0.3rem;
    margin: 0 0;
}

.bt-enviar-curriculo {
    margin-left: 8rem;
    padding: 0.5rem 0;
    clear: both;
}

.bt-enviar-negociacao a {
    background-color: #27ae60;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.bt-enviar-negociacao a:hover {
    background-color: #d7df23;
    color: #008c44;
}

#form-enviar-negociacao .loading {
    display: none;
    margin-top: 1rem;
    float: none;
    width: auto;
}

.form-negociacao-coluna2 {
    margin-top: 2rem;
    padding: 2rem 0 0 2rem;
}

.contato h1 {
    color: #2980b9;
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom: 0.3rem solid #2980b9;
    margin-bottom: 0.5rem;
}

.contato h2 {
    color: #2980b9;
    font-size: 1.3rem;
    font-weight: 400;
}

.form-negociacao-coluna2 {
    margin-top: 2rem;
    padding: 2rem 0 0 2rem;
}

.boxe-destaque-cinza {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.destaquebilingue {
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    background-color: #544796;
    margin: 2rem 0;
}

.destaquebilingue p {
    color: #fff;
    font-size: 1.3rem;
}


/*celulares*/

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .column,
    .columns {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    p,
    .container-conteudos {
        font-size: 1.3rem;
    }
    /*mostrar só no mobile*/
    .slidermobile,
    .menu-mobile,
    .clear,
    .clear-mobile,
    .sliderhome-mobile,
    .formas-contato-mobile,
    .aprovados-mobile {
        display: table;
    }
    /*não mostrar no mobile*/
    .menu-desktop,
    .linha-do-tempo,
    .clear,
    .form-negociacao-coluna2,
    .sliderhome-covid,
    .sliderhome,
    .formas-contato,
    .home,
    .altura23 {
        display: none;
    }
    /*NOVO*/
    .menu-home li a {
        font-size: 0.8rem;
    }
    .menu-home li {
        float: left;
        width: 33.32%;
        height: 7rem;
    }
    .container-conteudos h2 {
        margin-top: 0;
        font-size: 1.8rem;
    }
    .cabecalho-paginas img {
        margin-bottom: 1rem;
    }
    .fonecontato p,
    .fonecontato a {
        font-size: 0.9em;
        color: #479661 !important;
    }
    /*NOVO*/
    /*menu*/
    nav.tab-bar.cabecalho {
        background-image: none;
        background-color: #006c32;
        height: 100%;
        padding: 0.2rem 0;
    }
    .title-area {
        display: table;
        background-color: transparent !important;
        max-width: 100%;
    }
    .top-bar .toggle-topbar {
        float: right;
        position: relative;
        padding-right: 1rem;
    }
    .top-bar-section {
        margin-top: 3rem;
        padding-bottom: 2rem;
    }
    .cabecalho .top-bar-section ul {
        background: none !important;
        padding: 0 0;
        margin-left: 1rem;
        width: 100% !important;
    }
    .cabecalho .top-bar-section li {
        border: 0.1rem solid rgb(0, 108, 50);
        background-color: #479661;
        width: 10rem;
        height: 3.5rem;
        float: left;
        padding: 0.5rem 0.5rem;
        margin-right: 0.5rem !important;
    }
    .rodape-home-interno a {
        font-size: 0.8rem;
    }
    .rodape-home-interno img {
        margin-right: 0.5rem;
    }
    /*.menu-mobile {
        border: 0.2rem solid #cad226;
        height: 100%;
        width: 100%;
    }*/
    .cabecalho .top-bar-section li a:not(.button) {
        /*background: none !important;
        margin-right: 3.5rem;*/
        background-color: #479661;
        border-right: none !important;
        padding: 0 0;
        margin-right: 0 !important;
        text-align: center;
        font-weight: bold;
    }
    .cabecalho .top-bar-section ul li:hover>a {
        background-color: transparent !important;
    }
    .cabecalho .top-bar-section ul li:hover {
        background-color: rgba(0, 0, 0, 0.4);
    }
    /* .cabecalho .top-bar-section li a:not(.button),
    .cabecalho-interno .top-bar-section li a:not(.button) {
        padding: 1rem 0 1rem 2rem;
        color: #fff;
        text-align: left;
        font-size: 1rem;
    }*/
    /*background do 3 risquinhos "menu" */
    .top-bar .toggle-topbar.menu-icon {
        margin: 0 0;
        left: 0.5rem;
        top: 0.4rem;
        padding-left: 0;
    }
    .top-bar .toggle-topbar.menu-icon a {
        margin-left: 0;
        width: 3.5rem;
        border: 0.15rem solid #fff;
        border-radius: 0.5rem;
        background-color: #84bd00;
    }
    .top-bar .toggle-topbar.menu-icon a span {
        box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
        position: static !important;
        margin-left: 1.1rem;
    }
    .top-bar.expanded .toggle-topbar a span {
        box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
    }
    /*.top-bar-section ul {
        background-color: #006c32;
    }*/
    /*.top-bar-section ul li>.dropdown {
        height: auto;
        margin-left: 70%;
        padding-bottom: 0.2rem;
    }
    .top-bar-section ul li>.dropdown li a {
        font-size: 1.2rem;
    }
    .top-bar-section ul li>.dropdown li a:hover {
        padding: 1rem 1rem 1rem 2rem;
    }*/
    .top-bar-section .dropdown li.title h5 a {
        color: #cad226;
    }
    /*palavra back do submenu*/
    .sliderhome {
        margin-top: 2.9rem;
    }
    .cabecalho-segmentos h1 {
        font-size: 1.7rem;
    }
    .container {
        position: absolute;
    }
    .missaovisao {
        margin-top: 4rem;
        margin-bottom: 2rem;
    }
    .fotojuntasmobile img {
        margin-bottom: 0.5rem;
    }
    .margintop3-mobile {
        margin-top: 3rem;
    }
    nav.tab-bar.nav-destaque {
        margin-bottom: 4rem !important;
    }
    .margintop3 {
        margin-top: 0 !important;
    }
    .clear-mobile {
        clear: both;
    }
    nav.tab-bar.rodape-home-interno {
        position: inherit;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .cabecalho-paginas {
        margin-top: 17rem;
        margin-bottom: 0;
    }
    .container-conteudos video {
        width: 100%;
    }
    .margin-bottom {
        margin-bottom: 1rem;
    }
    .top2-mobile {
        margin-top: 2rem;
    }
    .top4-mobile {
        margin-top: 4rem;
    }
    .top8 {
        margin-top: 4rem;
    }
    .bottom7-mobile {
        margin-bottom: 7rem;
    }
    .centralizar-vertical {
        height: auto;
    }
    .boxe-azul {
        border-radius: 0;
    }
    .boxe-azul-medio p {
        font-size: 1rem;
    }
    .onde-estamos iframe {
        width: 80% !important;
        height: 80% !important;
        margin-bottom: 4rem;
    }
    .formas-contato-mobile {
        margin-bottom: 4rem;
    }
    .formas-contato-mobile img {
        width: 10% !important;
    }
    .formas-contato-mobile p {
        padding-bottom: 2rem;
    }
    nav.tab-bar.aprovados {
        background: #012c01;
        margin-top: 0.5rem;
        margin-bottom: 4rem;
    }
    .aprovados-mobile p {
        font-size: 2.2rem;
        color: #012c01;
        margin-top: 5rem;
        text-align: center;
    }
    .centralizar-vertical-em {
        height: auto !important;
        margin-top: 1rem;
    }
    .chegarla {
        margin-left: 1rem;
        font-size: 2rem;
    }
    .sliderhome-mobile img {
        margin-top: 55%;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .clear {
        display: none;
    }
    .menu-home li a {
        font-size: 1rem;
    }
    .slide-info {
        /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
        left: 10%;
        top: 30%;
        max-width: 50rem;
        width: 100%;
        height: auto;
        margin-top: 3% !important;
        margin-left: 0 !important;
    }
    .slide-info h1 {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:1025px) and (max-width:1600px) {
    .clear {
        display: none;
    }
    .menu-home li a {
        font-size: 1.2rem;
    }
    .slide-info {
        /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
        left: 15%;
        top: 30%;
        max-width: 60rem;
        width: 100%;
        height: auto;
        margin-top: 3% !important;
        margin-left: 0 !important;
    }
    .slide-info h1 {
        font-size: 2rem;
    }
    .coluna2home p {
        font-size: 1rem;
    }
}