/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.tab { margin-bottom: 10px!important;} 

html {
    scroll-behavior: smooth;
}

.navbar__fixed{ position:sticky;top: 0px; left: 0px; width: 100%; z-index: 999 ; background-color: #002D3D; 
    height: 100px;padding-top: 5px;
}
.navbar__fixed.reduzir{ height: 80px;;}

.navbar__fixed .column{ padding: 5px;  }

.navbar__fixed .columns,
.navbar__fixed .conteiner{ height: 100%;}

.navbar__logo_a,
.navbar__logo_a img{ display: block;  ;}

.navbar__fixed .navbar__logo_a ,
.navbar__fixed .navbar__logo_a img{ height: 81px;}

.navbar__fixed.reduzir .navbar__logo_a ,
.navbar__fixed.reduzir .navbar__logo_a img{ height: 100%;}


.navbar__fixed *,
.navbar__fixed{-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s; }

.navbar__fixed .conteiner{ max-width: 1320px;}

.navbar__fixed .columns{ margin-top: 0px; margin-bottom: 0px;}

.menu__lateral__container {
    position: fixed;     display: inline-block;     vertical-align: top;     max-height: 100vh;
    overflow-y: auto;     width: 500px;     top: 0;     bottom: 0;     padding: 30px;     right: -500px;
    background-color: #002D3D; z-index: 999999;    -webkit-transition: all ease-in-out 0.5s;    -o-transition: all ease-in-out 0.5s;    transition: all ease-in-out 0.5s;
}

