/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html,
body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    margin-top: 130px;

}

:root :where(body) {
    font-family: 'Poppins', sans-serif !important;
    

}

.bodyfont {
    font-size: 1.2em !important;

}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    /* Para usar a variante em negrito */
}


:root :where(h1) {
    font-family: 'Poppins', sans-serif;
    line-height: 2;
    font-size: 2.6em;
    font-weight: 700;

}

:root :where(h2) {
    font-family: 'Poppins', sans-serif;
    line-height: 1.15;
    font-size: 26px;
    font-weight: 600;
}

:root :where(body) {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--medium);
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
    --wp--style--root--padding-top: 0px;
    --wp--style--root--padding-right: var(--wp--preset--spacing--50);
    --wp--style--root--padding-bottom: 0px;
    --wp--style--root--padding-left: var(--wp--preset--spacing--50);
}

p {
    font-family: 'Poppins', sans-serif;
}



.content {
    border: 0px solid red;
    width: 1360px;
    margin: auto;
}



/* COLORS */

.accent_color {
    color: #023398;
}

/**/


/* HEADER */



/* topbar */

.top_bar {
    display: flex;
    position: fixed;
    z-index: 200;

    align-items: center;
    width: 100%;
    height: 40px;
    top: 0;
    background-color: #003298;

}

.top_bar .content {
    display: flex;
    align-items: center;
    text-align: right;
    position: relative;
}

.top_bar .content .elementos {
    display: flex;
    height: 40px;
    position: absolute;
    right: 0;
    justify-content: flex-end;
    border: 0px solid green;

}

.top_bar .bt_login {
    display: flex;
    margin-left: 90px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.icon_user,
.icon_face,
.icon_insta {
    margin-right: 10px;
    width: 20px;
}

.fixed_footer input {

    border: 0px solid #fcca30 !important;
    border-radius: 26px !important;
    padding-left: 14px !important;
    background-color: #07469f;

}

.heading_video_unidades {
    text-align: left;
}

.bt_submit_hero {
    position: absolute;
    border: 0px solid red;
    right: 0;
    margin-top: 5px;

    
    border-radius: 21px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #003298 !important;
    text-decoration: none;
    font-size: 16px;
}

.bt_franqueado,
.bt_submit {
    right: 0;
    margin-top: 5px;
    position: absolute;
    background-color: #FDCC03;
    border-radius: 21px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #003298;
    text-decoration: none;
    font-size: 16px;

}

.bt_venha a {

    width: 200px;
    color: #003298;

    margin-top: 5px;

    background-color: #FDCC03;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;

    text-decoration: none;
    font-size: 22px;
}

.pilares .titulo {
    color: black;
    width: 60%;
    font-size: 1.8em;
    font-weight: 600;
   
}

/**/

.bar_nav {
    display: flex;
    align-items: center;
    border: 0px solid red;
    width: 100%;
    position: fixed;
    top: 40px;
    z-index: 999999;
    height: 90px;
    background-color: #fff;
    text-align: center;
}

nav {
    margin: auto;
    border: 0px solid green;
    position: relative;

}

.menu {
    display: inline-flex;
    border: 0px solid purple;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;

}

.menu ul {
    display: block;

}

.menu li {
    margin: 0;
    padding: 0;
    border: 0px solid yellow;
}

.menu a {
    display: block;
    padding: 14px 20px;
    text-decoration: none;

    text-align: center;
    font-size: 16px;
    color: #003298;
    font-weight: 600;
    text-transform: uppercase;
}

.area_logo {
    margin-left: 90px;
    margin-right: 90px;
}

.menu a:hover {
    color: #FFC803;
}




.cards_mais_palavra {
    position: relative;
    height: 640px; 
    border: 0px solid red;
   /* margin-top: 60px; */
    
}

.cards_mais_palavra_img {
    background-size:cover;
    display:flex; 
    height: 50vh; 
    height:-webkit-fill-available;
    background-position:center;
    border: 0px solid red;
    position: relative;    
}
.cards_mais_palavra_txt {
    display:flex; 
    height: 50vh; 
    border: 0px solid red;    
}



.tagline_hero_video {
    color: white;
    margin: 0;
}

.chamada_hero_video {
    color: white;
    text-transform: uppercase;
    font-size: 4em;
    line-height: 1em;
    margin: 0;
}

/* Estilos para a modal */




.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}




