video::-webkit-media-controls {
    display: none;
  }
  
/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button { display: none; }

video::-webkit-media-controls-volume-slider { display: none; }

video::-webkit-media-controls-mute-button { display: none; }

video::-webkit-media-controls-timeline { display: none; }

video::-webkit-media-controls-current-time-display { display: none; }


body.home {}

.cab      {     position: fixed;    width: 100vw;  z-index: 2000 ; top: 0px}
.cab      { height: 120px;     display: flex;    align-items: center;    justify-content: center; ;}

body.scroll_fixo .cab,
body.scroll .cab{ background-color: #373435;  }

.scroll_fixo    { padding-top: 120px;}

p { font-size: 18px;}

.home h1,h2,.h2      { font-size:  40px; line-height: 47px; font-weight: bold;}

.home h1 small, 
      h2 small  { font-size: 16px; color: #D5494F; font-weight: lighter;}

      h3        { font-size: 28px; font-weight: bold; ;}

.bk_vermelho .container.esticado{ width: 100%; max-width: 100%;}

.has-text-centered img{ display: block; margin: 0 auto;}
img{ display: block;}

.cinza_1     { background-color: #efefef;}
.cinza_2     { background-color: #555960;}
.curva_dir   { border-top-right-radius:207px ;}
.curva_esc   { border-top-left-radius:207px ;}

.url_mob_container a{ color:white ;}
.url_mob_container { display: flex; flex-direction: column;}

.bk_branco   { background-color: #fff;}
/* .bk_vermelho2 { background-color: #D5494F } */
.bk_vermelho { background-color: #D5494F; color:white;  z-index: 2; position: relative;}
.flex_center { justify-content: center;}

.hamb  { cursor: pointer; }

#video_interno{ width: 516px; height: 580px; object-fit: cover;    height: 635px;    object-fit: cover;    display: block;    line-height: 0px;   }

.cor_branco    { color:#fff!important; }
.cor_vermelho  { color: #CC3247;}
.cor_roxo      { color: #5F2F31;}
.cor_cinza     { color: #373435;}
.video_interno { min-height: 100vh;  }


.borda_1_btn   { border-radius: 27px; background-color: #CC3247; padding:11px 19px ; font-size: 18px; line-height: 18px; color:white; width: fit-content;    height: fit-content;}
.borda_1_btn  *{ color: inherit; }

.close__btn    { top: 0px; right: 0px; position: absolute;}

.cab__container{ display: flex; width: 100%; height: 120px; align-items: center; }
.cab__container figure{ flex-grow: 1;}

.cab .simples,
.cab .numeros_container { display: inline-flex; column-gap: 20px; align-items: center; }

.cab .simples .hamb{display: none;}

.bloco_fundo_img{ height: 300px; display: flex; align-items: center; background-position: bottom;
    justify-content: center; color: white ; font-size: 24px; background-size: cover;}

.bloco_texto_contratacao{ height: 206px;}

.bloco_texto_contratacao .h2{ min-height: 96px;}

.cab .simples a{ color:white; font-size: 18px;}

.card_o_que_fazemos   { color:white; text-align: center; border-radius: 10px; margin: 10px}
.card_branco{ background-color: white; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.card_o_que_fazemos h3 { height: 145px; background-color: #CC3247; width: 278px ; margin: 0 auto  ; border-bottom-left-radius:  10px; border-bottom-right-radius:  10px;}

.v2 .card_o_que_fazemos h3{ height: auto    ; padding: 25px 0px ; font-size: 18px;; background-color: #fff ; color: #555960;}
.card_o_que_fazemos img{ margin: 0px auto; }

.titulo_projetos{ padding-top: 40px }

.fit-content { width: fit-content}

a.button.vermelho,
.button.vermelho,
.wpcf7-submit{ background-color: #D93149; border-radius: 24px ; color: white; font-weight: 500; border:none;}

.button.maior,
.wpcf7-submit{ padding: 15px 30px; font-weight: 400; min-width: 125px;}

button img{ display: block;}

.sobre_home     { padding-top: 100px; padding-bottom: 100px; background-image: url(../imgs/ornamento_cinza_2.png) ; background-position: top left;
                  background-repeat: no-repeat;     background-repeat: no-repeat;           background-size: contain; }


.o_que_fazemos_2{ background-color: #5F2F31; border-top-left-radius: 300px;}
.o_que_fazemos{ background-color: #5F2F31; }
.o_que_fazemos .columns { margin: 0px}


.modal .card_horizontal{}
.card_horizontal .container,
.card_horizontal .borda{ background-color:#D5494F; border: 3px solid #CC3247;    border-radius: 20px; max-width: 1100px!important; }

.modal .card_horizontal .container,
.modal .card_horizontal .borda{ border: 3px solid #CC3247;     }


.card_h__lado    { display: flex;  flex-direction: column; justify-content: center;}
.card_h__lado p  { font-size: 18px ;}

footer,.footer { color:white; font-size: 18px; }
footer a, .footer a{ color:white; display: inline-block; }
.copy{ font-size: 14px;}

.tns-nav{ text-align: center;}
.tns-outer [aria-controls], .tns-outer [data-action]{ width: 15px ;height: 15px; background-color: #fff; border-radius: 50%; margin: 5px;}
.tns-nav-active{  background-color: #5F2F31!important;  }
.tns-controls{ display: none;}
[data-action="stop"]{display:none }


.menu_lateral{ height: 100vh; position:fixed; width: 100vw; z-index: 3000; top: 0px; background-color:#D5494F }

.menu_lateral .footer { bottom: 0px; position: absolute; width: 100%;}

.menu_lateral__fundo{ padding-top: 60px; padding-bottom: 60px;}

#menu_lateral.show { 
    right: 0vw; transition: all ease-in-out 0.4s;
}
#menu_lateral:not(.show) {
    right: -110vw; transition: all ease-in-out 0.4s;
}


.cab_home{ background-image: url(../imgs/home/fundo_banner.webp); background-size: cover ; background-position: center; height: 700px;}
@media(max-width: 440px){
    .cab_home{ background-image: url(../imgs/home/fundo_banner_mopb.webp);}
}
.cab_home .titulo{ font-size: 56px ; padding-top: 97px; color: #D93149;}
.cab_home .img_mobile{ display:none; }

.button.cta{ color:white; background-color: #373435; border-radius: 25px ; padding: 15px 30px; font-size: 16px; color:white; ;}

.conteudo_sobre{ padding: 114px 50px; }


.modal.is-active{ z-index: 9999}

@media(min-width:1000px){
    .o_que_fazemos_modal{ width: 1100px; overflow: hidden;}

    .url_mob_container a{ font-size: 40px; font-weight: bold;}
}

div:not(.modal) .o_que_fazemos_modal .card_h__lado{ background-color: #D5494F;}


.o_que_fazemos_modal img{ border-radius: 20px; overflow: hidden;}

.input, .textarea, input, textarea {
    --bulma-input-h: var(--bulma-scheme-h);
    --bulma-input-s: var(--bulma-scheme-s);
    --bulma-input-border-style: solid;
    --bulma-input-border-width: 1px;
    --bulma-input-border-l: var(--bulma-border-l);
    box-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .05);
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 12px;
}
input{ font-family: Rubik;}

 
.textarea[rows] , textarea{
    height: auto;
}

@media(min-width: 1000px){

    footer .logo_d,
    .footer .logo_d { display: block;  margin-left: auto;}
    .align_base{ display: flex; flex-direction: column-reverse;    }    
}
@media(min-width: 1600px){
    .conteudo_sobre{  padding-right: 260px; } 


    
}
@media(max-width: 640px){

    .menu_lateral  .pt-6{ padding-top: 20px;}
    
    .url_mob_container a{ font-size: 22px; font-weight: 600;     margin-bottom: 10px; }


    .card_horizontal .container, .card_horizontal .borda{ max-width: 100% ; ;}
    .curva_dir   { border-top-right-radius: 100px ;}
    .curva_esc   { border-top-left-radius: 100px ;}

    .conteudo_sobre{ padding-top: 2%; ;}

    .conteudo_sobre h1 { padding-bottom: 0px!important;}

    .columns{ margin-left: 0px;        margin-right: 0px; }

    .cab .simples a{display: none;}

    .cab .simples .hamb{display: block;}


    .close__btn { margin-right: 10px;}
    .menu_lateral{ height: 100%;;}
    .menu_lateral{  width: 100%;  }
    .menu_lateral .linha-1{ padding: 20px}

    .cab{ padding: 0 20px  }

    .home h1, h2 { font-size: 26px;}

    .video_interno{ min-height: auto;}

    .sobre_home  { background-image: none ;}

    .home .video_interno video{ height: 540px ; object-fit: cover ;}

    .flex_center { justify-content: center; display: flex; flex-wrap: wrap;     }

    .o_que_fazemos .columns { margin: 0px}

    .o_que_fazemos_2{ border-top-left-radius: 50px;}

    .borda_1_btn{ display: none ;}

    .sobre_home{ padding-top: 40px; padding-bottom: 40px;}

    .card_o_que_fazemos h3{ font-size: 18px; height: 110px;}

    .contratacoes{ padding-left: 20px; padding-right: 20px ;}
    .contratacoes img{ padding: 10px 20px 10px 10px; }

    .reverso_mob{     flex-direction: column-reverse;       display: flex;     }

    .cab_home{ height: auto ; padding-bottom: 60px;}
    .cab_home .titulo{ font-size: 28px; line-height: 33px;}


    .url_mob_container .h2{ font-size: 20px;}
    
    .cab_home .conteudo_slide ,
    footer,
    .clientes__container{ padding-left: 20px; padding-right: 20px;}

    .clientes__container figure { padding: 10px}

    .cab_home{ background-color: #5F2F31;background-image: none ;    }

    .cab_home .img_mobile{ display: block;}

    .cab_home .titulo{ padding-top: 0px!important;}


    .home h1, h2, .h2{ font-size: 28px;}


    #video_interno{ width: 100%; height: 320px;   }

    footer > div.pt-6{ padding-top: 10px!important;}

    .modal .card_horizontal{ padding: 30px}

    .modal .card_horizontal .container, .modal .card_horizontal .borda{ padding-top: 20px;}

    .bloco_texto_contratacao{ height: auto;}

    .bloco_texto_contratacao .h2{ min-height: auto;}
    .bloco_texto_contratacao.pt-6{ padding-top: 0px!important;}

    .esconder_mob{ display: none;;}

    .menu_lateral__fundo{padding-top: 20px; padding-bottom: 30px;}
}