/*
main{
  padding-top: 4rem;
}
*/
#mainNav {
  background: #FFFFFF;
  min-height: 4rem;
  border-bottom: 6px solid #E5E5E5;
  transition: all .4s ease-in-out;
}

#mainNav .logo-header {
  max-height: 2.4rem;
  transition: all .4s ease-in-out;
}

@media (min-width: 992px) {
  #mainNav .logo-header {
    max-height: 3.2rem;
  }
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

#mainNav #menu-cabecalho > li {
  padding: 0;
  margin: 0 0.8rem;
  clear: both;
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho > li {
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
}

#mainNav #menu-cabecalho > li > a {
  font-size: .88rem;
  padding: .48rem 0;
  color: #FFFFFF;
  transition: all .4s ease;
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho > li > a {
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #707070;
  }
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho > li:after {
    content: "";
    display: block;
    width: 0;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -6px;
    background: #CC212A;
    transition: all .4s ease-in-out;
  }
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho > li:hover:after, #mainNav #menu-cabecalho > li.show:after {
    width: 100%;
    left: 0;
  }
}

@media (min-width: 992px) {
  #mainNav #menu-cabecalho > li:hover > a, #mainNav #menu-cabecalho > li.show > a {
    color: #CC212A;
  }
}

#mainNav #menu-cabecalho > li.show > a {
  /*
        color: #B32933 !important;
        background: #F8F2DE;
        */
}

#mainNav #menu-cabecalho > li.show > a.dropdown-toggle:after {
  transform: rotate(-180deg);
}

#mainNav .dropdown-menu {
  background: #FFFFFF;
  margin: 0;
  border: 0;
  padding: 0.8rem 0;
  border-radius: 0;
}

@media (max-width: 991px) {
  #mainNav .dropdown-menu {
    position: unset !important;
    transform: unset !important;
    padding-top: 0;
    margin-bottom: .48rem;
  }
}

@media (min-width: 992px) {
  #mainNav .dropdown-menu {
    transform: translate3d(0px, calc(4rem + 6px), 0px) !important;
  }
}

#mainNav .dropdown-menu > li {
  display: block;
  border-top: 1px solid rgba(134, 144, 153, 0.4);
}

@media (min-width: 992px) {
  #mainNav .dropdown-menu > li {
    min-width: 12.8rem;
  }
}

#mainNav .dropdown-menu > li:last-of-type {
  border-bottom: 1px solid rgba(134, 144, 153, 0.4);
}

#mainNav .dropdown-menu > li > a {
  color: #707070;
  background: #FFFFFF !important;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: .88rem;
  transition: all .4s ease;
  padding: 0.48rem 1.6rem;
}

#mainNav .dropdown-menu > li > a:hover {
  color: #CC212A;
}

@media (min-width: 992px) {
  #mainNav .dropdown-menu > li > a:hover {
    padding-left: 2.4rem;
  }
}

@media (max-width: 991px) {
  .box-menu {
    position: fixed;
    top: 4rem;
    background: #CC212A;
    width: 16rem;
    left: -16rem;
    padding: 1.2rem !important;
    transition: left .4s ease-in-out;
    min-height: calc(100vh - 4rem);
  }
  .exibicao.box-menu {
    left: 0;
  }
}

#exibicao-menu-mobile {
  border: 0 none;
  background: none;
  outline: 0 none;
}

#exibicao-menu-mobile svg {
  width: 1.28rem;
  height: 1.28rem;
  fill: #CCCCCC;
  transition: all .4s ease-in-out;
}

#exibicao-menu-mobile.ativo svg {
  fill: #CC212A;
}

/*************************************/
.box-search form {
  /* width: 100%; */
}

.box-search form > div {
  display: flex;
  background: #FFFFFF;
  border-radius: 50rem;
}

.box-search .screen-reader-text {
  display: none;
}

.box-search input[type="text"] {
  border-color: transparent;
  background-color: rgba(204, 204, 204, 0.4);
  border: 0;
  height: 2.4rem;
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
  padding: .4rem 1.2rem;
  font-size: .8rem;
  outline: 0 none !important;
}

@media (max-width: 991px) {
  .box-search input[type="text"] {
    width: calc(100% - 2.4rem);
  }
}

.box-search #searchsubmit {
  background-image: url("../../images/__icone-pesquisar.svg");
  background-repeat: no-repeat;
  background-size: 1.44rem;
  background-position: 2.4rem center;
  color: transparent;
  border: 0;
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
  width: 4.8rem;
  height: 2.4rem;
  border-color: transparent;
  background-color: rgba(204, 204, 204, 0.4);
}

@media (max-width: 991px) {
  .box-search #searchsubmit {
    width: 2.4rem;
    background-position: center;
  }
}

.link-orcamento svg {
  transition: all .4s ease-in-out;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .link-orcamento svg {
    width: 100%;
    height: auto;
    fill: #FFFFFF !important;
  }
}

@media (min-width: 992px) {
  .link-orcamento svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.76rem;
  }
}

.link-orcamento #qtt-orcamento {
  background: #CC212A;
  color: #F0F0E9;
  font-weight: 600;
  width: 1.84rem;
  height: 1.84rem;
  font-size: .8rem;
  z-index: 9;
  border: 2px solid #F0F0E9;
  right: -0.96rem;
  bottom: -0.8rem;
}

@media (min-width: 992px) {
  .link-orcamento #qtt-orcamento {
    bottom: 0;
    right: .88rem;
  }
}

@media (max-width: 991px) {
  .banner-pagina {
    padding-top: 4rem;
  }
}
