/* TOPBAR CONTAINER BG */
.topbar-container-bg {
  background-color: #EBF6FE;
}

/* TOPBAR CONTAINER */
.topbar-container {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1160px;
  padding: 0 30px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}


/* TOPBAR CONTAINER CONTENT LEFT*/
.topbar-container .content-left {
  display: flex;
  justify-content: space-between;
  width: 390px;
  max-width: 100%;
}

@media (max-width: 980px) {
  .topbar-container .content-left {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 820px) {
  .topbar-container .content-left {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
  }
}

.topbar-container .content-left span{
  color: #00538F;
  font-size: 15px;
}

@media (max-width: 980px) {
  .topbar-container .content-left span{
    display: none;
  }
}

.topbar-container .content-left a{
  color: #00538F;
  font-weight: bold;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 124px;
  max-width: 100%;
  text-decoration: none;
  }

  

  
/* TOPBAR CONTAINER CONTENT RIGHT*/
.topbar-container .content-right ul{
  width: 325px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

@media (max-width: 820px) {
  .topbar-container .content-right {
    display: none;
  }
}

.topbar-container .content-right ul li {
  padding: 0;
  margin: 0;
}
.topbar-container .content-right ul li a {
  text-decoration: none;
  color: #00538F;
  font-size: 15px;
  font-weight: bold;
}

.topbar-container .content-right ul li:last-of-type a {
  display: flex;
  align-items: center;
}

.topbar-container .content-right ul li:last-of-type a::before {
  content: '';
  display: block;
  background-image: url(../img/icones.svg);
  width: 16px;
  height: 16px;
  background-position: -2px -110px;
  margin-right: 5px;
}


/* MAIN MENU CONTAINER */

.main-menu-container{
  position: relative;
  background-color: #fff;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1160px;
  padding: 0 30px;
  margin: 0 auto;
  box-sizing: border-box;
}


/* MAIN MENU LOGO */
.main-menu-container h1.logo {
  margin: 0;
}
.main-menu-container h1.logo img {
  min-width: 146px;
  height: 60px;
  margin: 0;
}
.main-menu-container span.logo img { 
  min-width: 146px;
  height: 60px;
  margin: 0;
}

/* MAIN MENU */
.main-menu-container .menu-main-menu-container ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
@media (max-width: 980px) {
  .main-menu-container .menu-main-menu-container {
    display: none;
  }
}
.main-menu-container .menu-main-menu-container ul li:first-child {
  margin-left: 30px;
}
.main-menu-container .menu-main-menu-container ul li {
  margin-right: 20px;
}
.main-menu-container .menu-main-menu-container ul li:last-child {
  margin-right: 10px;
}

.main-menu-container .menu-main-menu-container ul li a {
  text-decoration: none;
  white-space: nowrap;
  color: #00538F;
  font-size: 16px;
  color: #00538F;
  font-weight: 600;
}

.main-menu-container .menu-main-menu-container ul li:last-child a {
  color: #FB5D5A;
}

/* MAIN MENU  BUTTON */
.menu-button {
  padding: 11px 15px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  font-size: 15px;
  font-weight: bold;
  background-color: #FB5D5A;
  border-radius: 20px;
  box-sizing: border-box;
  max-width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

@media (max-width: 420px) {

  .menu-button {
    width: 110px;
    font-size: 12px;
  }
}
 

/* MENU MOBILE */

.menu-mobile {
  display: none;
}

.layer.active::after {
  content: '';
  position: absolute;
  background-color: black;
  width: 100%;
  height: 100vh;
  z-index: 10;
  opacity: 0.5;
}
@media (max-width: 980px) {

  .menu-mobile {
    display: block;
    position: relative;
  }
  .menu__toggler {
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 999;
    height: 28px;
    width: 28px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .menu__toggler span,
  .menu__toggler span::before,
  .menu__toggler span::after {
    position: absolute;
    content: "";
    width: 28px;
    height: 2.5px;
    background: #021624;
    border-radius: 20px;
    transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  .menu__toggler span::before {
    top: -8px;
  }
  .menu__toggler span::after {
    top: 8px;
  }
  .menu__toggler.active > span {
    background: transparent;
  }
  .menu__toggler.active > span::before, .menu__toggler.active > span::after {
    background: #021624;
    top: 0px;
  }
  .menu__toggler.active > span::before {
    transform: rotate(-225deg);
  }
  .menu__toggler.active > span::after {
    transform: rotate(225deg);
  }
}

.menu-mobile-container {
  /* display: none; */
  position: absolute;
  left: -100%;
  z-index: 998;
  color: #005c9c;
  background: #fff;
  min-width: 30%;
  height: 100vh;
  padding: 50px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  transition: 300ms left cubic-bezier(0.77, 0, 0.175, 1);
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

.menu-mobile-container.active{
    left: 0;
}

.menu-mobile-container .mobile-logo {
    margin-bottom: 30px;
    margin-top: 30px;
}

.menu-mobile-container .menu-main-menu-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-mobile-container .menu-main-menu-container ul li {
  margin-bottom: 20px;
}

.menu-mobile-container .menu-main-menu-container ul li:last-child {
  margin-bottom: 0px;
}

.menu-mobile-container .menu-main-menu-container ul li a{
  color: #00538F;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
}

.menu-mobile-container .menu-main-menu-container ul li:last-child a {
  color: #FB5D5A;
}

.menu-mobile-container .content-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-mobile-container .content-bottom ul li {
  margin-bottom: 20px;
}

.menu-mobile-container .content-bottom ul li a{
  color: #00538F;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
}

.menu-mobile-container .content-bottom ul li:last-of-type a{
  display: flex;
  align-items: center;
}

.menu-mobile-container .content-bottom ul li:last-of-type a::before {
  content: '';
  display: block;
  background-image: url(../img/icones.svg);
  width: 16px;
  height: 16px;
  background-position: -2px -110px;
  margin-right: 5px;
}

.body-hide {
  overflow: hidden;
}