.franquias .menu a:hover {
    color: white
}

.logo_main {
    position: absolute;
    width: 202px;
    z-index: 200;
    left: 50%;
    margin-left: -80px;
    margin-top: -76px;
}


.headline_video {
    font-size: 30px;
    color: white;
    font-weight: 600;
    text-align: right;
    line-height: 1;
}

.play_button {}

.chamada_agende {
    font-weight: 600;
    margin-bottom: 20px;
    color: white;
    font-size: 1.5em;

}


.inline_form {
    display: inline-table;
}

.text_whatsapp {
    color: white;
    width: 120px;
    height: 45px;
    display: inline-table;

    border: 1px solid white;
    padding-top: 15px;
    padding-bottom: 14px;
    padding-left: 20px;
    border-radius: 40px 0 0 40px;
}

.form_numero_whats {
    position: relative;
}

.form_numero_whats input[type=tel]:not(.browser-default),
input[type=tel]:not(.browser-default):focus:not([readoly]) {
    margin-left: -5px;
    width: 300px;
    border: 1px solid white;
    width: 210px;
    height: 53px;
    margin-left: -6px;
    border-radius: 0px 30px 30px 0px;
    padding-left: 20px;
    color: white;
}

.imagem_vai {
    width: 46px;
    height: 46px;
    background: transparent;
    position: absolute;

    background-image: url("assets/images/bt_vai.svg");
    left: 300px;
    top: 5px;

}



.form_franquias {
    background-color: #003298;
    padding-bottom: 100px;
    margin: auto;
}


.form_contato {

    padding-bottom: 100px;
    margin: auto;
}

.skinlight .wpcf7-form input[type=text] {
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;   
   

}

.skinlight .wpcf7-form ::placeholder {
    color: #FFC803;
}


.skinlight .wpcf7-submit:hover {
    background-color: #FFC803;
    cursor: pointer;

}

.skinlight .wpcf7-form input[type=text]:not(.browser-default),
.skinlight .wpcf7-form input[type=email]:not(.browser-default),
.skinlight .wpcf7-form textarea:not(.browser-default) {
    border: 1px solid rgb(88, 88, 88);
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;    

}

.skinlight .wpcf7-form textarea:not(.browser-default) {
   
    height: 180px;
    padding: 20px;
}





.botao_whatsapp {
    position: absolute;
    display: inline-table;
    margin-left: -78px;
    margin-top: 3px;

}



/* HOME */

.home .content {
    text-align: center;

}

.video_home {
    position: relative;
    border: 0px solid green;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttonplay_video button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 102px;
    height: 260px;
    background-image: url("assets/images/bt_playvideo.png");
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
}

/*  */

.fixed_footer {
    position: fixed;
    background-color: #003298;

    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.area_herovideo {
    width: 1100px;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    /* Cor do texto, substitua pela cor desejada */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Centraliza os elementos horizontalmente */
    justify-content: center;
    /* Centraliza os elementos verticalmente */
}

.area_herovideo .heading_master {
    color: white;
}


/* DOBRA 02 */

.dobra02 {
    border: 0px solid red;
    background-color: #f0f0f0;
    background-image: url("assets/images/back_cruz002.png");
/*    background-image: url("assets/images/background_pilares.png"); */
    background-size: cover;
    background-position: bottom;
}

.dobra02 .titulo {
    margin: auto;
}

.dobra02 .heading {
    margin-bottom: 80px;
}

.card-image {
    position: relative;
    overflow: hidden;
}

.card-image img {
    transition: transform 0.6s ease;
}

.card:hover .card-image img {
    transform: scale(1.1);
}

.card-title {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 1.15;
    font-size: 26px;
    font-weight: 600;
}

/*  */





.box_content {
    position: relative;
    width: 90%;
    height: 530px;
    display: block;
    margin: auto;
    border: 5px solid white;

}

.title_slide h1 {
    color: white;
    text-align: left;
    padding-left: 1em;
    line-height: .9;
    width: 80%;

}

.corpo_texto {
    width: 80%;
    padding-left: 4em;

    text-align: left;
}







/* SLIDER CONTEUDO DE TEXTO */
.info {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999999;
    margin: 1.5rem;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    border: 0;
}

html {
    font-size: 10px;
    font-size: calc(5px + 0.4vw);
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
}

a {
    text-decoration: none;
    color: rgba(225, 255, 255, .8);
}

/* Slider style */
.cd-slider {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 920px;
    overflow: hidden;
}

.cd-slider.ie9 nav div span {
    display: none;
}

.cd-slider ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: visibility 2s .1s;
}

