body{margin:0px; padding:0px;}

div#menuPrincipal{
  position:relative;
}

.menuDropdown{
  // position:relative;
}

.dropMenu{
    display:none;
    position:absolute;
    z-index: 1000;
    flex-direction:column;
    text-align: left;
    list-style: none;
    margin:0px;
    width:100vw;
    left:0px;
    top:100%;
    background-color: rgba(255, 255, 255, .95);
    border-top: 1px #0f4788 solid ;
    border-bottom: 1px #0f4788 solid ;
    min-width: 400px;
}

.vanish {
  visibility: collapse !important;
}

.dropMenu .menu-header{
  display: flex;
  align-items: center;
}

.dropMenu .menu-header i{
  margin-left: 18px;
  margin-top: 10px;
  color: red;

  transition: filter 0.2s;
}

.dropMenu .menu-header i:hover{
  cursor: pointer;
  filter: brightness(0.8);
}

.dropMenu .dropdownItem{
    text-decoration:none;
    color: #0e4788;
    padding: 10px 10px;
    float: left;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#combos .menu-header {
  position: absolute;
  top: 24px;
  left: 122px;
}

.pd-0 {
    padding: 0!important;
    height: 45px;
}

.dropMenu .dropdownItem:hover{
   background-color: rgba(14,71,136, .35);
   font-weight: bold;
}

.dropMenu{
  animation: 0.4s animate_subcategoria;
}

nav{
    background-color:#0f4788;

}


nav #menuPrincipal{
   display:flex;
   justify-content: space-between !important;
   align-items: center;
}

.menuLink{
  flex: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  height: 63px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.menuLink:active , .menuLink:hover{
    background-color: #ffffff;
	  padding-bottom: 15px !important;
    padding-top:5px;
    color:#000;
}
.textMenuDrop{
  display:flex;
  justify-content: space-between !important;
  align-items: center;
}
.textMenuDrop i,p {
  margin: 0;

  transition: 0.2s;
}
.textMenuDrop i{
  display: flex;
  justify-content: center;
  align-items: center;
}

.i-animation i{
  transform: rotateX(-180deg);
}

.menuLink .textMenuDrop>a{
  width: auto;
   flex:1;
  color:#fff;
    text-decoration:none;
  text-align:center;
  -webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.menuLink:hover .textMenuDrop>a{
     background-color: #ffffff;
    color:#000;
}

.textMenuDrop>i{
  padding: 0 0.5em;
}

.textMenuDrop>i:hover{
  cursor:pointer;
}

.menu-banner-container {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    align-items: center;
}

@media(min-width:980px){
	.scrollMenu{
        height: 33em;
        overflow: hidden;
        border-right: 1px solid lightgrey;
        margin-bottom: 20px!important;
	}
}


/************BOTÃO DO MENU MOBILE**************/

#buttonMenu{
    position: absolute;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
     display:none;
    border: 1px solid transparent;
    top:0;
    border-radius: 4px;
}

.menu_icon_bar {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    display: block;
    width: 1.5em;
    height: 0.25em;
    background: #8f8f8f;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .2s ease;
}


.menu_icon_bar:before {
    content: '';
    display: block;
    position: absolute;
    width: 1.5em;
    height: 0.25em;
    top: -0.5em;
    background: #8f8f8f;
}

.menu_icon_bar:before, .menu_icon_bar:after {
    border-radius: 3px;
    transition: transform .3s ease;
}

.menu_icon_bar:after {
    content: '';
    display: block;
    position: absolute;
    width: 1.5em;
    height: 0.25em;
    top: 0.5em;
    background: #8f8f8f;
}

@keyframes animate_subcategoria {
	from {top: -5px;opacity:0}
	to {top: 45px; opacity:1}
}

.sumir{
  display:none;
}

.carrinho .sumir {
  display: none !important;
}

@media (max-width: 768px) {
  #buttonMenu{
    display:block !important;
  }

    #menuPrincipal{
    flex-direction:column;
       animation: 0.4s animate_subcategoria;
  }

  .carrinho .container-tools,
  #menuPrincipal.sumir{
    display:none;
  }

  .menuLink{
    padding-left:2em;
    width:100vw;
    text-align:left;
  }

  .textMenuDrop>a{
    text-align:left !important;
    width:100vw;
  }

  .dropMenu{
    position: relative;
    border:none;
    padding-top:0.5em;
  }

  .menuLink{
    height: unset;
  }

  .dropMenu .dropdownItem{
   width:70vw;
    padding-left:2em;
  }

  @keyframes animate_subcategoria {
	from {top: -5px;opacity:0}
	to {top: 10px; opacity:1}
  }

}