/* ACESPETRO- SEMINÁRIOS */
/* CSS ZIMBA DESIGN zimbacom.com @zimbacomunica */
/* THIAGO GREGÓRIO @thiagofcgregorio */


html{scroll-behavior: smooth;}
:focus {outline:0 !important;}


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}



/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//* LANDING *//* LANDING *//**//* LANDING *//* LANDING *//* LANDING *//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**/



/**//* TOPO *//* TOPO *//**//* TOPO *//* TOPO *//* TOPO *//**///* TOPO *//* TOPO */


.navbar .collapse .navbar-nav .nav-item .nav-link{
  color: #343440;
  font-size: 0.85rem;
  margin: 0 0 3px 0;
}

.navbar-dark .navbar-nav .nav-link {
  color: #343440;
  padding-right: 10px;
  padding-left: 10px;
}

.navbar .collapse .navbar-nav .nav-item .nav-link:hover{
  color: #ff0001;
}




/* BANNER PRINCIPAL */ /* BANNER PRINCIPAL */ /* BANNER PRINCIPAL */ /* BANNER PRINCIPAL */

.banner-principal{
    background-image: url(../imgs/carbono-slider-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #343440;
}

.banner-principal h4{
    font-size: 1.9rem;
    font-style: normal;
    margin-bottom: 0;
}

.banner-principal h3{
    font-size: 1.8rem;
    font-weight: bold;
}

.banner-principal h1{
    font-weight: bold;
    font-size: 2.7rem;
    padding: 7px 5px;
    margin: 0;
    background-color: #ff0001;
    color: #fff;
}

.banner-principal a{
  text-decoration: none;
}

.banner-principal h5{
  text-align: center;
  background-color:  #ff0001;
  padding: 20px 0 23px 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  margin: 27px 0 0 0;
}

.banner-principal h5:hover{
  box-shadow: 0px 5px 15px  #ff0001, 0px 5px 15px  #ff0001, 0px 1px 8px  #ff0001, 0px 1px 12px  #ff0001;
}




/* PRIMEIRA-FAIXA */ /* PRIMEIRA-FAIXA */ /* PRIMEIRA-FAIXA */ /* PRIMEIRA-FAIXA */

.primeira-faixa{
  background-color: #343440;
  color: #fff;
  padding: 77px;
}

.primeira-faixa h4{
  font-weight: lighter;
}

.primeira-faixa a{
  text-decoration: none;
}

.primeira-faixa .botao h1{
  text-align: center;
  background-color: #ff0001;
  padding: 20px 0 23px 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  margin: 27px 0 0 0;
}

.primeira-faixa .botao h1:hover{
  box-shadow: 0px 5px 15px #ff0001, 0px 5px 15px #ff0001, 0px 1px 8px #ff0001, 0px 1px 12px #ff0001;
}





/* INFORMAÇÕES */ /* INFORMAÇÕES */ /* INFORMAÇÕES */ /* INFORMAÇÕES */ /* INFORMAÇÕES */


.informacoes{
  background-color: #fff;
  color: #343440;
  padding: 55px;
}

.informacoes h2{
  font-weight: bold;
  color:  #ff0001;
}

.informacoes h3{
  color: #343440;
  font-size: 1.4rem;
}

.informacoes .celula1{
  text-align: right;
}

.informacoes .celula2{
  text-align: left;
}

.informacoes h1{
  font-weight: bold;
  color:  #ff0001;
}

.informacoes .card1bue{
  background-color: transparent;
  padding: 65px 33px;
  color:  #ff0001;
  border: 3px solid  #ff0001;
  border-radius: 33px;
}

.informacoes h4{
  font-weight: bold;
  font-size: 2rem;
}

.informacoes a{
  text-decoration: none;
}

.informacoes .botao h1{
  text-align: center;
  background-color:  #ff0001;
  padding: 20px 0 23px 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
}

.informacoes .botao h1:hover{
  box-shadow: 0px 5px 15px  #ff0001, 0px 5px 15px  #ff0001, 0px 1px 8px  #ff0001, 0px 1px 12px  #ff0001;
}




/* SEJA-PATROCINADOR */ /* SEJA-PATROCINADOR */ /* SEJA-PATROCINADOR */ /* SEJA-PATROCINADOR */

.seja-patrocinador{
    background-color: #15151a;
    padding: 110px 0 140px 0;
}

.seja-patrocinador h1{
  font-weight: bold;
  color:  #ff0001;
  padding: 0 0 55px 0;
}

.seja-patrocinador span{
  color: #FFF;
}

.seja-patrocinador a{
  text-decoration: none;
}

.seja-patrocinador h5{
  text-align: center;
  background-color:  #ff0001;
  padding: 20px 0 23px 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  margin: 33px 0 0 0;
}

.seja-patrocinador h5:hover{
  box-shadow: 0px 5px 15px  #ff0001, 0px 5px 15px  #ff0001, 0px 1px 8px  #ff0001, 0px 1px 12px  #ff0001;
}

.seja-patrocinador h3{
  color: #fff;
  font-weight: bold;
}





/* BANNER PRINCIPAL 2 */ /* BANNER PRINCIPAL 2 */ /* BANNER PRINCIPAL 2 */ /* BANNER PRINCIPAL 2 */ 

.banner-principal-2{
    background-image: url(../imgs/carbono-slider-3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .banner-principal-2 h2{
    padding: 7px 0;
    margin: 0;
    color: #343440;
}





/* PROGRAMAÇÃO */ /* PROGRAMAÇÃO */ /* PROGRAMAÇÃO */ /* PROGRAMAÇÃO */

.programacao{
  background-color:  #ff0001;
  color: #fff;
  padding: 33px 0 100px 0;
}

.programacao h1{
  font-weight: bold;
  padding: 55px 0;
}

.programacao h2{
  font-weight: bold;
  border: 1px solid #fff;
  padding: 88px;
}

.programacao img{
  padding: 12px 0;
}





/* LOGOS PATROCINIO */ /* LOGOS PATROCINIO */ /* LOGOS PATROCINIO */ /* LOGOS PATROCINIO */

.logos{
  background-color: #FFF;
  padding: 88px 0 65px 0;
}







/* OUTROS-SEMINÁRIOS */ /* OUTROS-SEMINÁRIOS */ /* OUTROS-SEMINÁRIOS */ /* OUTROS-SEMINÁRIOS */

.outros-seminarios{
  background-color: #343440;
  color: #fff;
  padding: 88px 0;
}

.outros-seminarios h1{
  font-weight: bold;
  margin: 0 0 44px 0;
}






/* FOOOTER */ /* FOOOTER */ /* FOOOTER */ /* FOOOTER */ /* FOOOTER */  /* FOOOTER */ /* FOOOTER */ /* FOOOTER */ 

.footer{
  background-color:  #ff0001;
  padding: 88px 0;
  color: #fff;
}

.footer h3{
  font-weight: bold;
}

.footer h5{
  font-weight: bold;
}

.footer a{
  text-decoration: none;
}

.footer h4{
  text-align: center;
  background-color: #fff;
  padding: 20px 0 23px 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #ff0001;
}

.footer h4:hover{
  box-shadow: 0px 5px 15px #fff, 0px 5px 15px #fff, 0px 1px 8px #fff, 0px 1px 12px #fff;
}





/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//* MIDIA QUERIES *//* MIDIA QUERIES *//**//* MIDIA QUERIES *//* MIDIA QUERIES *//* MIDIA QUERIES */
/**//**//**//**//**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**//**//**//**//**/


@media(max-width: 1194px){
  .navbar-dark .navbar-nav .nav-link {
      padding-right: 5px;
      padding-left: 5px;
      font-size: 0.7rem;
  }
}


@media(max-width: 992px){


  .banner-principal h1{
    background-color: #ff0001;
    color: #FFF;
    padding: 0 5px;
    margin: 12px 0;
  }

    .navbar-dark .navbar-nav .nav-link {
      padding-right: 0px;
      padding-left: 0px;
      font-size: 0.9rem;
  }

  .banner-principal{
    text-align: center;
  }

  .primeira-faixa{
    text-align: center;
    padding: 55px 0;
  }

  .primeira-faixa img{
    padding: 0 0 55px 0;
  }

.seja-patrocinador h5 {
  margin: 33px 0;
}

.logos{
  text-align: center;
}

.logos img{
  padding: 33px 0;
}


  .informacoes .celula1{
    text-align: center;
  }

  .informacoes .celula2{
    text-align: center;
  }

  .informacoes .card1bue{
    margin: 12px 0;
  }

  .informacoes .botao h1{
    margin: 0 0 55px 0;
  }

  .footer{
    text-align: center;
  }

  .footer h4{
    margin: 33px 0 0 0;
  }

  .footer img{
    margin: 0 0 33px 0;
  }

}


@media(max-width: 505px){
  body{
    zoom: 80%;
  }

}



@media(max-width: 451px){

  .banner-principal h1{
    font-size: 2.8rem;
  }

  .banner-principal h4{
    font-size: 2rem;
  }

  .banner-principal h3{
    font-size: 1.5rem;
  }

  .primeira-faixa h3{
    font-size: 1.4rem;
  }

  .informacoes h2{
    font-size: 1.7rem;
  }

  .informacoes h3{
    font-size: 1.3rem;
  }

  .informacoes h4{
    font-size: 1.5rem;
  }

  .informacoes .botao h1{
    font-size: 1.4rem;
  }

  .programacao h1{
    font-size: 2rem;
  }

  .programacao{
    padding: 100px 0;
  }

  .footer img{
    width: 300px;
  }

}
 


 @media(max-width: 395px){

  .topo .navbar img{
    width: 220px;
  }

 }




 @media(max-width: 371px){

  .topo .navbar img{
    width: 160px;
  }

  .banner-principal h1{
    font-size: 2.4rem;
  }

  .banner-principal h4{
    font-size: 1.5rem;
  }

  .banner-principal h3{
    font-size: 1.1rem;
  }

  .primeira-faixa h3{
    font-size: 1.1rem;
  }

  .informacoes h2{
    font-size: 1.3rem;
  }

  .informacoes h3{
    font-size: 1rem;
  }

  .informacoes h4{
    font-size: 1.1rem;
  }

  .informacoes .botao h1{
    font-size: 1rem;
  }

  .programacao h1{
    font-size: 1.5rem;
  }

}