.contentslider {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.4);
    transition: opacity .4s .6s, transform .4s .6s;
}

.contentslider blockquote {
    position: absolute;
    bottom: 5%;
    left: 4%;
    z-index: 2;
    max-width: 45%;
}

blockquote p {
    font-size: 4rem;
    margin-bottom: 2rem;
}

blockquote span {
    font-size: 1.4rem;
}

/* current slide
  ---------------------------------*/
.cd-slider li.current_slide {
    visibility: visible;
}

.cd-slider li.current_slide::before {
    border-width: 16rem;
}

.cd-slider li.current_slide .contentslider {
    opacity: 1;
    transform: scale(1);
}

/* nav
  ---------------------------------*/


.cd-slider nav {
    padding-top: 100px;



}

.cd-slider nav div {

    height: 5rem;
    list-style: none;
}

.prev,
.next {
    transition: .5s;
    transform: scale(1);
    position: relative;
    z-index: 100;
    display: block;
    width: 70px;
    height: 70px;
    border: 0px solid #ffffff61;
    display: block;
    border-radius: 100%;
}

.prev::before,
.prev::after,
.next::before,
.next::after {
    content: '';
    position: absolute;
    left: 43%;
    background: #FFC803;
    width: .4rem;
    min-width: 3px;
    border-radius: 3px;
    height: 34%;
}

.prev::before {
    transform: rotate(45deg);
    top: 24%;
}

.prev::after {
    transform: rotate(-45deg);
    bottom: 24%;
}

.next::before,
.next::after {
    left: auto;
    right: 43%;
}

.next::before {
    transform: rotate(-45deg);
    top: 24%;
}

.next::after {
    transform: rotate(45deg);
    bottom: 24%;
}

.prev:hover,
.next:hover {
    transition: .5s;
    transform: scale(1.3);

}

nav>div>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 100%;
    z-index: 5;
    pointer-events: none;
    will-change: width, height;
    transform: translate(-50%, -50%);
    transition: width .6s, height .6s;
}























.cd-slider_mobile {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 920px;
    overflow: hidden;
}

.cd-slider_mobile.ie9 nav div span {
    display: none;
}

.cd-slider_mobile ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: visibility 2s .1s;
}

.contentslider {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.4);
    transition: opacity .4s .6s, transform .4s .6s;
}

.contentslider blockquote {
    position: absolute;
    bottom: 5%;
    left: 4%;
    z-index: 2;
    max-width: 45%;
}

blockquote p {
    font-size: 4rem;
    margin-bottom: 2rem;
}

blockquote span {
    font-size: 1.4rem;
}

/* current slide
  ---------------------------------*/
.cd-slider_mobile li.current_slide {
    visibility: visible;
}

.cd-slider_mobile li.current_slide::before {
    border-width: 16rem;
}

.cd-slider_mobile li.current_slide .contentslider {
    opacity: 1;
    transform: scale(1);
}

/* nav
  ---------------------------------*/


.cd-slider_mobile nav {
    padding-top: 100px;



}

.cd-slider_mobile nav div {

    height: 5rem;
    list-style: none;
}

.prev,
.next {
    transition: .5s;
    transform: scale(1);
    position: relative;
    z-index: 100;
    display: block;
    width: 70px;
    height: 70px;
    border: 0px solid #ffffff61;
    display: block;
    border-radius: 100%;
}

.prev::before,
.prev::after,
.next::before,
.next::after {
    content: '';
    position: absolute;
    left: 43%;
    background: #FFC803;
    width: .4rem;
    min-width: 3px;
    border-radius: 3px;
    height: 34%;
}

.prev::before {
    transform: rotate(45deg);
    top: 24%;
}

.prev::after {
    transform: rotate(-45deg);
    bottom: 24%;
}

.next::before,
.next::after {
    left: auto;
    right: 43%;
}

.next::before {
    transform: rotate(-45deg);
    top: 24%;
}

.next::after {
    transform: rotate(45deg);
    bottom: 24%;
}

