header .welcome-bar {
    padding: 5px 0;
    opacity: 1;
    background: #2D2D30 0% 0% no-repeat padding-box; }
    header .welcome-bar a {
      display: block; }
      header .welcome-bar a .icon {
        width: 14px;
        height: auto; }
      header .welcome-bar a span {
        color: #FFFFFF;
        margin: 0 0 0 5px;
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        font-weight: normal;
        font-family: inherit;
        text-transform: capitalize;
        letter-spacing: 0px;
        text-transform: capitalize; }
    header .welcome-bar ul {
      padding: 0;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      list-style: none; }
  
  header .top-bar-banner a img {
    max-width: 100%;
    height: auto;
    vertical-align: top; }
  
  header .header {
    position: relative; }
    header .header .button-menu-xs button {
      margin: 15px auto; }
      header .header .button-menu-xs button i {
        font-size: 25px; }
    header .header #menu-mobile {
      position: fixed;
      top: 0;
      bottom: 0;
      left: -80vw;
      width: 80vw;
      z-index: -1;
      background-color: #FFFFFF;
      display: block;
      opacity: 0;
      transition: all 0.5s ease-in-out;
      overflow: auto; }
      header .header #menu-mobile .header-menu-mobile .close-menu {
        position: absolute;
        right: 0;
        top: 5px;
        color: #e8132c;
        font-size: 30px;
        margin-right: 10px; }
      header .header #menu-mobile .header-menu-mobile .icone-menu {
        visibility: hidden; }
      header .header #menu-mobile.active {
        left: 0;
        z-index: 100;
        opacity: 1; }
      header .header #menu-mobile .recebe-menu > div {
        display: none; }
      header .header #menu-mobile .menu,
      header .header #menu-mobile .menu-departamento {
        display: block !important; }
        header .header #menu-mobile .menu .rt,
        header .header #menu-mobile .menu .rb,
        header .header #menu-mobile .menu-departamento .rt,
        header .header #menu-mobile .menu-departamento .rb {
          display: none; }
        header .header #menu-mobile .menu h3,
        header .header #menu-mobile .menu-departamento h3 {
          text-align: left;
          letter-spacing: 0px;
          color: #2D2D30;
          font: normal normal 600 16px/22px "Open Sans";
          position: relative;
          padding-left: 5px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          align-items: center; }
          header .header #menu-mobile .menu h3 > span,
          header .header #menu-mobile .menu-departamento h3 > span {
            position: absolute;
            top: 0px;
            right: 10px; }
            header .header #menu-mobile .menu h3 > span:before,
            header .header #menu-mobile .menu-departamento h3 > span:before {
              font: normal normal normal 14px/1 FontAwesome;
              content: "\f078";
              transition: all 0.5s ease-in-out; }
            header .header #menu-mobile .menu h3 > span.active:before,
            header .header #menu-mobile .menu-departamento h3 > span.active:before {
              transform: rotateX(180deg);
              color: #e8132c; }
          header .header #menu-mobile .menu h3 a,
          header .header #menu-mobile .menu-departamento h3 a {
            color: inherit; }
            header .header #menu-mobile .menu h3 a:hover,
            header .header #menu-mobile .menu-departamento h3 a:hover {
              color: inherit;
              text-decoration: none; }
          header .header #menu-mobile .menu h3::after,
          header .header #menu-mobile .menu-departamento h3::after {
            content: '';
            height: 3px;
            display: inline-block;
            opacity: 1;
            flex-grow: 100;
            border-radius: 50px;
            margin: 0 40px;
            vertical-align: middle;
            background: transparent linear-gradient(90deg, #F6F6F6 0%, #E8132C 100%) 0% 0% no-repeat padding-box; }
        header .header #menu-mobile .menu ul,
        header .header #menu-mobile .menu-departamento ul {
          display: none;
          list-style: none; }
          header .header #menu-mobile .menu ul li,
          header .header #menu-mobile .menu-departamento ul li {
            margin: 5px auto; }
            header .header #menu-mobile .menu ul li a,
            header .header #menu-mobile .menu-departamento ul li a {
              text-align: left;
              letter-spacing: 0px;
              color: #2D2D30;
              font: normal normal 600 16px/21px "Open Sans"; }
    @media (max-width: 768px) {
      header .header .logo {
        margin: 15px auto; } }
    header .header .logo .link-logo img {
      width: 100%;
      max-width: 162px;
      height: auto; }
    header .header .top-menu > div {
      margin: 20px 0; }
      header .header .top-menu > div #top-menu > div {
        display: none; }
    @media (max-width: 768px) {
      header .header .top-menu .search {
        position: absolute;
        bottom: 20px;
        width: 100%;
        z-index: -1;
        background-color: white;
        transition: 0.5s all linear;
        display: block;
        opacity: 0; }
        header .header .top-menu .search.active {
          bottom: -35px;
          z-index: 2;
          opacity: 1; } }
    @media (max-width: 547px) {
      header .header .top-menu .search {
        left: -50vw;
        width: 100vw; } }
    header .header .top-menu .search .busca {
      position: relative;
      background-image: url("../img/header_footer/search.png");
      background-repeat: no-repeat;
      background-position: 98% center;
      background-size: 26px; }
      header .header .top-menu .search .busca > legend,
      header .header .top-menu .search .busca > label,
      header .header .top-menu .search .busca > select {
        display: none; }
      header .header .top-menu .search .busca .fulltext-search-box {
        width: 100%;
        height: 36px;
        margin: 0 auto;
        border: 1px solid #E2E2E2;
        border-radius: 80px;
        box-shadow: none !important;
        outline: none !important;
        padding: 0 15px;
        background-color: transparent; }
      header .header .top-menu .search .busca .btn-buscar {
        position: absolute;
        right: 0;
        opacity: 0;
        height: 100%;
        width: 45px; }
    header .header .top-menu .control-list {
      padding: 0;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      list-style: none; }
      header .header .top-menu .control-list .link.busca {
        display: none;
      }
      header .header .top-menu .control-list li.control-item {
        cursor: pointer; }
        header .header .top-menu .control-list li.control-item .link .icon {
          width: 25px; }
          header .header .top-menu .control-list li.control-item .link .icon img {
            width: 100%;
            height: auto; }
        header .header .top-menu .control-list li.control-item .link .text {
          position: absolute;
          left: 50%;
          right: 0;
          width: max-content;
          overflow: hidden;
          transform: translateX(-50%); }
        header .header .top-menu .control-list li.control-item .my-account {
          position: relative; }
          header .header .top-menu .control-list li.control-item .my-account > div:not(.link) {
            display: none;
            position: absolute;
            top: 37px;
            left: 50%;
            transform: translateX(-50%);
            background: #FFFFFF;
            width: 220px;
            padding: 5px 20px;
            z-index: 300;
            border-radius: 5px;
            border: 1px solid #eee;
            box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);
            border-radius: 10px; }
            header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul {
              list-style: none;
              padding: 0; }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a {
                display: flex;
                padding: 10px 0;
                border-bottom: 1px solid #e4e4e4; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a .icon {
                  width: 35px; }
                  header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a .icon .fas {
                    font-size: 20px;
                    color: #e4e4e4;
                    transition: all 0.5s ease-in-out; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a .text {
                  width: calc(100% - 35px);
                  font-weight: bold;
                  font-size: 16px;
                  transition: all 0.5s ease-in-out;
                  color: #2D2D30; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a:hover .icon .fas,
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li a:hover .text {
                  color: #e8132c; }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-on ul li:last-child a {
                border-bottom: 0; }
            header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off {
              padding: 0;
              border: none; }
              @media (max-width: 768px) {
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off {
                  left: unset;
                  margin-left: calc(110% - 110px); } }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .vtexid-icon-lock {
                display: none; }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn {
                border-radius: 0;
                font-size: 14px;
                text-transform: none;
                box-shadow: none !important;
                border: 0;
                font-weight: bold;
                line-height: 1 !important;
                margin-bottom: 10px; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn.vtexIdUI-send-email {
                  text-shadow: none;
                  border: 0;
                  padding: 13px 0;
                  line-height: 1.4 !important; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn#vtexIdUI-facebook {
                  background: #2f3c92;
                  padding: 13px 0;
                  line-height: 1.4 !important; }
                  header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn#vtexIdUI-facebook i {
                    opacity: 1; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn#vtexIdUI-google-plus {
                  background: #be1e2d;
                  padding: 13px 0;
                  color: #FFFFFF;
                  line-height: 1.4 !important; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn p {
                  font-weight: bold;
                  color: #FFFFFF;
                  font-size: 14px;
                  text-transform: none; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn i {
                  position: relative;
                  top: inherit;
                  left: inherit;
                  right: inherit;
                  font-size: 18px;
                  display: inline-block;
                  opacity: 1; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn .vtexid-icon-mail,
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn .vtexid-icon-facebook,
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .btn .vtexid-icon-google-plus {
                  display: none; }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI .dead-link {
                color: #aaa;
                outline: none;
                font-size: 12px; }
              header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI label {
                font-weight: bold;
                color: #2D2D30; }
                header .header .top-menu .control-list li.control-item .my-account > div:not(.link).tooltip-off .vtexIdUI label .dead-link {
                  font-weight: normal; }
        header .header .top-menu .control-list li.control-item .cart {
          position: relative; }
          header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref {
            width: 29px;
            bottom: -10px;
            right: -10px;
            position: absolute;
            text-align: center; }
            header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .title {
              display: none; }
            header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .cart-info {
              list-style: none;
              padding: 0; }
              header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .cart-info li:not(.amount-items) {
                display: none; }
              header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .cart-info li.amount-items {
                background-color: #e8132c;
                color: white;
                font-weight: 600;
                border-radius: 50%;
                width: 22px;
                margin: 0 auto; }
                header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .cart-info li.amount-items strong {
                  display: none; }
                header .header .top-menu .control-list li.control-item .cart .portal-totalizers-ref .amount-items-in-cart .cartInfoWrapper .cart-info li.amount-items .amount-items-em {
                  font-family: "Open Sans";
                  font-size: 17px;
                  line-height: 20px;
                  color: #ffffff; }
    header .header .top-menu .menu,
    header .header .top-menu .menu-departamento {
      display: flex !important;
      flex-wrap: wrap;
      flex-direction: row;
      position: relative;
      justify-content: space-between; }
      header .header .top-menu .menu .rt,
      header .header .top-menu .menu .rb,
      header .header .top-menu .menu-departamento .rt,
      header .header .top-menu .menu-departamento .rb {
        display: none; }
      header .header .top-menu .menu > div,
      header .header .top-menu .menu-departamento > div {
        order: 1;
        flex-grow: 100;
        cursor: pointer;
        position: relative; }
        header .header .top-menu .menu > div.menu_element,
        header .header .top-menu .menu-departamento > div.menu_element {
          order: 0; }
      header .header .top-menu .menu h3,
      header .header .top-menu .menu-departamento h3 {
        text-align: left;
        letter-spacing: 0px;
        color: #2D2D30;
        font: normal normal 600 16px/22px "Open Sans";
        margin: 0;
        padding: 0 0 0 20px;
        flex-grow: 100;
        width: max-content; }
        header .header .top-menu .menu h3:hover,
        header .header .top-menu .menu-departamento h3:hover {
          color: #e8132c;
          text-decoration: none; }
        header .header .top-menu .menu h3 span,
        header .header .top-menu .menu-departamento h3 span {
          display: none; }
          header .header .top-menu .menu h3 span.menu-item-texto,
          header .header .top-menu .menu-departamento h3 span.menu-item-texto {
            display: block; }
        header .header .top-menu .menu h3::after,
        header .header .top-menu .menu-departamento h3::after {
          content: '';
          height: 3px;
          opacity: 0;
          display: block;
          flex-grow: 100;
          background: transparent linear-gradient(90deg, #F6F6F6 0%, #E8132C 100%) 0% 0% no-repeat padding-box;
          border-radius: 50px;
          margin: 0;
          transition: 0.5s opacity linear; }
        header .header .top-menu .menu h3.active::after,
        header .header .top-menu .menu-departamento h3.active::after {
          opacity: 1; }
        header .header .top-menu .menu h3 a,
        header .header .top-menu .menu-departamento h3 a {
          color: inherit;
          display: inline-block; }
          header .header .top-menu .menu h3 a:hover,
          header .header .top-menu .menu-departamento h3 a:hover {
            color: inherit;
            text-decoration: none; }
      header .header .top-menu .menu .brandFilter,
      header .header .top-menu .menu-departamento .brandFilter {
        flex-grow: 100;
        cursor: pointer;
        position: unset; }
        header .header .top-menu .menu .brandFilter ul,
        header .header .top-menu .menu-departamento .brandFilter ul {
          max-height: 175px;
          columns: 4;
          column-fill: auto;
          width: 100%;
          max-width: 100%; }
      header .header .top-menu .menu ul,
      header .header .top-menu .menu-departamento ul {
        display: none;
        z-index: -9999999;
        opacity: 0;
        top: 25px;
        left: 0;
        position: absolute;
        list-style: none;
        width: 300px;
        height: 0;
        padding: 15px 20px;
        background-color: white;
        transition: 0.5s opacity linear;
        overflow: hidden;
        box-shadow: 0 2px 2px black; }
        header .header .top-menu .menu ul.active,
        header .header .top-menu .menu-departamento ul.active {
          z-index: 3;
          height: auto;
          opacity: 1;
          display: block; }
        header .header .top-menu .menu ul li,
        header .header .top-menu .menu-departamento ul li {
          margin: 5px 0; }
          header .header .top-menu .menu ul li a,
          header .header .top-menu .menu-departamento ul li a {
            text-align: left;
            letter-spacing: 0px;
            color: #2D2D30;
            font: normal normal 600 17px/24px "Open Sans"; }
      header .header .top-menu .menu .Collections,
      header .header .top-menu .menu-departamento .Collections {
        flex-grow: 100; }
  
  footer {
    margin-top: 30px; }
    @media (max-width: 547px) {
      footer {
        text-align: center; } }
    footer .container > .row > div {
      padding-right: 15px;
      padding-left: 15px; }
    footer > div .logo .link-logo img {
      width: 100%;
      max-width: 162px;
      height: auto; }
    @media (max-width: 547px) {
      footer > div .logo {
        text-align: center; } }
    footer > div .institucional p {
      text-align: left;
      font: normal normal normal 12px/24px "Open Sans";
      letter-spacing: 0px;
      color: #707070; }
    @media (max-width: 768px) {
      footer > div .institucional {
        padding: 0 15px !important; } }
    footer > div .footer_group.links-footer ul li {
      margin: 2px 0; }
    footer > div .links-footer ul {
      list-style: none;
      padding: 0; }
      @media (max-width: 547px) {
        footer > div .links-footer ul {
          padding: 0; } }
      footer > div .links-footer ul li {
        margin: 15px 0; }
        footer > div .links-footer ul li:first-child {
          margin-top: 0; }
        footer > div .links-footer ul li:last-child {
          margin-bottom: 0; }
        footer > div .links-footer ul li a {
          text-align: left;
          font: normal normal 600 14px/21px "Open Sans";
          letter-spacing: 0px;
          color: #2D2D30; }
    footer > div .contato-pagamento {
      padding-left: 15px; }
      footer > div .contato-pagamento > div a {
        text-align: left;
        font: normal normal 600 25px/38px "Open Sans";
        letter-spacing: 0px;
        color: #2D2D30; }
        @media (max-width: 768px) {
          footer > div .contato-pagamento > div a {
            display: block;
            text-align: center; } }
        footer > div .contato-pagamento > div a img {
          width: 24px;
          height: auto;
          margin-right: 5px; }
        footer > div .contato-pagamento > div a i {
          color: #e8132c;
          margin-right: 5px; }
          footer > div .contato-pagamento > div a i.fa-whatsapp {
            color: #70d44b; }
      footer > div .contato-pagamento > div ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0; }
        @media (max-width: 768px) {
          footer > div .contato-pagamento > div ul {
            justify-content: center; } }
        footer > div .contato-pagamento > div ul li {
          margin: 0 5px; }
          footer > div .contato-pagamento > div ul li:first-child {
            margin-left: 0; }
          footer > div .contato-pagamento > div ul li:last-child {
            margin-right: 0; }
      @media (max-width: 547px) {
        footer > div .contato-pagamento > div .payments ul {
          justify-content: center; } }
      footer > div .contato-pagamento > div .payments ul li {
        margin: 0 5px; }
        footer > div .contato-pagamento > div .payments ul li img {
          max-height: 34px;
          width: auto; }
        @media (max-width: 547px) {
          footer > div .contato-pagamento > div .payments ul li:first-of-type {
            width: 100%; }
            footer > div .contato-pagamento > div .payments ul li:first-of-type img {
              max-height: unset;
              width: 195px; } }
      footer > div .contato-pagamento > div .security .seals {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start; }
        @media (max-width: 547px) {
          footer > div .contato-pagamento > div .security .seals {
            justify-content: center; } }
        footer > div .contato-pagamento > div .security .seals .seal {
          width: 45%; }
          footer > div .contato-pagamento > div .security .seals .seal a img {
            max-width: 100%;
            max-height: 40px;
            height: auto;
            width: auto; }
      @media (max-width: 547px) {
        footer > div .contato-pagamento > div .social-media ul {
          justify-content: center; } }
      footer > div .contato-pagamento > div .social-media ul li a img {
        width: 35px;
        height: auto; }
    footer .open_submenu span {
      display: none; }
    @media (max-width: 547px) {
      footer .open_submenu {
        font-size: 30px;
        text-align: left !important;
        border-bottom: 2px solid #2D2D30;
        padding-bottom: 5px;
        text-transform: uppercase;
        position: relative; }
        footer .open_submenu span {
          display: inline;
          position: absolute;
          right: 0; }
      footer #institucional_links,
      footer #atendimento_links,
      footer #departments_links,
      footer #brands_links {
        display: none; } }
    footer #middle_footer {
      background-color: #f4f4f4; }
      footer #middle_footer h2 {
        text-align: center;
        border-bottom: 2px solid #2D2D30;
        padding-bottom: 5px;
        text-transform: uppercase; }
      footer #middle_footer .marcas {
        list-style: none;
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; }
        footer #middle_footer .marcas li {
          width: 140px; }
          footer #middle_footer .marcas li a {
            text-align: left;
            font: normal normal 600 14px/21px "Open Sans";
            letter-spacing: 0px;
            color: #2D2D30; }
  
  .copy-right {
    background-color: #2D2D30;
    padding: 5px 0; }
    .copy-right .container .row {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      @media (max-width: 768px) {
        .copy-right .container .row {
          justify-content: center; } }
    .copy-right p,
    .copy-right span {
      color: #ffffff;
      margin: 0;
      font: normal normal normal 12px/24px "Open Sans"; }
      @media (max-width: 768px) {
        .copy-right p,
        .copy-right span {
          text-align: center; } }
    .copy-right .devs {
      list-style: none;
      display: inline-flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: end;
      padding: 0;
      margin: 0; }
      @media (max-width: 768px) {
        .copy-right .devs {
          justify-content: center; } }
      .copy-right .devs li {
        display: inline-block;
        margin: 0 5px; }
        .copy-right .devs li a {
          color: #ffffff;
          margin: 0;
          font: normal normal normal 12px/24px "Open Sans"; }
          .copy-right .devs li a img {
            width: 80px;
            height: auto; }
.header .top-controlers {
	display: none;
}