.menu__lateral__container.mostrar{   right: 0px ; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.menu__lateral__items { padding-top: 60px; padding-bottom: 40px;}
.menu__lateral__items a{ color : #25BAE7 ; font-size: 60px; line-height: 60px; display: block; margin-bottom: 20px; font-weight: bold;}

  
.menu_lateral {    display: inline-block; position: relative;  height: 100% ; width: 100%;}

.menu_lateral .buttons a { padding: 0 10px; display: inline-block;}

.menu_lateral .reset { margin-left: auto;  display: block; }

.menu__lateral__logo { display: block; padding: 0px 60px; position: absolute; margin-bottom: 20px; bottom: 0px  }

.navbar_right{     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end;    gap: 20px;  }

.navbar_right a{ display: block;}

*{font-family: 'League Spartan', sans-serif;}

.conteiner{max-width:1200px; margin:auto; padding-left: 20px; padding-right: 20px;}

.titulo_ggg { font-size: 120px; line-height: 120px; }
.titulo_gg , 
.sessao h2  { font-size: 60px; font-weight: bold ; line-height: 60px;}

.sessao     { min-height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box;}


.sessao__1  { padding-top: 235px; background-color: #07141b; color:white; position: relative; }
.seta_baixo{ margin-top: 20px; display: inline-block ;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out}
.fundo__sessao_1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

.sessao__2{ background-color: #25BAE7; color:#002D3D; padding-top: 100px; padding-bottom: 60px; z-index: 4 ; position:relative;;}
.sessao__2
    .py__container{padding-top: 100px;}

.sessao__3{ background-color: #002D3D; position: relative;}
.sessao__3 .titulo_gg{     z-index: 2;     position: relative;     color: white;     margin-top: 145px; }
.sessao__3 p{ color:white; font-size: 20px;; }
.session_3_texto_esc{ font-size: 20px; padding-top: 50px; ;}


.sessao__1 p{ font-size: 20px;;}

p.letter_s_4{ letter-spacing: 4px;}


.button     {  padding: 5px 20px; border-radius: 37px;  font-size: 18px ;   }
.button.topo{
    background-color: #002D3D; color:#25BAE7;
    border: 1px solid #25BAE7; margin-top: 160px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left:auto; margin-right: auto;
}

    .button.topo:hover{ background-color: #004B65;}
    .button.topo:hover + .seta_baixo{ margin-top: 30px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.button.branco{ color:white; border-color: white; background-color: transparent ;}
.button.azul{ color:#25BAE7; border-color: #25BAE7; background-color: transparent ;}


#desafio{  
     background-size: auto; background-position-y: 200px;
    background-repeat:no-repeat; background-position-x: 640px;
    background-position-y: 115px;
    background-repeat: no-repeat;
    background-position-x: 548px;
    background-size: 354px;
} 

#desafio .is-5{padding-right: 0px; padding-left: 0px;}
/* 
#desafio.marketing{ background-image: url(../imgs/pc.png) ; background-position: 515px 25px; }
#desafio.customer_exp{ background-image: url(../imgs/star.png) ;     background-size: 170px;     background-position: 594px 40px;}
#desafio.vendas{ background-image: url(../imgs/cash.png) ;      background-position: 570px 40px;    } */



.tabs   { overflow: hidden; text-align: left; color: #002D3D ; font-size: 16px;;}

.tabs ul{ border:none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.tabs li a{
    border:none; background:none; padding-top: 0px;
}
.tabs li a { letter-spacing: 3px;   font-size: 20px; color: #009AD0; padding-left: 0px; padding-right: 0px;}

.tabs a:hover{color:#fff; }

.tabs li.is-active a{ color: #002D3D;}

.tabs li.is-active a:hover{ background-color: none; border:none ; }
.content-tab p { font-size: 20px; margin-bottom: 5px; font-weight: 500 ;}

.tab.is-active a{ position:relative; }


 
.fixo{ top: 80px; z-index: 10; width: 100%; position: fixed; text-align: center;}

.fixo .fechar{ text-align: right; display: block;margin-left: auto; margin-top: 5px; background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;border-radius: 50%;}

.tabs li:not(.is-active) a::after,
.tabs a:not(:hover)::after  {
    width:  0px; height: 1px ; content: " " ; background-color: #002D3D; position: absolute;
    display: block; bottom: 10px;   opacity: 0; -webkit-transition: ease-in-out width 0s; -o-transition: ease-in-out width 0s; transition: ease-in-out width 0s;
} 

.tabs li.is-active a::after {
    width: 100px; height: 1px ; content: " " ; background-color: #002D3D; position: absolute;
    display: block; bottom: 10px;  opacity: 1; -webkit-transition: ease-in-out width 0.2s; -o-transition: ease-in-out width 0.2s; transition: ease-in-out width 0.2s;
} 


.clientes p{margin-bottom: 20px;;}


#video_home { position:absolute;  width: 100%; top: 0%;    -o-object-fit: cover;    object-fit: cover; }
#video      { position:absolute;    height: 330px;   width: 100%;    -o-object-fit: cover;    object-fit: cover; }

.video_container{ height: 330px  ; position:relative ;}



.texto_dir      { margin-top: -180px; z-index: 2; position: relative; }

.texto_dir ul   { background-color: #CDDFE5; padding-left: 60px; padding-top: 25px; padding-right: 38px; padding-bottom: 26px;}

.texto_dir .cab,
.texto_dir .foot{ background-color: #ABC0C7;padding: 13px; font-weight: 400; font-size: 16px;letter-spacing: 2px;
     color:#002D3D; text-align: center;}

/* @media(max-width: 1380px){
    .texto_dir .cab, .texto_dir .foot{ padding: 10px;}
    .texto_dir ul li{ font-size: 16px;}
} */

.texto_dir .cab { border-top-left-radius: 40px;border-top-right-radius: 40px;;}
.texto_dir .foot{ border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;;}

.texto_dir ul li { font-weight: 400; color: #002D3D; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox;
     display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
      flex-direction: column; font-size: 18px; line-height: 25px;
    position: relative;}

.texto_dir ul li small{ font-weight: 400 ; font-size: 13px;;}

.texto_dir ul li::before{ display: block; width: 10px; height: 10px; border-radius: 10px; content: " " ; position: absolute; display: block;
    background-color: #25BAE7; left: -20px; top: 8px ;}

.cl-white { color:white; }

.z-2{ z-index: 2; position:relative ;}

button.reset{ cursor: pointer;}
button.reset{ -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border:none; ;;}


.sessao_4   { background: #C2D4D9;  display: -webkit-box;  display: -ms-flexbox;  display: flex ; }

.painel_esc__sessao_4{ width: 480px; min-height: 800px; padding-top: 177px; padding-left: 120px; color:white; 
     background: url( ../imgs/img-contato.png) ; background-size:  cover;}


.sessao_4 .panel_dir   { padding-top: 256px; padding-right: 20px; padding-left: 100px ; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.sessao_4 .social{ padding-left: 60px;font-size: 20px; color: #002D3D; }

.social p a{ color: #002D3D; }

.sessao_4 .buttons a { display: inline-block; margin-right: 10px; margin-bottom: 30px;}

.input, .select select, .textarea 
{

    border:none; background-color: transparent; border-bottom: 1px solid #07141b; border-radius: 0px;;
    margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; ; padding: 18px 10px; 
}

[type=submit]{ padding: 10px 20px; margin-top: 20px; font-size: 18px; border-radius: 30px ; background-color: #25BAE7; -webkit-box-shadow: none; box-shadow: none; border-color: transparent;}

form{ text-align: right;}

.panel_dir .p{ font-size: 18px; margin-bottom: 10px; font-weight: 400;}

.limite { max-width: 350px;}

.copy { padding-top: 105px ; position:absolute; bottom: 0px; padding: 20px;}

.fundo{ position: relative ; height: 100%; }

.whatts{ position: fixed; right: 0px; bottom: 0px; margin: 20px; }

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #002D3D;
    -webkit-box-shadow: 0 0 0 0.125em rgba(72,95,199,.10);
            box-shadow: 0 0 0 0.125em rgba(72,95,199,.10);
}
.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover{
    border-color: #002D3D;
}

.clientes__imagens , .clientes__imagens div{ 
    background-color: white; border-radius: 20px; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: flex-start; 
    width: 100%; 
}
.clientes__imagens{ flex-direction: row; padding: 10px 40px;}

.clientes__imagens p { font-size: 18px; min-width: 180px; font-weight: 500;     padding-top: 15px; }

.clientes__imagens div{ -ms-flex-wrap: wrap;flex-wrap: wrap; white-space: nowrap; }

.clientes__imagens img{ width: auto; height: auto; display: block ; ;}



.tabs li  { display: flex};


.tab img { width: auto!important; height: auto!important;}
 
.tab img { opacity: 0.3 ; }
.tab.is-active img { opacity: 1 ;}
.tab .tab_img_container{ width: 70px; text-align: center; padding-right: 10px;}
.tab .tab_img_container img{ width: auto; height: auto; }

/* .tab.is-active .tab_img_container{ position:relative; } */

.tab.is-active:before{ width: 30px ; height: 30px;  background-color: transparent ;
      position: relative; left: 0px; display: block ; content: " "; color:white; 
    background: url(../imgs/logos/seta_2.png) center no-repeat ; top: 10px
}

 .tab:before{ width: 30px ; height: 30px;  background-color: transparent ;
      position: relative; left: 0px; display: block ; content: " "; color:white; 
    background: url(../imgs/logos/seta_1.png) center no-repeat ; top: 10px

}


@media(min-width: 1000px){
    .column_desk{     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column; }

 
    .esconder__desk{ display: none!important;}

    .clientes__imagens img{     width: 10%;        margin: 4px; }

    .clientes__container{ padding-left: 0px;}
  
}

@media(max-width: 1000px){

    .menu__lateral__items{ padding-top: 0px;}
    #mostrar_menu{ margin-top: 60px;}
    .conteiner{ padding-left: 20px; padding-right: 20px; padding-bottom: 60px;}
    .titulo_ggg{ font-size: 70px; }
    .esconder__mob{ display: none!important;}

    .input, .select select, .textarea{ font-size: 11px;}

    .sessao__1 p{ font-size: 16px!important;}


    .tabs li a{ padding-left: 10px ; padding-right: 10px; white-space: wrap;}
    .sessao { max-height: 100vh; overflow-y: scroll;}
    
    .sessao.sessao__2{ padding-top: 130px;}

    .sessao__2 p { font-weight: 500;font-size: 20px; line-height: 22px; margin-bottom: 5px;}

    .sessao__2 .titulo_gg{ font-size: 24px ; line-height: 28px;}

    .sessao__2 .py__container{ padding-top:  0px; padding-bottom: 0px;;}

    .sessao__2 {padding-bottom: 0px;}

    .sessao__2 .clientes br{ display: none;}

    .sessao__2.arte .esconder__desk img{ height: 70px ; width: auto;  margin-top:  -5px;}

    /* .sessao__2.arte .esconder__desk br{ font-size: 5px; line-height: 5px ; height: 5px ;} */
    .sessao__2__min-h .titulo_gg   br,
    .sessao__2__min-h .titulo_gg +  br{ display: none;}


    .clientes__imagens{ width: auto; margin-top: 0px;; margin-bottom: 20px; -webkit-box-pack: center ; -ms-flex-pack: center ; justify-content: center ;  ; }
    .clientes__imagens{ flex-direction: column;}
    .clientes__imagens img{ width: 30%; height: auto; margin: 15px}
    
    .texto_dir{ margin-top: 0px;;}

    .titulo_gg, .sessao h2{ font-size: 40px;line-height: 40px;}

    #video_home{ height: 100%;}

    .sessao { padding-right: 30px;}
    .sessao{ padding-top: 150px; padding-right: 30px;}

    .sessao__3 { padding-top: 110px;}

    .sessao__3 .titulo_gg{ margin-top: 0px; padding-top: 30px;}

    .sessao__3 p,
    .texto_dir ul li{ font-size: 16px; line-height: 22px;}

    .video_container {height: 120px; margin-right: -30px;}

    #video{ height: 120px;}

    .titulo_ggg{ font-size: 50px; line-height: 50px;}
    .titulo_gg, .sessao h2{ font-size: 30px; line-height: 30px;}

    .is-size-3{ font-size: 18px !important;}

    .button{ font-size: 16px;}

    .tabs.is-large{ margin-top: 20px;}

    .content-tab p{ font-size: 16px; line-height: 18px; margin-bottom: 5px; ; }

  
    .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    
    .tabs li a { font-size: 15px;}

    .button.branco{ margin: 0 auto;
        display: block;
        line-height: 18px;
        font-size: 18px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; 
    }

    .sessao.sessao_4{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; z-index: 2;
    padding-bottom: 60px; ;}
    .texto_dir ul{ padding-left: 15px; padding-right: 15px;}

    .painel_esc__sessao_4{padding: 20px;}


    
    .painel_esc__sessao_4{ height: auto ; min-height: 150px ; width: 100% ;}
    .sessao_4 .panel_dir{ padding: 20px;}
    .sessao_4 .social{ padding: 20px;}

    .sessao.sessao_4{ padding-top: 90px;}

    .copy{ position:relative}

    .menu__lateral__container{right: -500px;}

    .menu__lateral__container{ max-width: 370px;}


    .texto_dir .cab{ padding-top: 8px; padding-bottom: 8px;}

    .texto_dir ul{ padding-bottom: 5px;}

    .sessao__3   .conteiner{ padding-bottom: 90px;}

    .texto_dir .cab{ font-size: 14px; list-style: 14px;}

    .sessao.sessao_4{ padding-right: 0px }
    .sessao.sessao_4 > .panel_dir{ padding-right: 30px;}


    .texto_dir .foot{ padding-top: 5px; padding-bottom: 5px}

    .texto_dir ul li::before{ left:-11px; top: 4px; width: 6px; height: 6px; ;}

    .texto_dir ul li{ font-size: 16px; line-height: 21px;}


    .texto_dir{ margin-right: -8px ;}
}





@media(min-width: 1000px) and (max-width: 1660px){

    .texto_dir ul li::before{ top: 0px; }
    .sessao__2 .py__container{padding-top: 60px;}

    .titulo_gg, .sessao h2{ font-size: 55px; line-height: 55px;}

    .texto_dir ul li{font-size: 16px; line-height: 19px;}
    .texto_dir ul li small{ font-size: 12px;}

    .content-tab p{ margin-bottom: 0px;;}

    .sessao_4 .panel_dir{ padding-top: 160px;}

    .titulo_ggg{ font-size: 80px; line-height: 80px;}

    .sessao_4 .social p{ font-size: 18px;}

    .sessao_4 .social{line-height: 22px;}

    .sessao__3 p{ font-size: 18px; line-height: 22px;}
}
@media(min-width: 1000px) and (max-width: 1367px){

    .titulo_gg, .sessao h2{ font-size: 45px; line-height: 45px;}

    .content-tab p{ font-size: 16px;;}

    .sessao__3 p{ font-size: 16px; line-height: 19px;}

    .titulo_ggg{ font-size: 60px; line-height: 60px;}

    .button.topo{ margin-top: 40px;}

    /* .clientes__imagens img{ width: 12%;} */

    .sessao__3 p.has-text-right{ margin-top: -10px;}
}
 
@media(min-width:1800px){
    .sessao__2__min-h{ min-height: 552px;}
    .texto_dir ul li{margin-bottom: 6px;}
}
/* 
@media(min-width: 1800px){
} */

[data-inviewport] {  
   opacity: 0;-webkit-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}
  
.is-inViewport{ opacity: 1;-webkit-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;}