.prev:hover,
.next:hover {
    transition: .5s;
    transform: scale(1.3);

}

nav>div>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 100%;
    z-index: 5;
    pointer-events: none;
    will-change: width, height;
    transform: translate(-50%, -50%);
    transition: width .6s, height .6s;
}





/**/




/* DOBRA 6 */

.dobra06 {
    background-color: #FFC803;
    padding-top: 100px;
    padding-bottom: 100px;
}

/**/






/* DOBRA 7 */

.dobra07 {
    background-color: #003298;
    padding-top: 100px;
    padding-bottom: 40px;
}

.dobra07 .heading {
    color: white;
}

.unidades .nome {
    color: white;
    font-size: 1em;

}

.unidades .localizacao {
    color: #FFC803;

}

.unidades .telefone {
    color: white;
    margin-bottom: 90px;

}

.col-custom-5 {
    flex: 0 0 20%;
    max-width: 20%;
}



/* BLOG */


.blog .postimage {
    border-radius: 20px;
}

.blog .titulo h1 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}

/**/

.data_post {
    width: 75px;
    height: 70px;
    padding: 20px;
    line-height: 1em;
    font-weight: 500;
    color: #003298;
    text-transform: uppercase;
    background-color: #FFC803;
    border-radius: 12px;
    position: absolute;
    top: 5px;
    left: 5px;

}

.titulo_post {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    font-size: 21px;
    color: #003298;
}

.titulo_post a {    
    color: #003298;
}
.titulo_post a:hover {    
    color: #FFC803;
}



.desc_post {
    margin-top: 20px;
    font-size: 14px;
    color: 2d2d2d;
}

.skin_blue .wpcf7-form input[type=text] {
    padding-left: 20px;

}

.skin_blue .wpcf7-form ::placeholder {
    color: #FFC803;
}


.skin_blue .wpcf7-submit:hover {
    background-color: #FFC803;
    cursor: pointer;

}

.skin_blue .wpcf7-form input[type=text]:not(.browser-default),
.skin_blue .wpcf7-form input[type=email]:not(.browser-default),
.skin_yellow .wpcf7-form input[type=email]:not(.browser-default),
.skin_yellow .wpcf7-form input[type=text]:not(.browser-default) {
    border: 1px solid white;
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;    

}



.skin_yellow .wpcf7-form input[type=text]:not(.browser-default),
.skin_yellow .wpcf7-form input[type=text]::placeholder,
.skin_yellow .wpcf7-form input[type=email]::placeholder,
.skin_yellow .wpcf7-form textarea:not(.browser-default)::placeholder {
    color: black;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;    
}


.skin_yellow .wpcf7-form textarea:not(.browser-default) {
    border: 1px solid rgb(255, 255, 255);
    padding-left: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;    

}

.skin_yellow .wpcf7-form textarea:not(.browser-default) {
    width: 100%;
    height: 180px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;    
}




.bullets ul {
    list-style-type: disc;
    list-style-position: inside;
}


.wpcf7-submit {
    background-color: white;
    border-radius: 28px;
    padding: 20px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
    text-transform: uppercase;
    color: #003298;
    font-weight: 600;

}

.skinlight .wpcf7-submit {
    background-color: #003298;
    border-radius: 28px;
    padding: 20px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;

}




.wpcf7-form label {
    color: #003298;
}

/**/

.order-m1 {
    order: 1;
}

.grafico01 {
    margin-top: 100px;
    margin: auto;
    width: 60%;

}

.grafico02 {
    margin-top: 100px;
    margin: auto;
    width: 80%;
    margin-bottom: 100px;

}

.copyright {
    width: 100%;
    background-color: #003298;
    font-size: 12px;
    color: white;
    padding-top: 00px;
    text-align: center;
    margin: auto;
}



nav .active>a {


    color: #FFC803;
    background-color: white;

}



/* PG INTERNA - PROPOSITO */

.tarja_frase {
    width: 100%;
    display: flex;
    padding-top: 6em;
    padding-bottom: 6em;
    align-items: center;
    background-color: #FFC803;
}

.tarja_busca_blog {
    width: 100%;

    display: flex;
    padding-top: 6em;
    padding-bottom: 6em;

    align-items: center;
    background-color: #5F5F5F;

}


