/*<style>*/

@charset "utf-8";

.logo-fechamento {

content: '';
width: 200px;
height: 200px;
margin: 0 auto;
background-image: url(../../imagens/0407201916390894logo_carrinho.png);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;

}

.linha-superior1 {
  
  
  
  background-color: rgb(179, 20, 20) !important;
  
  padding: 0; height: 25px; !important;
  
  text-align: left !important;
  
  font-family: RobotoSlab !important;
  
  font-size: 1rem !important;
  
  color: rgb(255, 255, 255) !important;
  
  
  position: relative;
  z-index: 1;
  
}

.linha-superior1 a {
  
  
  color: rgb(255, 255, 255) !important;
  
  
}


.linha-superior1 .icone {
  
  
  margin: 0 0 0 1rem !important;
  
  float: right !important;
  
  
}



.linha-superior2 {
  
  
  
  
  position: relative;
  z-index: 1;
  
}

.linha-superior2 a {
  
  
  
}


.linha-superior2 .icone {
  
  
  
}


.linha-superior3 {
  
  
  
  
  position: relative;
  z-index: 1;
  
}

.linha-superior3 a {
  
  
  
}

.linha-superior3 .icone {
  
  
  
}


header {
  
  
  background-color: rgb(0, 0, 0) !important;
  
  background-repeat: repeat !important;
  
  background-size: cover !important;
  
  background-position: center !important;
  
  
    padding: 1rem 0 0;
  
  position: relative;
  
}

header nav {
  height: auto !important;
  line-height: normal !important;
  background: none;
    box-shadow: none;
    display: inline-block;
}
  
header .menu {
  
  
  background-repeat: no-repeat !important;
  
  background-size: 100% 10px !important;
  
  background-position: bottom !important;
  
  padding: 0 !important;
  
  
  display: block;
  text-align: center;
  
}

header .menu li {
  text-align: center;
  position: relative;
    display: inline-block;
  float: none;
}

header .menu li:not(.cont-logo):after {
  
  
  
}

header .menu li:not(.cont-logo) a {
  
  
  background-color: rgb(255, 204, 41);
  
  height: 2.7rem;
  
  line-height: 2.7rem;
  
  border-radius: 20px 20px 0 0;
  
  box-shadow: 0 -3px 6px rgba(0,0,0,.1); min-width: 175px;;
  
  text-shadow: 0 1px 2px rgba(0,0,0,1);
  
  font-family: 'RobotoSlab';
  
  color: rgb(255, 255, 255);
  
  font-size: 1rem;
  
  padding: 0 2.5rem;
  
  font-weight: bold;
  
  
  position: relative;
  z-index: 1;
  
}

header .menu li:not(.cont-logo) a:hover {
  
  
  background-color: rgb(179, 20, 20);
  
  color: rgb(255, 255, 255);
  
  
  
  
}

header .menu li:not(.cont-logo) a .icone-botao {
  
  
  width: 1.5rem;
  
  height: 1.5rem;
  
  margin: .5rem .5rem -.2rem;
  
  transition: .1s;
  
  
}

header .menu li:not(.cont-logo):hover a .icone-botao {
  
  
  transform: rotate(90deg);
  
  transition: .3s;
  
  
}


.imgcabecalho {
  width: 250px;
  margin: 2rem 1% 0;
  float: right;
}

@media only screen and (max-width: 800px){
  .imgcabecalho {
    float: none !important;
  }
  .imgforno {
    display: none;
  }
}

.logo {
  
  width: 100%;
  max-width: 290px;
  height: auto;

  
  margin: 0rem 0 1rem;
  

}

.logo-tablet-mobile {
  
  margin: 0;
  
}

nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  float: left;
  margin: 0;

}

nav a.button-collapse {
  
  
  background-color: rgba(0,0,0,0.0) !important;
  
  
}

nav a.button-collapse i {

  
  font-size: 1.7rem;
  
  color: rgb(251, 251, 251);
  
  
}




/***** Side Nav *****/
.menu-sidenav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 9999;
  display: none;
  
  
  background-color: rgb(0, 0, 0);
  
  
}
.menu-sidenav .menu-sidenav-wrapper {
  width: 100%;
  height: auto;
  padding: 1rem;
}

.menu-sidenav .logo-mobile {
  max-width: 150px;
  margin: 0 0 1rem;
  float: none !important;
}

.menu-sidenav .item {
  width: 100%;
  height: 3rem;
  float: left;
  line-height: 3rem;
  transition: all .1s;
  margin: .25rem 0;
  text-align:center;
}
.menu-sidenav .item {
  transition: all .15s;
}
.menu-sidenav .item a {
    display: block;
    font-family: 'Roboto';
    font-size: 1rem;
    color: rgb(255, 255, 255);
}

.close-sidenav {
  
  color: rgb(221, 221, 221);
  
  
  text-align: right;
  padding: .5rem;
  cursor: pointer;
}

.header-menu-mobile {
  width: 100%;
  float: left;
}

.icone-sidenav {
  float: right;
  line-height: 76px;
  font-size: 2em;
  color: black;
}

.img-cabecalho {
  width: 130px;
  position: relative;
  z-index: 12;
}

.sidenav li > a {
  display: inline-block !important;
  width: 140px;
  text-align: left;
}

.sidenav .user-view {
  margin-bottom: 0 !important;
  background-color: #e7e7e7;
  padding-bottom: 16px !important;
}

.sidenav .divider {
  margin: 8px 0px 8px 0px !important;
}

@media(min-width: 1024px) {
  .img-cabecalho {
    top: -10px;
  }
}

@media only screen and (max-width: 600px) {
  
  .imgcabecalho {
    width: 200px;
  }
  .logo {
    max-width: 200px;
  }

  .img-cabecalho {
    width: 120px;
    transform: translate(-40px, -10px);
  }
  
}

@media only screen and (min-width: 600px) {
  
  .menu-sidenav .item {
    width: 50%;
    height:100%;
    padding: 5vh;
  }
  
  @supports(display: grid) {
    .menu-sidenav .menu-sidenav-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto 1fr;
    }
    .header-menu-mobile {
      grid-column: span 2;
      float:none;
    }
    .menu-sidenav .item {
      width: 100%;
      height: 100%;
      padding: 5vh;
      line-height: 3rem;
    }
  }
  
}