*{
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif !important;  
}

a{
  text-decoration: none;
}

.btn {
  transition: .4s all ease;
  border: #fff 1px solid;
  color: #FFDD99;
  border-radius: 30px;
  padding: 11px 30px 11px 30px;
  background: rgba(0, 0, 0, .0);
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  outline: none !important;
}

.install-app-btn-container {
  display: none;
}

p{
  margin: 0px!important;
}

.btn:hover {
  transition: .4s all ease;
  color: #111;
  background: #fff;
}

h4{
  font-size: 18px;
  font-weight: 700;
}

/*----------------NAV*/
nav{
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 24px;
  z-index: 1;
  transition: transform 0.2s;
  background: #0B2042;
  z-index: 9999999;
}

.sub-nav{
  position: fixed;
  width: 100%;
  background: #ffdd99;
  min-height: height: 32px;
  text-align: center;
}

.sub-nav p{
  padding-top: 10px;
  font-size: 16px;
  color: #0B2042;
  padding-bottom: 10px;
}

.section-title1{
  font-size: 3vw;
}

nav img{
  margin-left: 2vw;
  padding-bottom: 1vh;
  height: 84px;
}

nav ul{
  list-style-type: none;
  justify-content: center;
  margin: 12px 10px 10px 10px;
}

nav ul li{
  float: left;
  margin: 16px 12px;
}

nav ul li a{
  text-align: center;
  color: #eee;
  font-weight: 600;
}
  
nav ul li a:hover {
  color: #FFDD99;
}

.nav-hidden{
  transform: translateY(-330px);
}

nav .material-icons{
  margin-top: 20px; 
  display: block;
}

.menu a.active {
  color: #FFDD99;
}

@media (min-width: 1472px) {
  nav ul{
    display: inline;
    float: right;
  }
  .hamburger {
    display: none;
  }
}

@media (max-width: 1471px) {
  .closeIcon {
    display: none;
  }
  
  nav img{
    margin-left: 2vw;
    padding-bottom: 1vh;
    height: 62px;
  }
  
  .hamburger {
    display: block;
    position: fixed;
    z-index: 100;
    top: 1rem;
    right: 1rem;
    padding: 4px;
    cursor: pointer;
    color: #fff;
  }
  
  .menu {
    position: fixed;
    transform: translateY(-102%);
    transition: transform 0.2s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: linear-gradient(180deg, rgba(53,96,195,1) 12%, rgba(1,1,1,1) 100%);
    color: white;
    list-style: none;
    padding-top: 4rem;
  }
  
  .menu li{
    text-align: center;
    margin-right: 30vw;
    margin-left: 20vw;
  }
  
  .showMenu {
    transform: translateY(0);
  }
  
}

/*----------------HOME*/

/*----------------ABOUT*/
.about{
  min-height: 100vh;
  /*background-image: url(../media/L-bcg_2_mensagem.png);*/
  background-color: #F6F6F6;
  background-position: left top;
  background-size: cover;
  position: relative;
}

.txt-about .txt-ttl{
  margin-bottom: 5vh;
}

.txt-about {
  margin-left: 15vw;
  margin-right: 15vw;
  color: #111;
}

.about .section-title1{
  color: #111;
  font-weight: 600;
  padding-bottom: 2vh;
  padding-top: 10vh;
}

.txt-about h1, .txt-about p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2vh;
}

.txt-about .weight-bold{
  font-weight: 600;
}

@media (max-width: 767px) {
  .about-img{
    width: 250px;
    height: auto;
  }
  .txt-about {
    margin-left: 10vw;
    margin-right: 10vw;
    padding-bottom: 2vh;
  }

  .section-title1{
    font-size: 8vw;
    font-weight: 600;
  } 
  .txt-about .weight-bold{
    text-align: left;
  }
} 

