/*Menu*/
.wrapper2 .nav2 {
    
    display: flex;
    background-color: #fff;
    height: 60px;
    max-height: 60px;
    color: #4c4c4c;
    transition: all 0.35s ease;
    border-top: 1px #dedede solid;

}

.wrapper2 .nav2 .logo-menu2 {

    display: flex;
    justify-content: flex-end;
    align-items: center;
    

}

.wrapper2 .nav2 .logo-menu2 .mob-menu2 {
  display: none;
}

.wrapper2 .nav2 .logo-menu2 .mob-menu2 .menu2 {
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 30px;
  width: 36px;
  position: relative;
  cursor: pointer;
  transition: width 0.3s ease;
}

.wrapper2 .nav2 .logo-menu2 .mob-menu2 .menu2 span {

  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: transform 0.4s ease, opacity 0.3s ease, transform-origin 0.3s ease;
  transform-origin: left;
}

.wrapper2 .nav2 .logo-menu2 .mob-menu2 .hamburger1.active2 {
  width: 40px;
}

.wrapper2 .nav2 .logo-menu2 .mob-menu2 .hamburger1.active2 span:nth-of-type(1) {
  transform: rotate(-45deg);
  transform-origin: right;
}
.wrapper2 .nav2 .logo-menu2 .mob-menu2 .hamburger1.active2 span:nth-of-type(2) {
  opacity: 0;
}
.wrapper2 .nav2 .logo-menu2 .mob-menu2 .hamburger1.active2 span:nth-of-type(3) {
  transform: rotate(45deg);
  transform-origin: right;
}


.wrapper2 .nav2 .nav-list-container2 {

  width: 100%;
}

.wrapper2 .nav2 .navbar2 {
  
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;

}

.wrapper2 .nav2 .navbar2 .nav-lis2, .wrapper2 .nav2 .navbar2 .nav-actions2 {

  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0.25rem 0;
  gap: 0.25rem;

}

.wrapper2 .nav2 .navbar2 .nav-list2 li a, .wrapper2 .nav2 .navbar2 .nav-actions2 li a {

  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  color: inherit;
  border-radius: 0.25rem;

}

.wrapper2 .nav2 .navbar2 .nav-list2 li a:hover, .wrapper2 .nav2 .navbar2 .nav-actions2 li a:hover {

  background-color: #007cff;
  color: #fff;

}

.wrapper2 .nav2 .navbar2 .nav-actions2 {
 
  background: transparent;

}

.wrapper2 .nav2 .navbar2 .nav-actions2 li a {

    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 6;
    font-size: 1.1em;

}


  @media (max-width: 768px) {
  .wrapper2 .nav2 {
    display: block;
    height: auto;
    max-height: unset;
  }

  .wrapper2 .nav2 .logo-menu2 {
    margin: 0 -1rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .wrapper2 .nav2 .logo-menu2 .mob-menu2 {
    display: block;
  }

  .wrapper2 .nav2 .navbar2 {
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
  }

  .wrapper2 .nav2 .navbar2 .nav-list2, .wrapper2 .nav2 .navbar2 .nav-actions2 {
    flex-direction: column;
    width: 100%;
  }

  .wrapper2 .nav2 .navbar2 .nav-list2 li, .wrapper2 .nav2 .navbar2 .nav-actions2 li {
    margin: 0.25rem 0;
    flex: 1 1 auto;
    width: 100%;
    text-align: center;
  }

  .wrapper2 .nav2 .navbar2 .nav-list2 li a, .wrapper2 .custom-nav2 .navbar2 .nav-actions2 li a {
    display: block;
  }

  .wrapper2 .nav2 .navbar2 .nav-actions2 {
    flex-direction: row;
    justify-content: space-between;
    border: unset;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0.25rem 0;
  }

  .wrapper2 .nav2 .navbar2 .nav-actions2 li a {
    display: flex;
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
  }

}

.wrapper2 .container2 {

  height: calc(100vh-60px);
  padding: 50px;
  text-align: center;

}

/*Menu*/

.fixed2            { display:block; position:fixed; z-index:9;  }
.main_header_logo2 { text-align:center; margin:10px auto; float:none; width:auto; }
/*.main_header_logo img { height:69px; }*/

 

/*Começa o Responsivo*/

/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em){

.boxBannerTopo2 { padding:1em 0; }

}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em){


} 

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em){


} 

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em){

 .section-seu-codigo          { padding:20px 0px; }
 .section-seu-codigo .content { width:80%; padding:1em 0; margin:0 10%; }


}

/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em){

 
}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em){

 .content2  { width:80%; margin:0 10%; }

}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em){


}
/*Fecha o Responsivo*/
