.main-header {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 1920px;
  z-index: 4;
  margin: 0 auto;
  border-bottom: 2px solid #E7E9D3;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  -webkit-transition: border-color 3s ease 1s, padding 500ms ease;
  -moz-transition: border-color 3s ease 1s, padding 500ms ease;
  -ms-transition: border-color 3s ease 1s, padding 500ms ease;
  -o-transition: border-color 3s ease 1s, padding 500ms ease;
  transition: border-color 3s ease 1s, padding 500ms ease;
  overflow: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transition: padding 0.5s ease;
}
.main-header .logo img {
  max-width: 200px;
  width: 100%;
}
.main-header .login {
  cursor: pointer;
  position: relative;
}
.main-header .login .restricted-area a {
  text-decoration: none;
  color: #000000;
  position: relative;
  transition: font-weight 500ms;
}
.main-header .login .restricted-area a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 0.1em;
  background-color: #000000;
  opacity: 0;
  transition: opacity 500ms, width 500ms;
}
.main-header .login .restricted-area a:hover {
  font-weight: 600;
}
.main-header .login .restricted-area a:hover::after {
  width: 100%;
  opacity: 1;
}
.main-header .logout {
  display: none;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.main-header .logout a {
  border-top: 1px solid #858585;
  display: block;
}
.main-header .logout:hover * {
  font-weight: 600;
}
@media (max-width: 992px) {
  .main-header {
    overflow: unset;
    border-bottom: 0;
  }
  .main-header .menu-toggler {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .main-header .menu-toggler.open .burger {
    background: transparent;
    box-shadow: none;
  }
  .main-header .menu-toggler.open .burger::before {
    transform: rotate(45deg);
  }
  .main-header .menu-toggler.open .burger::after {
    transform: rotate(-45deg);
  }
  .main-header .menu-toggler .burger {
    width: 30px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
  }
  .main-header .menu-toggler .burger::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    transform: translateY(-12px);
  }
  .main-header .menu-toggler .burger::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    transform: translateY(12px);
  }
}

.input-group {
  justify-content: end;
}

div.input-group-append {
  position: absolute;
  right: 0;
  z-index: 4;
  cursor: pointer;
}

#search-form input[type=submit][value=Pesquisar] {
  margin-left: 0;
  border-radius: 10px;
}

.offcanvas.show {
  visibility: visible;
}

.card-counter {
  top: 0;
  right: -3px;
  width: 13px;
  height: 13px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 10px;
  border-radius: 50%;
}

.logged-menu {
  display: none;
  background-color: white;
  z-index: 2999;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1294117647);
  border-radius: 10px;
}

#menu {
  position: relative;
}

.menu-item {
  cursor: pointer;
}

.submenu {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: visibility 0s, opacity 0.7s ease;
  z-index: -1;
}

.border-top-grey {
  border-top: 2px solid #CFCFCF;
}

.fa-caret-left > path, .fa-caret-right > path, .fa-caret-down > path,
.fa-chevron-left > path, .fa-chevron-right > path, .fa-chevron-down > path {
  fill: #313131;
}

.breadcrumbs .fa-chevron-right {
  color: #858585;
}

.btn-close-blue {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23023550'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
  width: 1.5em !important;
  height: 1.5em !important;
}

.btn-close-primary {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313131'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
  width: 1.5em !important;
  height: 1.5em !important;
}

.menu-item-hover {
  position: relative;
  transition: all 500ms;
}
.menu-item-hover ~ .svg-inline--fa {
  transition: all 500ms;
}
.menu-item-hover::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 45%;
  width: 10%;
  height: 3px;
  background-color: #889327;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 500ms, width 500ms;
}
.menu-item-hover:hover {
  color: #889327;
  margin-top: -7px;
}
.menu-item-hover:hover ~ .svg-inline--fa {
  margin-top: -7px;
}
.menu-item-hover:hover::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 45%;
  width: 10%;
  height: 2px;
  background-color: #889327;
  opacity: 1;
}
.menu-item-hover.active::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 25%;
  width: 50%;
  height: 3px;
  background-color: #889327;
  border-radius: 10px;
  opacity: 1;
  transition: opacity 500ms, width 500ms;
}

.menu-item-hover.hover,
.menu-item-hover.click {
  position: relative;
  transition: all 500ms;
  margin-top: -7px;
}
.menu-item-hover.hover ~ .svg-inline--fa,
.menu-item-hover.click ~ .svg-inline--fa {
  margin-top: -7px;
}
.menu-item-hover.hover::after,
.menu-item-hover.click::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 45%;
  width: 10%;
  height: 3px;
  background-color: #889327;
  opacity: 1;
}

.menu-item-click.click {
  position: relative;
  color: #889327;
  transition: all 500ms;
  margin-top: -7px;
}
.menu-item-click.click ~ .svg-inline--fa {
  margin-top: -7px;
}
.menu-item-click.click::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 45%;
  width: 10%;
  height: 3px;
  background-color: #889327;
  opacity: 1;
}

.submenu-container img {
  transition: all 0.3s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}
.submenu-container:hover img {
  opacity: 1;
  transform: translateX(0px);
}

.submenu-item-active {
  position: relative;
}
.submenu-item-active::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #313131;
  opacity: 1;
}

.parceiros:hover {
  font-weight: 700 !important;
  color: #313131;
}

.mw-70 {
  max-width: 70%;
}

@media (max-width: 992px) {
  .dropdown-menu[data-bs-popper] {
    top: -200% !important;
  }
  .dropdown-menu[data-bs-popper] li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar {
    box-shadow: 0px 0px 15px rgba(192, 201, 214, 0.8);
  }
  .nav-link {
    font-size: 16px;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230E3551' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  .fixed-offcanvas {
    visibility: visible !important;
    transform: none !important;
  }
}
.card-menu-zeltica-container img {
  transform: translateX(0) !important;
  opacity: 1 !important;
}
.card-menu-zeltica-container .card-menu-zeltica {
  position: relative;
  z-index: 2;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  background-color: #FFFFFF;
  transition: all 0.3s;
  border: 1px solid transparent;
  background-size: cover;
}
.card-menu-zeltica-container .card-menu-zeltica:hover {
  color: #889327;
  border: 1px solid #AAB859;
}
.card-menu-zeltica-container .card-menu-zeltica:hover .products {
  transform: scale(1.02) !important;
}