@media (min-width: 1023px) {
  .about-img{
    margin-left: 60vw;
    margin-bottom: 2vh;
  }
  .about-img-2{
    margin-left: 60vw;
    margin-top: -150px;
    margin-bottom: 2vh;
  }
  .txt-about .weight-bold{
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 1022px) {
  .about-img-2{
    margin-bottom: 1vh;
  }
}

/*----------------AGENDA*/
.agenda{
  min-height: 100vh;
  background-position: left bottom;
  background-size: cover;
  position: relative;
}

.agenda .txt-agenda {
  color: #eee;
  padding-top: 8vh;
  display: grid;
}

.agenda .section-title1{
  color: #fff;
  font-weight: 600;
  padding-bottom: 2vh;
  margin-top: 10vh;
}

.agenda .txt-agenda .row{
  margin-bottom: 4vh;
}

.agnd-hora{
  font-weight: 300;
}
.agnd-panel{
  font-weight: 600;
}

.saiba-mais{
  display: none;
}

.toggleButton{
  background: none;
  border: none;
  margin: -10px 0px;
}

.rotate {
  transform: rotate(45deg);
  margin-top: 0px;
  outline: none !important;
  margin-left: -2px;
}

.btn.rotate:hover {
  color: #111;
}

.ident{
  margin-left: 20px;
} 

.ident p{
  font-size: max(14px,  1vw) !important;
  line-height: max(16px,  1.1vw);
  margin-bottom: 6px !important;
} 

@media (min-width: 768px) {
  
  .agenda{
   background-image: url(../media/L-bcg_3_programa.png); 
  }
  
  .agenda .txt-agenda {
    margin-left: 15vw;
    margin-right: 15vw;
    padding-bottom: 10vh;
  }
  
  .agenda p{
    font-size: 14px;
    line-height: 16px;
    /*color: #000;*/
  }
  
  #dia1 {
    grid-column: 1 / 2;
    margin-right: 10vw;
    width: 30vw;
  }
  
  #dia2 {
    margin-top: 25vh;
    grid-column: 3 / 4;
  }
  
 
  
  grid-template-columns: 30% 10% 40%;
  grid-column-gap: 4%;
}
@media (max-width: 767px) {
  .agenda{
    background-color: #1e4590;
  }
  .agenda .txt-agenda {
    margin-left: 10vw;
    margin-right: 10vw;
  }
  .agenda .section-title1{
    margin-left: 5vw;
  }
  
  #dia1, #dia2 {
    margin-left: 10vw;
    margin-right: 10vw;
  }
  
  .agenda p{
      font-size: 18px;
    }
}


/*----------------SPEAKERS*/
.speakers{
  min-height: 100vh;
  background-position: left bottom;
  background-size: cover;
  position: relative;
  margin-left: 5vw;
  margin-right: 5vw;
}

.speakers img{
  width: 190px;
}

.speakers .section-title1 {
    color: #1E4590;
    font-weight: 600;
    padding-bottom: 6vh;
    margin-top: 10vh;
    text-align: center;
}

.speakers .txt-speakers {
  color: #1E4590;
  /*padding-bottom: 10vh;*/
}

.speakers .txt-speakers .orador{
  text-align: center;
  flex: 0 0 15%; 
  margin-bottom: 5vh; 
  box-sizing: border-box; 
}

.speakers .txt-speakers .orador:hover {
  color: #D09D02;
  cursor: pointer;
}

.speakers .txt-speakers .orador .nome{
  font-weight: 600;
  margin: 10px 0px 2px 0px;
}

.speakers .txt-speakers .orador:last-child {
  margin-right: 0;
}

@media (min-width: 468px) {
  
  .speakers .txt-speakers .orador-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  
  .speakers .txt-speakers .orador-wrapA {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .speakers .txt-speakers .orador{ 
    margin-right: 20px;
    margin-left: 20px;
    /*margin-right: 10px;*/
    /*margin-left: 10px;*/
  }
}
@media (max-width: 752px) {
.speakers .txt-speakers .orador-wrapA,
  .speakers .txt-speakers .orador-wrap {
    justify-content: center;
  }
}

@media (min-width: 1128px) {
  .speakers .txt-speakers .orador-wrapA{
    margin-left: calc( 42.5vw - 200px );
    margin-right: calc( 42.5vw - 200px );
  }
}

@media (min-width: 1024px) {
  .speakers .txt-speakers {
    margin-right: 00vw;
  }
  
  /* Set initial styles for the hover-text element */
  .hover-text {
    display: none;
    position: absolute;
   
    width: 300px;
    /*
    margin-left: -55px;
  */
    background-color: white;
    border-radius: 20px;
    padding: 15px;
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }

  /* Position the hover-text relative to the hover-container */
  .hover-container {
    position: relative;
  }

  /* Display hover-text when hovering over the hover-container */
  .hover-container:hover .hover-text,
  .hover-container.mobile-active .hover-text {
    display: block;
  }
}
@media (min-width: 768px) {
  .orador-wrapA{
    text-align: center;
    margin-left: calc( 40vw - 200px );
    margin-right: calc( 40vw - 200px );
  }
}

.hover-text {
  display: none;
}

/*----------------PAT*/
#pat{
  padding-top: 4vh;
  text-align: center;
}