.tarja_video {
    width: 100%;
    height: 70vh;
    display: flex;
    padding-top: 6em;
    padding-bottom: 6em;
    align-items: center;
    background-color: #FFC803;
    background-image: url('assets/images/cover_video.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.bt_seja_franqueado {
    width: 270px;
    position: absolute;
    text-align: center;
    background-color: #003298;
    color: white;
    text-transform: uppercase;
    border-radius: 40px;
    padding: 15px;
    right: 20px;
    bottom: -20px;


}

.bt_seja_franqueado_left {
    width: 270px;
    position: absolute;
    text-align: center;
    background-color: #003298;
    color: white;
    text-transform: uppercase;
    border-radius: 40px;
    padding: 15px;
    right: 20px;
    bottom: -20px;
    left: 20px;
}

.bt_seja_franqueado a,
.bt_seja_franqueado_left a {
    color: white;
}

.frase {
    font-size: 2em;
    width: 91%;
    font-weight: 700;
    line-height: 1;
    color: #003298;
    margin: auto;
}

.assinatura_proverbios {
    width: 91%;
    margin: auto;
    color: white;
    margin-top: 10px;
    font-size: 20px;
}

.card-content {
    background-color: #FFC803;
}

#scrollrail-vertical {
    border: 0px !important;

}


.box_mais {
    min-height: 100%;
    background-color: #FFC803;
    padding-left: 40px;
    display: flex;
    align-items: center;
}

.container_box_maix_texto {
    
    padding: 0 !important;
    height:-webkit-fill-available;
}

.depoimento_mais {
    display: block;
    width: 90%;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2;
    color: white;
}

.nome_depoimento_mais {
    font-size: 20px;
    font-weight: 500;

}

.imagem_timeline {
    position: absolute;
}

.timeline_proposito {
    border: 0px solid red;
    padding-top: 100px !important;
    background-image: url('assets/images/back_linha.gif');
    background-repeat: repeat-y;
    padding-left: 400px !important;


}

.timeline_proposito .headline,
.destaque_mais .tagline {
    font-size: 21px;
    font-weight: 400;
    color: #FFC803;
}

.timeline_proposito .titulo,
.destaque_mais .titulo,
.titulo {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #003298;
    line-height: 1;

}

.descricao {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;

}

.timeline_proposito .descricao {
    font-weight: 300;
    margin-bottom: 90px;

}

/**/


.sidenav-trigger {
    position: absolute;
    right: 0;

}



.slogan_mobile {
    font-weight: 600;
    position: absolute;
    color: #003298;
    margin-top: 70px;
    left: 170px;
    top: 0;
    font-size: 20px;
    z-index: 5000;

}


.unidades a {
    color: white;
}

.unidades a:hover {
    color: #FFC803;
}

.frase_mega {
    color: #003298;
    display: block;
    width: 90%;
    font-size: 2em;
    font-weight: 700;
    line-height: 1;

}

.fonte_frase_mega {
    color: white;

    font-size: 1.2;
    font-weight: 600;


}


.video_home_franquias {
    width: 100%;
}

.legenda_frase_mega {
    color: white;
    position: absolute;
    bottom: 60px;
    left: 60px;
}








/* BLOG */

.main_blog {
    width: 100%;
    background-color: #EFEFEF;
    padding-top: 100px;
    padding-bottom: 100px;
}

.main_blog h1 {
    font-size: 40px;
    color: #003298;
    text-transform: uppercase;
    text-align: center;

}

.bt_leia_mais {
    width: 60%;
    margin: auto;
    margin-top: 30px;
    background-color: #003298;
    border-radius: 30px;
    padding: 16px;

}

.bt_leia_mais a {
    color: white;
    text-transform: uppercase;
}

.bt_leia_mais:hover {

    background-color: #FFC803;
    cursor: pointer;

}

input[type=search]:not(.browser-default) {
    background-color: white;
    height: 60px;
    width: 50%;
    border: 0;
    outline: none;
    padding-left: 20px;
    border-radius: 30px;
    font-size: 1.5em;
    font-weight: 300;

}

.search-submit {
    width: 44px;
    height: 44px;
    margin-left: -53px;
    background-image: url("assets/images/bt_busca.svg");
    background-color: transparent;
    overflow: hidden;
    text-indent: -300px;
    cursor: pointer;
}

/**/


