body, button, input, optgroup, select, textarea{ font-family: franie_light , monospace;}

.sep_70{ height: 50px;}
.sep_100{ height: 70px;}
.sep_110{ height: 80px;}
.sep_125{ height: 100px;}
.sep_150{ height: 120px;}

.has-text-align-center{ text-align: center;}

.titulo_padding ul{ list-style: disc;}
.titulo_padding li::marker{ display: block; color: #333;}
body:not(.loaded) .esconder_n_carregado{ display: none;}

.uppercase{ text-transform: uppercase;}

.fonte_40{ font-size: 26px;}
.fonte_30{ font-size: 20px;}
.fundo_interna h1{ font-size: 40px; text-align:left; font-family: franie_semi_bold , monospace; color:white; }

.orange, .orange a{ color:#ec6608!important}

.disc{ list-style: disc; padding-left: 40px;}
 
.conteudo p,
.conteudo ol li,
.conteudo ul li{ font-size: 18px; line-height: 30px; margin-bottom: 15px; font-family: franie_light , monospace; color: #575757;} 
.conteudo h2{ font-size: 24px ; line-height: 35px; color: #ec6608; font-family: franie_semi_bold , monospace;}
.conteudo h3{ font-size: 20px; color: #ec6608; font-family: franie_semi_bold , monospace;}

.conteudo.dark p{ color:white;}
.conteudo.dark span{ color: #ec6608;}

.slide_image{ text-align: center;}
.slide_image .desc{ padding: 10px 30px; background-color: white; color: #ec6608; border-radius: 40px; font-family: franie_semi_bold , monospace ;
                     width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content margin:auto; font-size: 27px; z-index: 2 ; position:relative; margin-top: -50px; margin-bottom: 50px;}


.blog_img img{
    border-radius: 50px; border: 3px solid white;
    width: 700px; display: block; margin-top: -100px; margin-left: auto; margin-right: auto; }

.texto_interno  { margin: auto; max-width: 800px;}

.conteudo.margens h3{ margin-bottom: 30px;}
.conteudo.margens h2{ margin-bottom: 60px;}
.conteudo.margens p{ margin-bottom: 30px;}

.conteudo.margens ul li ,
.conteudo.margens ol li { margin-bottom: 25px;}

 .conteudo span{ font-family: franie_regular , monospace;}

.conteudo b{ font-family: franie_bold , monospace;}

ol li span{ display: inline-flex; margin-left: 20px ; align-items: center; color:white; justify-content: center; width: 30px; height: 30px; background-color: #ec6608; border-radius: 50%;}
ol li span + span { color: #ec6608; background-color: transparent; display: inline; width: auto; font-family: franie_regular , monospace;;}
li::marker 
{
   display: none;color:transparent;
}

ul li span{ color: #ec6608;}


.navbar_x{
    height: 140px; background-color: #515150; color:white; ;
}
.navbar_img{ padding-top: 38px;}
.navbar_img img{ width: 128px}

.is-fullheight{ height: 100%;}
.grid_x{ margin: auto; }
.grid_1{ max-width: 1100px ; margin: auto;}
.grid_2{ max-width: 1100px ; margin: auto;}
/* .grid_2{ max-width: 1080px;} */




.navbar_x a{ color:white; font-family: franie_regular , monospace; padding-bottom: 20px; }

.navbar_menu{ display: flex; align-items: flex-end; }

/* .navbar_menu a{ font-size: 20px;} */
.navbar_menu a{ font-size: 16px;}

.social{ width: 26px; height: 26px;}

.navbar_links{ padding-top: 85px ; }

/* .slide_x{ height: 600px;} */

@media(min-width: 1000px){
    .slide_x{ height: 70vh; min-height: 600px;}
}

.titulo_slider { font-size: 29px ; color:white ; font-family: franie_regular , monospace ;}

.btn_1{ background-color: #ec6608; color:white; font-size: 22px;}

.btn{ font-family: franie_regular , monospace; width: fit-content ;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content; padding:  5px 20px; border-radius: 30px;}

.btn_1.menor{ font-size: 15px;}

.slide_topo_container{   height: 100%;  display: flex;    flex-direction: column;    justify-content: center; }



.titulo_interno{ display: flex; font-size: 22px; font-weight: 500; align-items: center;  background-color: #ec6608 ; }

.titulo_interno img { display: block;}

.titulo_padding{ padding: 45px 35px ; font-size: 20px ; line-height: 32px; color: #575757;
    -webkit-box-shadow:  0px 0px 38px -3px rgba(0,0,0,0.17);
    -moz-box-shadow:  0px 0px 38px -3px rgba(0,0,0,0.17);
    box-shadow:  0px 0px 38px -3px rgba(0,0,0,0.17);    
;}

.comentarios{ padding-top: 70px; padding-bottom: 70px;}

.titulo_interno{ text-transform: uppercase;}
.titulo_interno .titulo_interno { background:transparent}

.titulo_interno p {color:white ; ; ;}

.titulo_interno.closed{ background-color: white; 
    -webkit-box-shadow:inset  0px 0px 20px -3px rgba(0,0,0,0.10);
    -moz-box-shadow:inset  0px 0px 20px -3px rgba(0,0,0,0.10);
    box-shadow: inset 0px 0px 20px -3px rgba(0,0,0,0.10);    
}


.h1{ font-size: 30px;color:#ec6608;font-weight: bold; font-family: franie_semi_bold , monospace;}
h2 .h2{ font-size: 30px;color:#ec6608; font-weight: bold; font-family: franie_semi_bold , monospace;}

.titulo_interno.closed .titulo_interno{ color:#ec6608}

 

.escola_img{     overflow: hidden;    border-radius: 55px; height: 105px; }
.escola_1{ border-top-left-radius: 50px ; overflow: hidden;}
.escola_2 .escola_img{ border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.escola_3 .escola_img{ border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

.escola_3{ border-bottom-left-radius: 50px;;}

.titulo_padding { background-color: #f4f4f4;}


.btn_competencia_cont a{ width: 100%; max-width: 610px; text-transform: uppercase; font-size: 20px; font-family: franie_regular , monospace;
    display: block;
    margin: auto;
    color: #fdc300;
    border: 3px solid #fdc300;
    text-align: center;
    border-radius: 20px;
    padding: 10px;
    font-weight: bold; position:relative;
    font-family: franie_bold , monospace;
 }
.btn_competencia_cont span{
    position:absolute; width: fit-content ;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content; white-space: nowrap; top: 5px;  right: -80px;
    background-color: #ec6608; color:white; padding: 5px 10px; border-radius: 8px;}


.btn_competencia_cont  .competencias{ width: 100%;}
.btn_pilares_cont.btn_competencia_cont { width: 100% ; ;}

.bold_titulo{ font-family: franie_bold , monospace;}
.semi_bold_titulo{ font-family: franie_semi_bold , monospace;}

.btn_pilares_cont.btn_competencia_cont a{ color:#ec6608 ; border-color: #ec6608 ; max-width: 100%;}

.btn_competencias_2{ width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content ; background-color: #fdc300; border-radius: 15px; margin:auto; padding: 12px 23px ; margin-bottom: 40px;
    font-family: franie_semi_bold , monospace; color:#fff;}
.btn_competencias_2 + ul { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 250px;}
.btn_competencias_2 + ul li{ margin-bottom: 10px; font-size: 15px;}

.linha_dir{ position: relative;}
.linha_dir:after{ border-right: 2px solid #333; right: -10px; height: 200px; display: block; content: ' '; position: absolute ; opacity: 0.1;  }

.bloco_texto_blog{ padding: 20px 40px}

.bloco_texto_blog .titulo_card_branco.v2{ font-size: 22px ;}


.btn_pilares_cont{ width: 100%;}

.redondo_laranja{  width: 100px ; height: 100px ; background-color: #ec6608 ; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.redondo_laranja img{ width: 48px;}

.card_branco{ background-color: white; display: flex; justify-content: center; align-items: center; flex-direction: column ;}
.mod_1 { padding-top: 33px; padding-bottom: 33px ; 
    -webkit-box-shadow:   0px 0px 20px 5px rgba(0,0,0,0.08);
    -moz-box-shadow:   0px 0px 20px 5px rgba(0,0,0,0.08);
    box-shadow:   0px 0px 20px 5px rgba(0,0,0,0.08);   
    border-radius: 20px;
}
.card_branco .titulo_card_branco{ font-size: 18px ; text-align: center; display: block; margin-top: 30px; font-family: franie_semi_bold , monospace; color: #ec6608;}
.card_branco:not(.alt) p { font-size: 20px ; color: #575757; font-family: franie_semi_bold , monospace;}
.card_branco .btn  { margin-top: 25px; }
.card_branco.v2    { padding: 4px; overflow: hidden; border-radius: 55px; padding-bottom: 30px;}
.card_branco_w     { width: 100% ;     margin: 0px!important; padding: 0px;  }
.card_branco_w .esc { padding: 5px}

.card_branco .central { display: flex; align-items: center; justify-content: center;}

.card_branco.alt{ border-radius: 55px;}
.card_branco .titulo_card_branco.v2{ margin-top: 0px;}

.blog_listagem .card_branco p{ font-size: 18px ;font-family:  franie_light , monospace ; line-height: 26px; margin-bottom: 20px ; margin-top: 10px;}

.card_branco .conteudo{ width: 100%;}

.card_branco.alt{ padding: 0px ; overflow: hidden;}
.card_branco .interno{ padding: 10px; padding-top: 15px;}
.fundo_dir_interno{ background-color: #f4f4f4;}


.fit{ width: fit-content; width: -webkit-fit-content;width: -moz-fit-content;width: fit-content }
.block{ display: block;}
.blog_listagem .sombra_card{ width: 100% ; height: 300px; object-fit: cover; border-radius: 50px;}

.blog_listagem .sombra_card img{ width: 100%; height: 100%; object-fit: cover;}
.sombra_card{ position: relative; display: block ; border-radius: 55px; overflow: hidden;;} 

.sombra_card img{ display: block;}

.sombra_card::after{ z-index: 20;   position: absolute; width: 100%; border-radius: 55px; height: 100%;  top: 0px; content: ' ' ; display: block; 
    -webkit-box-shadow:  inset  0px 0px 20px 3px rgba(0,0,0,0.18);
    -moz-box-shadow:   inset 0px 0px 20px 3px rgba(0,0,0,0.18);
    box-shadow: inset   0px 0px 20px 3px rgba(0,0,0,0.18);    
    /* border-radius: 55px;  */
}
.sombra_card.disable::after{ display: none;}


.quem_somos_fundo{ position: relative; z-index: 4;}
.quem_somos_fundo::after{ 
    z-index: -1;
    position: absolute;
    width: 80%;
    right: 0;
    height: 80%;
    content: ' ';
    display: block;
    opacity: 0.6;
    background-image: url(../imgs/home/m.png);
    background-position-y: bottom;
    background-position-x: 95%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
}

.cases_e_clientes{ background-image: url( ../imgs/home/webp/educa_2.webp); background-position-y: 0px; background-position-x: right; ; padding-top: 75px; padding-bottom: 100px; z-index: 6; position: relative;;}
.cases_e_clientes * { color:white; }

.seta{  background-color: #c8c8c8; display: flex; align-items: center; justify-content: center ; width: 45px; height: 45px; display: block; content: ' ';
        border-radius: 50%; background-position: center; background-repeat: no-repeat; z-index: 3; position: relative;}

.seta_esc { background-image: url(../imgs/home/seta_esc.png);  }
.seta_dir { background-image: url(../imgs/home/seta_dir.png);  }



.slide_cases_e_clientes{ padding-left: 60px; padding-right: 60px;}
.slide_cases_e_clientes .fonte_40{ margin-top: 70px; margin-bottom: 40px; }
/* .slide_cases_e_clientes{ padding-left: 95px ; padding-right: 95px;} */

[data-action="start"]{ display: none;}


.cases_e_clientes .tns-controls{ display: flex ; justify-content: space-between; position: absolute; top: 50%; width: 100%;;}
.cases_e_clientes .tns-outer{ position:relative ; }


.slide_sem_controles .tns-outer            { display: flex;  flex-direction: column-reverse; }
.slide_sem_controles [data-action="stop"]  { display: none;}
.slide_sem_controles [data-action="start"] { display: none;}
.slide_sem_controles .tns-nav              { margin-top: -60px ; margin-bottom: 50px;  }

footer a{ margin-bottom: 10px ; display: block;}

footer a.social{ display: inline-block ;}
.slide_sem_controles  .tns-nav{
    align-items: center;
    justify-content: center;
    display: flex; z-index: 99;
}
.tns-nav button{ margin: 8px; }
.tns-nav button:not(.tns-nav-active){ width: 15px; height: 15px ; border-radius: 50%; background-color: none;border: 2px solid #fff;  }
.tns-nav button.tns-nav-active{ width: 15px; height: 15px ; border-radius: 50%; background-color: white;  }
   

.fundo_dir_interno{ background-image: url(../imgs/quem_somos/sombra.png); background-repeat: repeat-y}

.slide_sem_controles .tns-controls{ display: none;}

.cases_e_clientes .tns-nav{ display: none;}

.sem_bullets [data-action="stop"] { display: none;}


input,textarea{ border: 2px solid #d9d9d9; border-radius: 10px; margin-bottom: 22px; width: 100%; display: block; padding-left: 15px;; }
input {  height: 40px}
textarea{ padding-top: 15px; ;}

input::placeholder, textarea::placeholder{ font-size: 18px; color: #d9d9d9; font-family: franie_regular , monospace;}

.leia_mais_blog a , 
.leia_mais_blog{ font-size: 16px; font-family: franie_regular , monospace;} 

.card_form{ padding: 35px; border-radius: 30px ;
    -webkit-box-shadow:    0px 0px 20px 3px rgba(0,0,0,0.18);
    -moz-box-shadow:    0px 0px 20px 3px rgba(0,0,0,0.18);
    box-shadow:    0px 0px 20px 3px rgba(0,0,0,0.18);    
    background-color: white;;
}

.contato { background-image: url(../imgs/home/webp/contato.webp); background-size: cover;}

footer { padding-top: 70px; padding-bottom: 70px; background-color: #575757;}

footer a { color:white; font-size: 14px ;}


.fundo_interna{ background-size: cover; background-position: top; }
.interna .fundo_interna .navbar_x{ background-color: #515150dd;}
.fundo_interna .titulo_container{ /*height: 510px;*/height: 410px; display:flex; align-items:center;  }


.justify-content{ justify-content: center;}

.o_que_fazemos_fundo{position: relative;}
.o_que_fazemos_fundo::after {
    z-index: -1;
    position: absolute;
    width: 90%;
    height: 90%;
    bottom: 0px;
    content: ' ';
    display: block;
    opacity: 0.6;
    background-image: url(../imgs/o_que_fazemos/fundo.png);
    background-position-y: bottom;
    background-position-x: 95%;
    background-repeat: no-repeat;
}

@media( min-width: 1919px ) 
{
 

    /* .grid_1{ max-width: 1640px ;} */
}

 


@media(min-width: 1000px) and (max-width: 1280px){
    .grid_2,
    .grid_1{ max-width: 980px ;}
  
}



@media(min-width: 1000px){

    .menu_hamb_tog{ display: none;}

    .navbar_menu{ justify-content: flex-end    }
    .blog_listagem .column{ padding: 50px}

    .footer_meio_1{ padding-left: 20px!important;}

.seta.x2{ width: 111px ; height: 175px; border-radius: 0px; background-color: transparent;}
.seta_esc.x2 { background-image: url(../imgs/o_que_fazemos/seta_antes.png);  }
.seta_dir.x2 { background-image: url(../imgs/o_que_fazemos/seta_depois.png);  }

}

@media(min-width: 1700px){
    .seta_esc{ margin-left: -60px;}
    .seta_dir{ margin-right: -60px;}
}

@media(max-width: 1000px){

    .navbar_img img{ width: 100px}

    .navbar_img { padding-top: 13px }

    .linha_dir:after{ display:none; }
    .btn_1{ font-size: 16px;}

    .flex-mobile.column.is-3{ display: flex ; width: 100%!important;}

    .is-hidden-x{ display: none;}


    .navbar_img{ width: fit-content; width: -webkit-fit-content;width: -moz-fit-content;width: fit-content}
    .menu_hamb_tog{ display: flex ;  align-items: center; justify-content: center; width: 60px; height: 60px; 
        flex-direction: column; margin: 12px 0px 20px auto; margin-left: auto;}

    .menu_hamb_tog div{ margin: 5px; height: 5px ; width: 100%; background-color: white;}

    /* .navbar_x{ height: 110px;} */
    .navbar_x{ height: auto;}


    .navbar_links{ padding: 20px; background-color: #333; z-index: 100;;}
    .navbar_menu{ flex-direction: column;}
    .navbar_menu li { margin-bottom: 20px;}
    .sep_100{ height: 50px;}

    .grid_x{  padding-left: 20px; padding-right: 20px;}
    
    .slide_cases_e_clientes{ padding-left: 20px ; padding-right: 20px;}

    .btn_competencia_cont span{ right: -10px; }

    .btn_competencias_2 + ul{ height: auto;}

    .fonte_40,
    .titulo_interno,
    .conteudo p, .conteudo ul li,
    .bloco_texto_blog .titulo_card_branco.v2, .fonte_30
    .conteudo ol li{ font-size: 18px;}

    .conteudo h1{ font-size: 28px; line-height: 34px;}

    .conteudo h2{ font-size: 25px; line-height: 32px ;}

    .conteudo h3{ font-size: 22px; line-height: 28px;}
    
    
    .fundo_interna .titulo_container{ height: 320px!important;}

    .fundo_interna h1, .h1{ font-size: 22px;}
    

    .bloco_texto_blog .titulo_card_branco.v2 ,
    .fonte_30{ font-size: 18px;}

    .titulo_padding{ padding: 20px; font-size:16px; line-height: 22px;}

    .titulo_slider{ font-size: 22px;}



    .comentarios .column{ padding: 0px}
    .comentarios .titulo_interno{ font-size: 15px;}

    .grid_1{ padding-left: 20px ; padding-right: 20px;}

    .titulo_interno .mr-6{ margin-right: 0px!important ; flex-shrink: 0 ; }

    .titulo_interno figure{ flex-shrink: 0;}
    .escola_img { width: 70px!important; height: auto;}


    .titulo_card_branco{ margin-top: 10px!important;}

  
    .slide_cases_e_clientes .fonte_40{ font-size: 20px;}

    input::placeholder, textarea::placeholder { font-size: 18px;}

    body{     max-width: 100vw;
             overflow: hidden; 
    }

    
    .btn_pilares_cont.btn_competencia_cont a{ text-align: center;}

    .card_branco .titulo_card_branco, 
    .btn_competencia_cont a{ font-size: 22px;}

    .card_branco.v2{ padding-bottom: 20px;}    
    .card_branco .titulo_card_branco, .btn_competencia_cont a{ font-size: 18px; text-align: left;}

    
    .card_branco.mod_1.alt { max-width: 320px; margin: auto}
    .card_branco.mod_1.alt img{ width: 100%; max-width: 100%; height: 300px; object-fit: cover;}

    .footer_logo{ width: 110px;}

    .navbar_x a{ padding-bottom: 0px;}

    .seta{ width: 25px;}

}