.pat .section-title1{
  color: #1E4590;
  font-weight: 600;
  margin-bottom: 4vh;
}

.txt-pat{
  text-align: center;
  padding-bottom: 10vh;
  margin-left: calc(50vw - 600px);
  color: #1e4590;
}

.n1,
.n2,
.n3,
.n4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}

@media (max-width: 767px){
  .txt-pat{
    margin-left: 0px;
  }
  .n1 img{
    width: 300px;
  }

  .n2 img{
    width: 122px;
  }

  .n3 img{
    width: 74px;
  }
  .n4 img{
    width: 72px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .txt-pat{
    margin-left: calc(50vw - 305px);
  }
  .n1 img{
    width: 282px;
  }

  .n2 img{
    width: 102px;
  }

  .n3 img{
    width: 60px;
  }
  .n4 img{
    width: 60px;
  }
}

@media (min-width: 1024px) {
  .txt-pat{
    margin-left: calc(50vw - 500px);
  }
  .n1 img{
    width: 470px;
  }

  .n2 img{
    width: 170px;
  }

  .n3 img{
    width: 100px;
  }
  .n4 img{
    width: 100px;
  }
  
  h4{
    padding: 2vh;
  }
  
  .n1 img,.n2 img,.n3 img,.n4 img{
    -webkit-filter: grayscale(90%); /* Safari 6.0 - 9.0 */
    filter: grayscale(90%);
    
  }
  .n1 img:hover,.n2 img:hover,.n3 img:hover,.n4 img:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transform: scale(1.2);
    transition-duration: 500ms;
  }
}

.pat {
  display: inline-block;
  margin: 0 10px;
}




/*----------------SPONSORS*/
.sponsors{
  background-image: url(../media/L-bcg_6_parceiros2.png);
  background-position: top center;
  background-size: cover;
  background-color: #111;
  position: relative;
}

.sponsors .btn-container{
  padding-bottom: 5vh;
  text-align: center;
}

.sponsors .txt-sponsors {
  margin-left: 15vw;
  margin-right: 15vw;
  color: #fff;
}

.sponsors .txt-sp {
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-size: 18px !important;
}

.institucional, .eventPartner{
  margin-bottom: 5vh;
  border-top: 1px solid;
  padding-top: 1vh;
}

.parceiro {
  margin-bottom: 5vh;
}

@media (max-width: 767px) {
  .parceiro img{
    width: 100%;
  }
  .gallery {
    display: none;
  }
  .hoteis-mob{
    padding: 10vw 0 10vw -5vw;
    max-width: 65vw;
  }
  .sponsors .btn-container{
    margin-top: 5vh;
  }
}

@media (min-width: 768px){
  .parceiro {
    display: flex;
  }

  .parceiro > div:first-child {
    flex-basis: 28%;
    margin-right: 2vw;
  }

  .parceiro > div:last-child {
    flex-basis: 70%;
  }
  
  .sponsors .section-title1{
    color: #fff;
    font-weight: 600;
    padding-top: 10vh;
    padding-bottom: 2vh;
  }
  
  .sponsors .btn-container{
    margin-top: 10vh;
  }
  
  .gallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  .gallery img {
      width: 10vw; /*205 255 340*/
      height: auto; /*431 575*/
      object-fit: cover;
      margin: 10px;
    }
  
  .hoteis-mob{
    display: none;
  }
}