.bolinha_propositos {
    position: absolute;
    margin-left: -104px;
    z-index: 100;
    width: 20px;
    /* Largura da bolinha */
    height: 20px;
    /* Altura da bolinha */
    background-color: white;
    /* Cor de fundo branca */
    border: 3px solid #FFC803;
    /* Borda amarela */
    border-radius: 50%;
    /* Faz o elemento ser circular */
    display: inline-block;
    /* Faz o elemento ser inline e block */
}





/* UNIDADES */

.hero {

    position: relative;
    display: flex;
    align-items: center;
    height: 100vh;
    /* 100% da altura da tela */
    overflow: hidden;
}

.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* Cor de overlay (preto com 20% de opacidade) */
}

.video_hero {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}


/* */



.map-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporção de 16:9 */
    height: 0;
    overflow: hidden;
  }
  .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .endereco {
    padding-left: 3em;
    
    width: 80%;
    
    
    
  }

.conteudo_texto_foto {
    padding-left: 60px !important;
}

/* ESPAÇAMENTOS */

    .space_1x {
        display:block;
        height: 2em;
        
    }
    .space_2x {
        display:block;
        height: 4em;    
    }
    .space_3x {
        display:block;
        height: 6em;    
    }
    .space_4x {
        display:block;
        height: 8em;    
    }


/**/

.formulario_finais {
    width: 50%; 
    text-align:center
}



.pin {
    width: 30px;
}

/* MOBILE */

.sidenav li>a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 1.2em !important;
    font-weight: 500;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 20px;
    font-size: 22px;
    color: #003298;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
  }


  .desktop-slider {
    display: block;
}

.mobile-slider {
    display: none;
}
.swiper-slide img {
    max-width: 1920px;
    width: 100%;

}

@media (max-width: 768px) {
    .desktop-slider {
        display: none;
    }

    .mobile-slider {
        display: block;
    }

    .swiper-slide img {
        width: 100%;

    }
}



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

    :root :where(h1) {
        font-family: 'Poppins', sans-serif;
        line-height: 1em;
        font-size: 2em;
        font-weight: 700;

    
    }

    .pilares .titulo {
        width: 50%;
        border: 0px solid red;
        color: black;
        font-size: 1.5em;
        font-weight: 500;
       
    }

    .col-custom-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top_bar .bt_login {

        margin-left: 20px;
        margin-right: 20px;

    }

    .logo_main {
        position: absolute;
        border: 0px solid red;
        width: 119px;
        z-index: 200;
        left: 0px;
        float: left;
        margin-right: 15px;
        margin-left: 30px;

        margin-top: -34px;
    }

    .bt_franqueado {
        display: none;
    }

    nav a {
        color: #3d5a95;
    }

    .container_box_maix_texto {
        height: auto;
    }



    .box_mais {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .timeline_proposito {
        border: 0px solid red;
        background: none;
        
        padding-top: 0;
        padding-left: 35px !important;


    }


    .timeline_proposito .titulo,
    .destaque_mais .titulo {
        font-size: 30px;
    }


    input[type=search]:not(.browser-default) {

        width: 80%;


    }

    .cards_mais_palavra {        
        height: 100vw;       
       /* margin-top: 60px; */        
    }

    .cards_mais_palavra_img {
        height: 100vw;
        background-size: cover;
        border: 0px solid red;
    }
    .cards_mais_palavra_txt {
        height: auto;
        border: 0px solid red;
    }
    

    .content {
        border: 0px solid red;
        width: 100%;
        margin: auto;
    }


    .space_1x {
        display:block;
        height: 2em;
        
    }
    .space_2x {
        display:block;
        height: 4em;    
    }
    .space_3x {
        display:block;
        height: 6em;    
    }
    .space_4x {
        display:block;
        height: 8em;    
    }

    .grafico01 {
        margin-top: 100px;
        margin: auto;
        width: 80%;
    
    }

    .descricao {
        text-align: justify;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;

    }

    .grafico02 {
        margin-top: 100px;
        margin: auto;
        width: 100%;
        margin-bottom: 100px;
    
    }


    .conteudo_texto_foto {
        padding: 30px !important;
    }

    .headline_video {
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 50px;
        width: 90%;

    }

    .heading_video_unidades {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .legenda_frase_mega {
       
        bottom: 20px;

    }

    .bt_seja_franqueado { 
        position: relative;
     
        

    }
    
    



}