@media (min-width: 768px) and (max-width: 1023px) {
  .parceiro img{
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .parceiro img{
    width: 400px;
  }
}

/*----------------Venue*/
.local{
  min-height: 40vh;
  background-position: right bottom;
  background-size: cover;
  position: relative;
}

.local .local-img{
  width: 100%;
}

.local .txt-local {
  margin-left: 15vw;
  margin-right: 15vw;
  color: #eee;
  padding-bottom: 10vh;
}

.local .section-title1{
  padding-top: 5vh;
  margin-bottom:0px;
  margin-top: 0px !important;
}

.local .section-subtitle{
  font-size: 30px;
  margin-top: -20px;
}

.local .row{
  margin-top: 4vh;
}

.local .row .ag-dir p{
  margin-bottom: 2vh;
}

.local .row .ag-esq a{
  font-weight: 500;
}

.local .row .ag-dir a, 
.local .row .ag-esq a{
  color: #eee;
  text-decoration: underline; 
}

.local .row .ag-dir a:hover, 
.local .row .ag-esq a:hover{
  text-decoration: none; 
}

.drlnk{
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

@media (max-width: 767px){
  .local{
    background: #110D0A;
  }
  .hoteis-mob-container{
    text-align: center;
  }
  .local-mob{
    width: 100%;
    padding-bottom: 2vh;
  }
  
  .local .section-subtitle{
    font-size: 4vw;
    margin-top: -10px;
  }
  
}

@media (min-width: 768px){
  .local{
    background-image: url(../media/L-bcg_5_message.png);
  }
  
  .local-mob{
    display: none;
  }
  
  .local .row{
    display: flex;
  }

  .local .row > div:first-child {
    width: 27%;
  }

  .local .row > div:last-child {
    width: 54%;
  }
}

.mapa {
  width: 100%;
}

/*----------------Contact*/
.contacto{
  background-position: center top;
  background-size: cover;
  position: relative;
  margin-top: -7px;
  color: #eee;
}

.txt-contacto{
  text-align: center;
  padding-top: 18vh;
  padding-bottom: 18vh;
}

.txt-contacto p{
  font-size: 18px;
}

.txt-contacto a{
  color: #eee;
  font-weight: 700;
}

.txt-img {
  margin: 0;
  padding: 0;
  /*max-width: 700px;*/
}


@media (min-width: 768px){
  .contacto{
    background-image: url(../media/L-bcg_7_contact1.png);
  }
  .txt-contacto-mob{
    display: none;
  }
  
  .txt-contacto img{
   max-width: 50vw;
  }
}

@media (max-width: 767px){
  .contacto{
    background-image: url(../media/s-bcg_7_contact.png);
  }
  .txt-contacto{
    display: none;
  }
  .txt-contacto-mob{
    padding: 15vw;
    padding-bottom: 10vw;
  }
  .txt-contacto img{
    width: 90vw;
  }
}

/*----------------Footer*/
footer{
  background-color: #fff;
  color: #111;
  padding: 10px 40px;
  font-size: 18px;
}

footer a{
  color: #111;
  font-weight: 700;
  font-size: 10px;
  left: 0;
}

footer img{
  padding-bottom: 2vh;
  min-width: 250px;
  max-width: 340px;
}

@media (max-width: 767px){
  footer img{
    margin-top: 2vh
    width: 50%;
    min-width: 250px;
    max-width: 340px;
  }
  .logo-02{
    display: none;
  }
  
  .logo-01{
    padding-top: 2vh;  
  }
  
  .mob-only{
    display:block;
  }
  .sub-nav{
    top: 70px;
  }
  .sub-nav p{
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (min-width: 768px){
  .logo-01{
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1028px) {
  .sub-nav{
    top: 71px;
  }
  
  .footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footer-left {
    flex-basis: 40%;
  }

  .footer-right {
    flex-basis: 42%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .mob-only{
    display:none;
  }
}

@media (min-width: 1286px){
  .sub-nav{
    top: 92px;
  }
  .footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .footer-left {
    flex-basis: 60%;
  }

  .footer-right {
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
  
  .mob-only{
    display:none;
  }
}

//-----------------extras
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.blinking-light {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: red;
  border-radius: 50%;
  margin-left: 8px;
  animation: blink 2s ease-in-out infinite;
  -webkit-animation: blink 2s ease-in-out infinite;
  -moz-animation: blink 2s ease-in-out infinite;
  -o-animation: blink 2s ease-in-out infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

  

  
//-----------------lange_selector


/*
#language-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 2px solid #FFDD99;
  border-radius: 20px;
  color: #FFDD99;
  padding: 2px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.language-selector select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 2px solid #FFDD99;
  border-radius: 20px;
  color: #FFDD99;
  padding: 2px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.language-selector select option {
  background-color: #FFDD99;
  color: #000000;
}

.language-selector select::-ms-expand {
  display: none;
}
*/