@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap"); /* ----- RESET ----- */
html,
input,
textarea,
button,
select,
option {
  border: 0 solid #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #808080;
}
textarea {
  max-width: 100%;
  min-width: 100%;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
*:focus {
  outline: 0;
  border: 0;
}
span {
  color: inherit;
}
img {
  border: 0;
  display: block;
}
hr {
  display: none;
}
ol,
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  display: block;
  text-decoration: none;
  text-transform: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0;
}
p a {
  display: inline-block;
}
strong {
  color: inherit;
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
option {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}
button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  color: inherit;
  text-transform: inherit;
  font-size: inherit;
  font-family: inherit;
} /* ----- CLEARFIX ----- */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 0;
} /* ----- GERAL ----- */
body {
  overflow-y: auto;
  position: absolute;
  width: 100%;
  min-height: 100vh;
  font-size: 16px;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
}
body.modalAtivo {
  overflow: hidden;
}
#site {
  width: 100%;
  margin: 0 auto;
  min-height: 700px;
  display: block;
  overflow-x: hidden;
  background-color: transparent;
}
.textoCorrido {
  line-height: 24px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #808080;
}
.textoCorrido p {
  margin-bottom: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: inherit;
  color: inherit;
}
.textoCorrido *:last-child {
  margin-bottom: 0;
}
.textoCentralizado {
  text-align: center;
}
.textoCorrido h3 {
  width: 100%;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  color: #000000;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
.conteudo {
  width: 990px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.conteudo:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .conteudo {
  display: block;
}
* html .conteudo {
  height: 0;
}
@media screen and (max-width: 1024px) {
  .conteudo {
    width: 90%;
  }
}
.setor {
  width: 100%;
  float: left;
  position: relative;
}
.setor:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .setor {
  display: block;
}
* html .setor {
  height: 0;
}
.alinhar {
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.alinharAux1 {
  height: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  display: table;
}
.alinharAux2 {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
}
.background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  overflow: hidden;
}
.backgroundImagem {
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
} /* ----- MODAIS ----- */
.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: auto;
}
.modalAuxiliar1 {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.modalAuxiliar2 {
  vertical-align: middle;
  display: table-cell;
  position: static;
  *top: 50%; /* hack para o IE6 e IE7 */
  *position: absolute; /* hack para o IE6 e IE7 */
}
.modalConteudo {
  width: 500px;
  margin: 40px auto;
  position: relative;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.modalTitulo {
  width: 100%;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 300;
  color: #000000;
  padding-right: 50px;
}
.modalSubTitulo {
  width: 100%;
  margin-top: 10px;
  line-height: 21px;
}
.modalConteudoInterno {
  width: 100%;
  margin-top: 20px;
}
.modalTexto {
  width: 100%;
  line-height: 18px;
  margin-top: 10px;
  float: left;
}
.modalFechar {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 50px;
  line-height: 30px;
  background-color: transparent;
}
.modalFechar:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  color: #e8b0b4;
}
@media screen and (max-width: 600px) {
  .modalConteudo {
    width: 90%;
    margin: 40px 5%;
    padding: 30px;
  }
}
.listaCartoesConteudoItem {
  width: 100%;
  border-collapse: collapse;
  display: none;
}
.listaCartoesConteudoItem.ativo {
  display: inline-table;
} /* ----- ALERTAS ----- */
.alerta {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fffde4;
  border: 1px solid #edd14e;
}
.alerta.erro {
  background-color: #ffe4e4;
  border: 1px solid #ed4e4e;
  color: #bd1818;
}
.alerta.sucesso {
  background-color: #f6ffe4;
  border: 1px solid #c2ed4e;
  color: #000000;
} /* ---------- BREADCRUMB ---------- */
.breadcrumb ol {
  border-bottom: 1px solid #eeeeee;
}
.breadcrumb li {
  display: block;
  float: left;
  margin-right: 5px;
  line-height: 16px;
}
.breadcrumb a {
  line-height: 16px;
  font-size: 10px;
  text-transform: uppercase;
  color: #000000;
}
.breadcrumb a.ativo {
  font-weight: 700;
}
.breadcrumb li:nth-child(even) {
  font-size: 10px;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb li:last-child a {
  font-weight: 700;
} /* ----- CSS BANNER ----- */ /*.chamada { position: absolute; }.chamadaAuxiliar { position: relative; height: 481px; display: table; padding: 0 100px; background-color: rgba(38,35,94,0.6); }.chamadaDescricao { display: table-cell; vertical-align: middle; margin: 0 auto; }.chamadaBairro { line-height: 50px; margin-bottom: 15px; }.chamadaCidade { line-height: 21px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom: 25px; }.chamadaEmpreendimento { line-height: 30px; margin-bottom: 15px; }.chamadaDiferenciais { line-height: 20px; }*/ /* ----- CSS PAGINACAO ----- */
.paginacao {
  width: 100%;
  float: left;
  display: table;
  border-bottom: 1px solid #eeeeee;
  margin-top: 20px;
}
.paginacaoLista {
  margin: auto;
  display: table;
  padding: 30px 0;
}
.paginacaoItem {
  width: auto;
  display: inline-block;
  margin: 0 3px;
}
.paginacaoItem a {
  line-height: 38px;
  min-width: 40px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.paginacaoItem:hover a {
  border-color: #cccccc;
}
.paginacaoItem:first-child a,
.paginacaoItem:last-child a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.paginacaoItem:first-child:hover a,
.paginacaoItem:last-child:hover a {
  border-color: transparent;
  color: #ed4e4e;
}
.paginacaoItem.ativo a {
  color: #ffffff;
  font-weight: bold;
  background-color: #ed4e4e;
}
.paginacaoItem.ativo:hover a {
  border-color: transparent;
}
.paginacaoItem.inativo a {
  color: #cccccc;
  cursor: not-allowed;
  text-decoration: none;
}
.paginacaoItem:first-child.inativo:hover a,
.paginacaoItem:last-child.inativo:hover a {
  color: #cccccc;
} /* ----- TABELA ----- */
.tabela {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  padding: 0;
  margin: 0 0 30px;
  cellpadding: 0;
  cellspacing: 0;
  width: 100%;
  float: left;
}
.tabelaZebrada tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.tabela thead th {
  padding: 10px;
  text-align: center;
  background-color: #eeeeee;
  border-bottom: 1px solid #cccccc;
}
.tabela thead th:first-child {
  text-align: left;
}
.tabela tbody {
  background-color: #ffffff;
}
.tabela tbody td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  min-width: 110px;
  font-size: 14px;
}
.tabela tbody td:first-child {
  text-align: left;
  min-width: 80px;
} /*.tabela tbody tr:hover { background-color: #f9f9f9; color: #606060; }*/
.tabelaBotao {
  width: 100%;
  background-color: #5cb85c;
  text-align: center;
  padding: 5px;
}
.tabelaBotao:hover {
  background-color: #47a447;
} /* ----- ABAS ----- */
.abasGrupo {
  float: left;
  width: 100%;
}
.abas {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1000;
}
.abasItem {
  float: left;
  padding: 10px 20px;
  margin-right: -1px;
  border: 1px solid #cccccc;
  cursor: pointer;
}
.abasItem.ativo {
  border-bottom: 1px solid #ffffff;
  font-weight: 900;
}
.abasConteudo {
  float: left;
  width: 100%;
  padding: 40px;
  border: 1px solid #cccccc;
  display: none;
  margin-top: -1px;
}
.abasConteudo .texto:last-child {
  margin-bottom: 0;
}
.abasConteudo img {
  margin: 0 auto;
  max-width: 100%;
}
.abasConteudo .alerta {
  padding: 20px;
} /* ----- FORMULARIO ----- */
.form {
  overflow: hidden;
  width: 100%;
}
form > * {
  margin-bottom: 20px;
}
.formLinha {
  margin: 0 -15px;
}
.formLinha:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.formLinha {
  display: block;
}
html[xmlns] .formLinha {
  display: block;
}
* html .formLinha {
  height: 0;
}
label {
  margin: 10px 0 0;
  line-height: 18px;
  float: left;
  font-weight: 300;
  color: #333333;
}
.formColFantasma {
  min-height: 88px;
}
.formCol12 {
  padding: 0 15px;
  float: left;
  width: 100%;
  position: relative;
}
.formCol11 {
  padding: 0 15px;
  float: left;
  width: 91.666666%;
  position: relative;
}
.formCol10 {
  padding: 0 15px;
  float: left;
  width: 83.333333%;
  position: relative;
}
.formCol9 {
  padding: 0 15px;
  float: left;
  width: 75%;
  position: relative;
}
.formCol8 {
  padding: 0 15px;
  float: left;
  width: 66.666666%;
  position: relative;
}
.formCol7 {
  padding: 0 15px;
  float: left;
  width: 58.333333%;
  position: relative;
}
.formCol6 {
  padding: 0 15px;
  float: left;
  width: 50%;
  position: relative;
}
.formCol5 {
  padding: 0 15px;
  float: left;
  width: 41.666666%;
  position: relative;
}
.formCol4 {
  padding: 0 15px;
  float: left;
  width: 33.333333%;
  position: relative;
}
.formCol3 {
  padding: 0 15px;
  float: left;
  width: 25%;
  position: relative;
}
.formCol2 {
  padding: 0 15px;
  float: left;
  width: 16.666666%;
  position: relative;
}
.formCol1 {
  padding: 0 15px;
  float: left;
  width: 8.333333%;
  position: relative;
}
.formInput {
  width: 100%;
  margin: 10px 0;
  padding: 0 10px;
  display: block;
  line-height: 38px;
  height: 40px;
  background-color: #ffffff;
  border-bottom: 1px solid #333333;
  float: left;
  font-size: 16px;
  color: #808080;
}
.formInput:focus {
  border-color: #bfd72f;
}
.formInput::-webkit-input-placeholder {
  line-height: 50px;
  color: #cccccc;
}
.formInput:-moz-placeholder {
  line-height: 50px;
  color: #cccccc;
}
.formInput::-moz-placeholder {
  line-height: 50px;
  color: #cccccc;
}
.formInput:-ms-input-placeholder {
  line-height: 50px;
  color: #cccccc;
}
a.formInput {
  text-align: center;
}
textarea.formInput {
  min-height: 100px;
  max-height: 100px;
  line-height: 24px;
  padding: 10px;
}
.formEsqueciLink {
  width: 100%;
  margin: 0 0 10px;
  display: block;
  line-height: 20px;
  text-align: right;
  float: left;
  font-weight: 400;
  font-size: 14px;
  color: #808080;
}
.formEsqueciLink:hover a {
  text-decoration: underline;
}
.formBotao {
  width: 100%;
  margin: 15px 0 10px;
  text-align: center;
  float: right;
  line-height: 50px;
  letter-spacing: 4px;
  height: 50px;
  background-color: #333333;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
.formBotao:hover,
.formBotao:focus,
.formBotao.ativo {
  background-color: #000000;
}
.formBotao svg {
  width: 20px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
.formBotao:disabled {
  opacity: 0.3;
}
.formBotao:disabled:hover {
  background-color: red;
}
.formBotao.erro {
  background-color: #d82020;
}
.formBotao.erro:hover,
.formBotao.erro:focus {
  background-color: #db2f2f;
}
.formBotao.erro svg * {
  fill: #ffffff;
}
.formBotao.sucesso {
  background-color: #58c22e;
  color: #ffffff;
  letter-spacing: 4px;
  font-size: 14px;
}
.formBotao.sucesso svg * {
  fill: #ffffff;
}
.formCombo {
  float: left;
}
.formCombo .formInput {
  width: 80%;
  margin-bottom: 0;
}
.formCombo .formBotao {
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #ffffff;
  border: 0;
}
.formCombo .formBotao:hover svg {
  color: #7b1221;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.formInput.erro {
  border-color: #b61818;
  background-color: #ffe4e4;
}
input[type="checkbox"].formInput {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  padding: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focusinput:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hovertextarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition-delay: 9999s;
}
.invertido .campo {
  background-color: #ffffff;
  border-color: #ffffff;
}
.formReadonly .campo .formInput {
  margin-top: 20px;
}
.formReadonly .campo .formInput + label {
  top: 4px;
  font-size: 12px;
  z-index: 3;
  color: #808080;
}
@media screen and (max-width: 800px) {
  .formCol6 {
    width: 100%;
  }
} /* ---------- SITE ---------- */
.linhaDivisoria {
  padding: 40px 0;
}
#site > .setor:nth-last-child(3) > .conteudo.linhaDivisoria {
  border-bottom: 0;
}
.titulo {
  width: 100%;
  margin-bottom: 25px;
  float: left;
  font-weight: 300;
  font-size: 28px;
  color: #000000;
  text-transform: uppercase;
}
.subtitulo {
  width: auto;
  display: block;
  margin: 0 auto 30px;
  font-size: 20px;
  color: #606060;
  text-align: left;
}
.blocoCinzaClaro .subtitulo:after {
  background-color: #f9f9f9;
}
.internaTopo {
  padding-top: 160px;
  background-color: #f9f9f9;
  margin-top: -30px;
}
.internaConteudo {
  padding: 60px 0;
}
.internaTopo .titulo {
  font-size: 40px;
  color: #ffffff;
}
.internaTopo .subtitulo {
  margin-bottom: 20px;
}
.botaoVoltar {
  width: auto;
  margin: 0 auto 20px;
  display: table;
  float: none;
  padding: 0 20px;
}
.setas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  overflow: visible;
  z-index: 10;
  font-size: 80px;
}
.seta {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
}
.setaEsq {
  left: -40px;
}
.setaDir {
  right: -40px;
}
.seta svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.seta:hover {
  transform: scale(1.1);
}
.seta:hover svg * {
  fill: #606060;
}
.seta.inativo {
  cursor: not-allowed;
  opacity: 0.4;
}
.seta.inativo:hover svg * {
  fill: #606060;
}
.owl-carousel .owl-item img {
  transform-style: flat;
}
@media screen and (max-width: 800px) {
  .internaTopo {
    padding-top: 140px;
  }
  .internaTopo .titulo {
    font-size: 30px;
  }
}
@media screen and (max-width: 700px) {
  .seta {
    width: 40px;
    height: 40px;
  }
  .setaEsq {
    left: -30px;
  }
  .setaDir {
    right: -30px;
  }
  .seta svg {
    width: 20px;
    height: 20px;
  }
} /*.background { background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #f9f9f9; }.backgroundImagem,.owl-carousel .owl-item img.backgroundImagem { display: none; }*/ /* ----- TOPO ----- */
#topo {
  background-color: #ffffff;
  margin-top: 10px;
  z-index: 8888;
  width: 950px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
.topoCentro {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  width: 160px;
  margin: 0 auto;
}
.topoCentro img {
  width: 100%;
  height: auto;
}
.topoEsq {
  float: left;
  margin: 31px 30px 31px;
  position: relative;
  display: none;
}
.topoDir {
  float: right;
  margin: 31px 30px 31px 0;
  position: relative;
}
.topoDir > * {
  margin-left: 20px;
}
.topoBotao {
  width: 24px;
  height: 24px;
  position: relative;
}
.topoBotao svg {
  width: auto;
  height: 24px;
  transition: transform ease-in-out 200ms;
  -webkit-transition: transform ease-in-out 200ms;
  -moz-transition: transform ease-in-out 200ms;
  -ms-transition: transform ease-in-out 200ms;
  -o-transition: transform ease-in-out 200ms;
}
.topoBotao:hover svg {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.topoBotao:hover svg * {
  fill: #e8b0b4;
}
.topoBotao .logout {
  display: block;
  background-color: #ed4e4e;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 18px;
  padding: 4px;
  line-height: 10px;
  position: absolute;
  z-index: 10;
  top: 42%;
  left: -8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.topoBotao .logout svg {
  width: 100%;
  height: auto;
  display: block;
}
.topoBotao:hover .logout svg {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.topoBotao:hover .logout svg * {
  fill: #ffffff;
}
.topoBotao .infoQuantidade {
  display: block;
  background-color: #333333;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 18px;
  line-height: 18px;
  position: absolute;
  z-index: 10;
  top: 42%;
  left: -8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.cor {
  width: 100%;
  float: left;
}
.cor li {
  float: left;
  font-size: 14px;
  border: 1px solid transparent;
  line-height: 16px;
  margin-right: 3px;
  width: 50px;
  position: relative;
}
.cor li img {
  width: 100%;
  height: auto;
}
.cor li:last-child {
  margin-right: 0;
}
.cor li:hover:not(.indisponivel),
.cor li.ativo {
  border: 1px solid #2c1668;
  cursor: pointer;
}
.cor li.indisponivel {
  opacity: 1;
}
.cor li .loading {
  padding: 25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.cor li .loading svg {
  padding: 25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.tampao {
  position: fixed;
  z-index: 9000;
  background-color: rgba(255, 234, 217, 0.9);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity ease-in-out 250ms;
  -webkit-transition: opacity ease-in-out 250ms;
  -moz-transition: opacity ease-in-out 250ms;
  -ms-transition: opacity ease-in-out 250ms;
  -o-transition: opacity ease-in-out 250ms;
}
.tampao.ativo {
  opacity: 1;
  pointer-events: all;
}
.tampaoFechar {
  position: absolute;
  top: 0;
  font-size: 40px;
  color: #ffffff;
  line-height: 90px;
  display: none;
  pointer-events: none;
  cursor: pointer;
}
.modalAtivo .tampaoFechar {
  display: block;
}
.menuPrincipal .tampaoFechar {
  left: 100%;
  margin-left: 20px;
}
.carrinho .tampaoFechar {
  right: 100%;
  margin-right: 20px;
}
.infoBotao {
  background-color: #d2e9e1;
}
.infoBotao:hover {
  background-color: #d2e9e1;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.menuPrincipal {
  float: left;
  margin: 0 0 0 30px;
}
.menuPrincipal.direita {
  float: right;
  margin: 0;
}
.menuPrincipal.direita > .menuLista > .menuListaItem:last-child {
  margin-right: 10px;
}
.menuPrincipal > .menuLista {
  float: left;
}
.menuPrincipal > .menuLista > .menuTitulo {
  display: none;
}
.menuPrincipal > .menuLista > .menuListaItem {
  float: left;
  margin-right: 30px;
}
.menuPrincipal:not(.direita)
  > .menuLista
  > .menuListaItem:nth-last-child(-n + 2) {
  display: none;
}
.menuPrincipal > .menuLista > .menuListaItem > .menuSubmenu {
  background-color: transparent;
  line-height: 90px;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
}
.menuPrincipal > .menuLista > .menuListaItem:hover > .menuLink {
  color: #e8b0b4;
}
.menuPrincipal > .menuLista > .menuListaItem:hover > .menuLista {
  display: block;
}
.menuPrincipal > .menuLista > .menuListaItem > .menuLista {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  padding: 30px;
  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
  width: 950px;
  padding: 30px;
  background-color: #ffffff;
  min-width: 380px;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-fill: auto;
  column-fill: auto;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.menuPrincipal > .menuLista > .menuListaItem > .menuLista .menuTitulo {
  display: none;
}
.menuPrincipal > .menuLista > .menuListaItem > .menuLista > .menuListaItem {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 20px;
}
.menuPrincipal
  > .menuLista
  > .menuListaItem
  > .menuLista
  > .menuListaItem
  > .menuLink {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
}
.menuPrincipal
  > .menuLista
  > .menuListaItem
  > .menuLista
  > .menuListaItem
  .menuListaItem
  .menuLink {
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
}
.menuPrincipal
  > .menuLista
  > .menuListaItem
  > .menuLista
  > .menuListaItem
  a:hover {
  color: #e8b0b4;
}
.busca {
  position: fixed;
  z-index: 9999;
  width: 50%;
  top: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%) translateY(-35%);
  -webkit-transform: translateX(-50%) translateY(-35%);
  -moz-transform: translateX(-50%) translateY(-35%);
  -ms-transform: translateX(-50%) translateY(-35%);
  -o-transform: translateX(-50%) translateY(-35%);
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
}
.busca.ativo {
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  pointer-events: all;
}
.busca .formCombo {
  width: 100%;
  margin: 0;
}
.busca .formInput {
  width: 100%;
  height: 80px;
  line-height: 80px;
  margin: 0;
  padding-right: 80px;
  border: 0;
  font-size: 30px;
  padding-left: 20px;
}
.busca .formBotao {
  background-color: transparent;
  width: 80px;
  height: 80px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
}
.busca svg {
  width: 40px;
  height: 80px;
}
.busca .formBotao:hover svg * {
  fill: #e8b0b4;
}
.login {
  position: fixed;
  z-index: 9999;
  width: 400px;
  top: 50%;
  left: 50%;
  opacity: 0;
  background-color: #ffffff;
  padding: 40px;
  pointer-events: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%) translateY(-35%);
  -webkit-transform: translateX(-50%) translateY(-35%);
  -moz-transform: translateX(-50%) translateY(-35%);
  -ms-transform: translateX(-50%) translateY(-35%);
  -o-transform: translateX(-50%) translateY(-35%);
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
}
.login.ativo {
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  pointer-events: all;
}
.login .formBotao {
  background-color: #2c1668;
  color: #ffffff;
  margin: 0 0 20px;
  line-height: 50px;
  height: 50px;
  font-size: 20px;
  letter-spacing: 4px;
}
.loginLista {
  width: 100%;
  float: left;
}
.loginItem {
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.loginItem a {
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #808080;
  line-height: 40px;
  padding: 10px 0;
}
.loginItem a:hover {
  font-weight: 700;
}
.carrinho {
  position: fixed;
  z-index: 9999;
  width: 260px;
  right: -260px;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-color: #ffffff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
}
.carrinho::-webkit-scrollbar {
  -webkit-appearance: none;
}
.carrinho::-webkit-scrollbar:vertical {
  width: 0;
}
.carrinho::-webkit-scrollbar:horizontal {
  height: 0;
}
.carrinho.ativo {
  transform: translateX(-260px);
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  opacity: 1;
}
.carrinhoPreviewVazio {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 40px 0;
}
.carrinhoPreviewTitulo {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  padding: 30px 15px;
  width: 100%;
  float: left;
  z-index: 10;
  color: #000000;
  background-color: #ffffff;
}
.carrinhoPreviewLista {
  width: 107%;
  float: left;
  padding: 20px;
  background-color: #f9f9f9;
  position: absolute;
  top: 90px;
  bottom: 162px;
  z-index: 9;
  max-height: 100%;
  overflow-y: scroll;
}
.carrinhoPreviewListaAux {
  width: 100%;
  float: left;
}
.carrinhoPreviewItem {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  position: relative;
}
.carrinhoPreviewItem:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.carrinhoPreviewItem .infoImagem {
  width: 60px;
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #cccccc;
}
.carrinhoPreviewItem .infoProduto {
  float: none;
}
.carrinhoPreviewItem .infoMarca {
  display: none;
}
.carrinhoPreviewItem .infoDe {
  display: none;
}
.carrinhoPreviewItem .infoCondicao {
  display: none;
}
.carrinhoPreviewItem .infoQuantidade {
  display: block;
  background-color: #333333;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 18px;
  line-height: 18px;
  position: absolute;
  z-index: 10;
  top: 42%;
  left: -8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.carrinhoPreviewTotal {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  font-weight: 700;
}
.carrinhoPreviewTotal strong:last-child {
  float: right;
}
.carrinhoPreviewTotal span {
  font-weight: 400;
  font-size: 14px;
}
.carrinhoPreviewBotao {
  width: 100%;
  padding: 15px;
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
}
.carrinhoPreviewBotao .formBotao {
  margin: 0;
  float: left;
}
.carrinhoPreviewLink {
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 14px;
  float: left;
}
.carrinhoPreviewLink:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .busca {
    width: 90%;
  }
  .busca .formInput {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    padding-right: 30px;
  }
  .busca .formBotao {
    width: 50px;
    height: 50px;
  }
  .busca svg {
    width: 20px;
    height: 50px;
  }
  .topoEsq {
    display: block;
    margin-left: 30px;
  }
  .topoCentro {
    position: relative;
    float: left;
    width: 120px;
    margin-top: 19px;
    top: auto;
  }
  .menuPrincipal {
    position: fixed;
    z-index: 9999;
    width: 260px;
    left: -260px;
    top: 0;
    bottom: 0;
    opacity: 0;
    direction: rtl;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
  }
  .menuPrincipal::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .menuPrincipal::-webkit-scrollbar:vertical {
    width: 0;
  }
  .menuPrincipal::-webkit-scrollbar:horizontal {
    height: 0;
  }
  .menuPrincipal.ativo {
    transform: translateX(260px);
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    opacity: 1;
  }
  .menuPrincipal * {
    width: 100%;
    text-align: left;
  }
  .menuPrincipal.direita {
    display: none;
  }
  .menuTitulo {
    padding: 30px 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    background-color: #ffffff;
  }
  .menuLista {
    width: 100%;
    display: block;
    min-height: 100%;
    background-color: #f9f9f9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .menuLista2,
  .menuLista3 {
    right: 100%;
    transition: transform ease-in-out 200ms;
  }
  .menuListaItem {
    width: 100%;
    display: block;
    border-bottom: 1px solid #eeeeee;
  }
  .menuVoltar {
    padding: 10px 15px;
    background-color: #808080;
    color: #ffffff;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
  }
  .menuVoltar:hover {
    background-color: #606060;
  }
  .menuLink {
    position: relative;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 30px;
    color: #606060;
  }
  .menuLink:hover {
    background-color: #e8b0b4;
    color: #ffffff;
  }
  .menuVoltar {
    display: none;
  }
  #topo.conteudo {
    width: 90%;
  }
  .menuPrincipal:not(.direita) {
    margin: 0;
  }
  .menuPrincipal:not(.direita) > .menuLista {
    overflow-y: auto;
    height: 100%;
  }
  .menuPrincipal:not(.direita) > .menuLista > .menuListaItem {
    margin-right: 0;
  }
  .menuPrincipal:not(.direita) > .menuLista > .menuListaItem > * {
    line-height: 50px;
  }
  .menuPrincipal:not(.direita)
    > .menuLista
    > .menuListaItem:nth-last-child(-n + 2) {
    display: block;
  }
  .menuPrincipal:not(.direita)
    > .menuLista
    > .menuListaItem:hover
    > .menuLista2 {
    display: block;
    width: 100%;
    min-width: 100%;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-fill: auto;
    column-fill: auto;
  }
  .menuPrincipal:not(.direita)
    > .menuLista
    > .menuListaItem:hover
    > .menuLista2
    > .menuListaItem {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .menuPrincipal:not(.direita)
    > .menuLista
    > .menuListaItem:hover
    > .menuLista2
    > .menuListaItem
    > .menuLink {
    margin-bottom: 0;
  }
  .menuPrincipal:not(.direita)
    > .menuLista
    > .menuListaItem:hover
    > .menuLista2
    > .menuListaItem
    > .menuLink:hover {
    background-color: #e8b0b4;
    color: #ffffff;
  }
}
@media screen and (max-width: 520px) {
  .topoEsq {
    margin: 20px 15px 20px;
  }
  .topoDir {
    margin: 20px 15px 20px 0;
  }
  .topoDir > *:first-child {
    margin-left: 0;
  }
  .topoCentro {
    width: 100px;
    margin-top: 13px;
  }
  .login {
    width: 90%;
  }
} /* ----- RODAPE ----- */
.whatsappIcone {
  height: 80px;
  position: fixed;
  bottom: 25px;
  left: 25px;
  z-index: 100;
}
.rodapeCima {
  background-color: #e9e7f1;
  padding: 40px 0;
}
.rodapeCima .linhaDivisoria {
  padding-top: 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #2c1668;
}
.rodapeCol {
  float: left;
  margin-right: 55px;
}
.rodapeCol:last-child {
  float: right;
  margin-right: 0;
}
.rodapeCol strong {
  display: inline;
  float: none;
  width: auto;
}
.rodapeItem {
  margin-bottom: 40px;
}
.rodapeItem:last-child {
  margin-bottom: 0;
}
.rodapeTitulo {
  font-weight: 300;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
}
.rodapeSubtitulo {
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  margin-bottom: 10px;
  margin-top: 20px;
}
.rodapeSubtitulo:first-child {
  margin-top: 0;
}
.rodapeMenu {
  margin-bottom: 20px;
}
.rodapeMenu:last-child {
  margin-bottom: 0;
}
.rodapeMenuItem {
  margin-bottom: 10px;
  color: #606060;
  font-size: 14px;
}
.rodapeMenuItem:last-child {
  margin-bottom: 0;
}
.rodapeMenuItem a {
  font-weight: 300;
  line-height: 20px;
  color: #606060;
}
.rodapeMenuItem a:hover {
  color: #e8b0b4;
}
.rodapeRedes .rodapeMenuItem {
  width: auto;
  margin-right: 20px;
}
.rodapeRedes .rodapeMenuItem:last-child {
  margin-right: 0;
}
.rodapeRedes .rodapeMenuItem svg {
  width: 30px;
  height: 30px;
}
.rodapeRedes .rodapeMenuItem:hover svg * {
  fill: #e8b0b4;
}
.rodapePagamento .rodapeMenuItem {
  width: auto;
  margin-right: 10px;
}
.rodapePagamento .rodapeMenuItem:last-child {
  margin-right: 0;
}
.rodapeRedes .rodapeMenuItem {
  margin-bottom: 0;
  float: left;
}
.rodapePagamento .rodapeMenuItem {
  margin-bottom: 0;
  float: left;
}
.rodapeBaixo {
  padding: 20px 0;
}
.rodapeBaixo p {
  width: 50%;
  float: left;
  line-height: 28px;
  font-weight: 400;
  font-size: 14px;
  color: #808080;
}
.rodapeBaixo p strong {
  font-weight: 700;
  color: #606060;
}
.rodapeBaixo p:last-child {
  text-align: right;
}
.rodapeBaixo p:last-child a {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .rodapeCol {
    width: 100%;
    margin-bottom: 40px;
  }
  .rodapeCol:last-child {
    margin-bottom: 0;
  }
  .rodapeBaixo {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer .setor:first-child .conteudo {
    background-image: none;
  }
  .rodapeBaixo p {
    width: 100%;
    text-align: center;
  }
  .rodapeBaixo p:last-child {
    text-align: center;
    margin-top: 15px;
  }
}
@media screen and (max-width: 600px) {
  .whatsappIcone {
    display: none;
  }
} /* ----- HOME - BANNER ----- */
.banner {
  margin-top: -100px;
  background-color: #e9e7f1;
  padding-top: 70px;
  position: relative;
}
.banner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  visibility: initial;
  z-index: 100;
}
.bannerImagem {
  width: 100%;
  height: auto;
}
#banner {
  z-index: 200;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
.banner .carrosselItem {
  position: relative;
  overflow: hidden;
}
.banner .owl-theme .owl-controls {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
}
.banner .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  width: 15px;
  height: 15px;
  border: 2px solid #000000;
  background-color: #000000;
  transition: 1000ms linear ease-in-out;
  -webkit-transition: 1000ms linear ease-in-out;
  -moz-transition: 1000ms linear ease-in-out;
  -ms-transition: 1000ms linear ease-in-out;
  -o-transition: 1000ms linear ease-in-out;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  border-width: 5px;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  .banner {
    margin-top: 100px;
    width: 130%;
    margin-left: -15%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 520px) {
  .banner {
    margin-top: 75px;
  }
} /* ----- HOME - BANNERS DESTAQUE ----- */
.bannerSecundarioItem {
  width: 33.33333%;
  float: left;
}
.bannerSecundarioItem img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1200px) {
  /*.bannerSecundario { width: 510px; margin: 0 auto; float: none; }*/
  .bannerSecundarioItem {
    width: 100%;
    margin: 15px 0;
    float: left;
  }
}
@media screen and (max-width: 700px) {
  /*.bannerSecundario { width: 90%; }*/
} /* ----- HOME - DIFERENCIAIS ----- */
.diferenciaisLista img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .diferenciaisLista .formCol3 {
    width: 50%;
  }
  .diferenciaisLista .formCol3:nth-last-child(1),
  .diferenciaisLista .formCol3:nth-last-child(2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .diferenciaisLista .formCol3 {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  .diferenciaisLista .formCol3:nth-last-child(3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 350px) {
  .diferenciaisLista .formCol3 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
} /* ----- HOME - CARROSSEL ----- */
.carrosselProduto .carrosselItem {
  width: 210px;
  margin-right: 30px;
  float: left;
}
.carrosselProduto .carrosselItem:last-of-type {
  margin-right: 0;
}
.produtoItem {
  position: relative;
}
.produtoItem:after {
  content: "Clique para ver opções de cores e tamanhos";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #e8b0b4;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 8px;
  opacity: 0;
  z-index: 100;
  text-align: center;
}
.produtoItem:hover:after {
  opacity: 1;
}
.produtoItem:hover .infoImagem {
  border: 1px solid #e8b0b4;
}
.infoImagem {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  float: left;
}
.infoImagem.outraCor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
}
.infoProduto {
  width: 100%;
  display: block;
  color: #00132c;
  z-index: 2;
  float: left;
}
.infoProduto > * {
  color: #808080;
  font-weight: 300;
}
.infoMarca {
  font-weight: 300;
  font-size: 9px;
  color: #808080;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.infoNome {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: none;
  text-transform: capitalize;
  min-height: 53px;
  overflow: hidden;
}
.infoDe {
  font-size: 9px;
  margin-top: 10px;
  margin-right: 12px;
  text-decoration: line-through;
}
.infoPor {
  width: 100%;
  display: block;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 700;
  color: #000000;
}
.infoPor span {
  font-weight: 300;
}
.infoCondicao {
  font-size: 12px;
  margin-top: 10px;
}
.infoParcelas {
  text-decoration: underline;
  font-weight: 700;
}
.infoParcelas:hover {
  color: #e8b0b4;
}
.infoQuantidade {
  display: none;
}
.infoBotao {
  background-color: #d2e9e1;
}
.infoBotao.botaoIndisponivel:hover {
  background-color: #ffa50a;
}
.infoBotao.botaoIndisponivel {
  background-color: #ffa50a;
}
.infoBotao:hover {
  background-color: #d2e9e1;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.infoBotao svg {
  display: inline-block;
  margin-right: 5px;
}
.infoBotao span {
  display: inline-block;
  line-height: 50px;
  height: 50px;
  vertical-align: top;
  color: #000000;
  font-size: 14px;
}
.esgotado .infoCondicao {
  font-size: 14px;
  color: #ffffff;
  background-color: #000000;
  padding: 0 10px;
  line-height: 30px;
  z-index: 10;
}
.esgotado .infoCondicao {
  font-size: 14px;
  color: #ffffff;
  background-color: #000000;
  padding: 0 10px;
  line-height: 30px;
  z-index: 10;
}
.carrosselProduto.owl-loaded .carrosselItem {
  width: 100%;
}
@media screen and (max-width: 400px) {
  .infoImagem {
    margin: 0 5% 0 0;
    width: 40%;
  }
  .infoProduto {
    width: 55%;
  }
} /* ----- HOME - BANNER DESTAQUE ----- */
.bannerDestaqueLista img {
  width: 100%;
  height: auto;
}
.bannerDestaque {
  width: 100%;
}
#modalImagem {
  width: 709px;
}
#botaoFecharImagem {
  color: red;
  top: 73px;
  right: 50px;
}
@media screen and (max-width: 1024px) {
  #modalImagem {
    width: 100%;
  }
  #botaoFecharImagem {
    top: 50px;
    right: 32px;
  }
  .bannerDestaqueLista .formCol6 {
    width: 100%;
  }
  .bannerDestaqueLista .bannerDestaque {
    width: 570px;
    margin: 15px auto;
    float: none;
  }
}
@media screen and (max-width: 700px) {
  #botaoFecharImagem {
    top: 50px;
    right: 32px;
  }
  #modalImagem {
    width: 100%;
  }
  .bannerDestaqueLista .bannerDestaque {
    width: 100%;
  }
}
.imagemCarrossel {
  width: 100%;
  height: auto;
} /* ----- HOME - NEWSLETTER ----- */
.newsletter {
  background-color: #2c1668;
  margin: 20px auto 60px;
  padding: 40px 0 0;
  overflow: visible;
}
.newsTopo {
  float: left;
  width: 100%;
  z-index: 2;
  position: relative;
}
.newsTitulo {
  font-size: 30px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}
.newsTexto {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  width: 100%;
  display: block;
}
.newsCombo {
  float: left;
  width: 50%;
  margin: 20px 25% -40px;
  z-index: 2;
  position: relative;
}
.newsCombo .formCombo {
  width: 100%;
  margin: 15px 0;
}
.newsCombo .formInput {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding-right: 120px;
  border: 1px solid #e8b0b4;
  border-right-color: transparent;
}
.newsCombo .formBotao {
  background-color: #e8b0b4;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  width: 150px;
  position: absolute;
  top: 15px;
  right: 0;
  letter-spacing: 4px;
}
@media screen and (max-width: 1024px) {
  .newsTopo {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  .newsCombo {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .newsIcone {
    left: 20%;
  }
}
@media screen and (max-width: 700px) {
  .newsTitulo {
    font-size: 30px;
  }
}
@media screen and (max-width: 450px) {
  .newsCombo {
    margin-bottom: -25px;
  }
  .newsCombo .formInput {
    border-right-color: #333333;
    padding-right: 10px;
  }
  .newsCombo .formBotao {
    position: relative;
    width: 100%;
  }
} /* ----- INTERNA - PRODUTOS ----- */
.vitrineLista {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vitrineLista .formCol3 {
  margin: 15px 0;
}
.vitrineQuantidade {
  line-height: 40px;
  margin: 10px 0 20px;
}
.vitrineMostrar {
  margin-bottom: 20px;
}
.menuLateralTitulo {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #333333;
  margin-bottom: 30px;
}
.menuLateralItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.menuLateralCategoria {
  font-size: 16px;
  color: #606060;
  margin-bottom: 10px;
  font-weight: 700;
}
.menuLateralListaItem {
  font-size: 15px;
  color: #808080;
  line-height: 30px;
}
.menuLateralListaItem:hover a {
  color: #e8b0b4;
  position: relative;
  left: 10px;
}
.menuLateralListaItem a.ativo {
  color: #e8b0b4;
  position: relative;
  left: 10px;
  font-weight: 700;
} /*  .menuLateralListaItem a.ativo:after { content: '˟'; height: 18px; font-size: 30px; color: #e8b0b4; font-weight: 700; position: absolute; top: 6px; right: 10px; }*/
.lateralEsq {
  float: right;
}
.lateralDir {
  float: right;
}
@media screen and (max-width: 1024px) {
  .vitrineLista .formCol3 {
    width: 33.33333%;
  }
  .lateralEsq {
    width: 100%;
    margin-top: 40px;
  }
  .lateralDir {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .vitrineQuantidade {
    width: 100%;
  }
  .vitrineMostrar {
    width: 100%;
  }
  .vitrineLista .formCol3 {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .vitrineLista .formCol3 {
    width: 100%;
  }
} /* ----- INTERNA - VITRINE ----- */
.internaTopo {
  background-color: #dadfe3;
} /* ----- INTERNA - DETALHE ----- */
.pagDetalhe.internaConteudo {
  padding: 0;
}
.pagDetalhe .breadcrumb {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.pagDetalhe .breadcrumb ol {
  border: 0;
}
#galeria {
  width: 100%;
  position: relative;
}
#galeria #galeriaPrincipalAuxiliar {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
#galeria #galeriaPrincipal {
  width: 100%;
  float: left;
  position: relative;
}
#galeria #galeriaPrincipal a {
  width: 100%;
  height: 100%;
  position: absolute;
}
#galeria #galeriaPrincipal > img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  vertical-align: middle;
}
#galeria #galeriaPrincipal.imgHor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#galeria #galeriaPrincipal.imgVer > img {
  width: auto;
  height: 100%;
}
#galeria #galeriaPrincipal.imgHor > img {
  height: auto;
}
#galeria #galeriaPrincipal.imgProp > img {
  width: 100%;
  height: 100%;
}
#galeria .galeriaPrincipalSeta {
  position: absolute;
  display: block;
  width: 50px;
  height: 80px;
  top: 50%;
  margin-top: -60px;
  z-index: 100;
  background-color: transparent;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}
#galeria .galeriaPrincipalSeta.setaDesativada {
  display: none;
}
#galeria .galeriaPrincipalSeta svg {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}
#galeria #galeriaPrincipalSetaAnt {
  left: 0;
}
#galeria #galeriaPrincipalAuxiliar:hover #galeriaPrincipalSetaAnt {
  left: 0;
}
#galeria #galeriaPrincipalSetaAnt span img {
  top: 0;
  left: 0;
  position: absolute;
}
#galeria #galeriaPrincipalSetaProx {
  right: 0;
}
#galeria #galeriaPrincipalAuxiliar:hover #galeriaPrincipalSetaProx {
  right: 0;
}
#galeria #galeriaPrincipalSetaProx span img {
  top: 0;
  left: -13px;
  position: absolute;
}
#galeria #galeriaThumbs {
  width: 100%;
  float: left;
  position: relative;
}
#galeria.semNav #galeriaThumbs {
  padding: 0;
}
#galeria.comNav #galeriaThumbs {
  padding: 0 40px;
}
#galeria #galeriaThumbsAuxiliar {
  width: 100%;
  display: block;
  height: 80px;
  overflow: hidden;
  float: left;
  position: relative;
}
#galeria #galeriaLista {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#galeria .galeriaItem {
  float: left;
  margin: 0 2px;
  height: 80px;
  width: auto;
  cursor: pointer;
  opacity: 0.5;
  border: 1px solid #cccccc;
}
#galeria .galeriaItem.thumbAtiva {
  opacity: 1;
  border-color: #2c1668;
}
#galeria .galeriaSeta {
  position: absolute;
  width: 38px;
  height: 80px;
  background-color: #333333;
}
#galeria .galeriaSeta:hover {
  background-color: #00bfff;
}
#galeria .galeriaSeta.setaDesativada {
  opacity: 0.4;
  cursor: not-allowed;
}
#galeria .galeriaSeta.setaDesativada:hover {
  background-color: #ff3333;
}
#galeria .galeriaSeta span {
  width: 13px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#galeria #galeriaSetaAnt {
  left: 0;
}
#galeria #galeriaSetaAnt span img {
  top: 0;
  left: 0;
  position: absolute;
}
#galeria #galeriaSetaProx {
  left: 0;
}
#galeria #galeriaSetaProx span img {
  top: 0;
  left: -13px;
  position: absolute;
}
#galeria .galeriaLegenda {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
#galeria .galeriaLegendaTitulo {
  color: #eeeeee;
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  display: block;
}
#galeria .galeriaLegendaTexto {
  color: #eeeeee;
  font-size: 14px;
  font-family: arial, sans-serif;
  display: block;
}
#galeria.vertical #galeriaPrincipalAuxiliar {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: 100px;
  width: auto;
}
#galeria.vertical #galeriaThumbs {
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  float: none;
}
#galeria.vertical.comNav #galeriaThumbs {
  padding: 40px 0;
}
#galeria.vertical #galeriaThumbsAuxiliar {
  width: 80px;
  height: 100%;
}
#galeria.vertical #galeriaLista {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
}
#galeria.vertical .galeriaItem {
  margin: 0 0 20px;
  width: 80px;
  height: auto;
}
#galeria.vertical .galeriaSeta {
  width: 80px;
  height: 38px;
}
#galeria.vertical .galeriaSeta svg {
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#galeria.vertical #galeriaSetaAnt {
  top: 0;
}
#galeria.vertical #galeriaSetaProx {
  bottom: 0;
}
.pagDetalhe .produto .infoProduto:first-child {
  margin-top: 40px;
  border: 0;
}
.pagDetalhe .produto .infoProduto {
  margin-bottom: 12px;
}
.pagDetalhe .produto .infoMarca {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  margin-bottom: 0;
}
.pagDetalhe .produto .infoNome {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  color: #000000;
  max-height: none;
}
.pagDetalhe .produto .infoDe {
  font-size: 16px;
  width: 100%;
  font-weight: 400;
}
.pagDetalhe .produto .infoDe:before {
  content: "De";
  display: inline-block;
  margin-right: 8px;
}
.pagDetalhe .produto .infoPor {
  font-size: 24px;
  font-weight: 700;
}
.pagDetalhe .produto .infoCondicao {
  font-size: 12px;
}
.pagDetalhe .produto .produtoSelect {
  border: 0;
  border-bottom: 1px solid #000000;
}
.pagDetalhe .tamanho {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.pagDetalhe .tamanho li {
  float: left;
  font-size: 14px;
  color: #000000;
  border: 1px solid transparent;
  line-height: 16px;
  margin-right: 10px;
  padding: 10px;
  position: relative;
}
.pagDetalhe .tamanho li:last-child {
  margin-right: 0;
}
.pagDetalhe .tamanho li:hover:not(.indisponivel),
.pagDetalhe .tamanho li.ativo {
  border: 1px solid #2c1668;
  cursor: pointer;
}
.pagDetalhe .tamanho li.indisponivel {
  color: #cccccc;
}
.pagDetalhe .tamanho li.indisponivel:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  position: absolute;
  top: 49%;
  left: 0;
  transform: rotate(30deg);
}
.pagDetalhe .cor {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.pagDetalhe .cor li {
  float: left;
  font-size: 14px;
  border: 1px solid transparent;
  line-height: 16px;
  margin-right: 10px;
  width: 50px;
  position: relative;
}
.pagDetalhe .cor li img {
  width: 100%;
  height: auto;
}
.pagDetalhe .cor li:last-child {
  margin-right: 0;
}
.pagDetalhe .cor li:hover:not(.indisponivel),
.pagDetalhe .cor li.ativo {
  border: 1px solid #2c1668;
  cursor: pointer;
}
.pagDetalhe .cor li.indisponivel {
  opacity: 0.4;
}
.pagDetalhe .tamanho li .loading,
.pagDetalhe .cor li .loading {
  padding: 25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.pagDetalhe .tamanho li .loading svg,
.pagDetalhe .cor li .loading svg {
  padding: 25%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pagDetalhe .produto .infoIndique {
  background-color: transparent;
  float: left;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  width: auto;
  font-weight: 700;
  font-size: 14px;
  border-left: 1px solid #606060;
  padding-left: 15px;
  color: #606060;
}
.pagDetalhe .produto .infoIndique:hover {
  color: #000000;
  border-left: 1px solid #000000;
}
.pagDetalhe .produto .formCombo {
  width: 100%;
}
.pagDetalhe .produto .formCombo .formInput {
  margin: 10px 0;
  width: 65%;
  border: 1px solid #606060;
}
.pagDetalhe .produto .formCombo .formBotao {
  margin: 10px 0;
  background-color: #606060;
  width: 35%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 2px;
}
.pagDetalhe .produto .formCombo .formBotao:hover {
  background-color: #000000;
}
.pagDetalhe .produto .formBotao.sucesso,
.pagDetalhe .produto .formBotao.erro {
  width: 100%;
  opacity: 0.8;
  background-color: #58c22e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 4px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
}
.pagDetalhe .produto .formBotao.sucesso:hover,
.pagDetalhe .produto .formBotao.erro:hover {
  opacity: 1;
}
.pagDetalhe .produto .formBotao.sucesso svg {
  display: inline-block;
  vertical-align: top;
  margin-top: 13px;
  margin-bottom: 13px;
  margin-right: 15px;
  height: 24px;
}
.pagDetalhe .produto .formBotao.sucesso span {
  display: inline-block;
  vertical-align: top;
}
.detalhesProduto .tabela {
  border: 0;
}
.detalhesProduto .tabela tr td:last-child {
  text-align: left;
}
.avaliacoes .avaliacaoForm {
  width: 700px;
  margin: 0 auto;
}
.avaliacaoEstrelas {
  display: table;
  margin: 0 auto 20px;
}
.avaliacaoEstrelasItem {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.avaliacaoEstrelasItem svg {
  width: 100%;
  height: 100%;
}
.avaliacaoEstrelasItem svg * {
  fill: #000000;
}
.avaliacaoEstrelas .avaliacaoEstrelasItem svg:last-child {
  display: none;
}
.avaliacaoEstrelasItem.ativo svg {
  display: none;
}
.avaliacaoEstrelasItem.ativo svg:last-child {
  display: block;
}
.avaliacoes label {
  font-size: 14px;
  line-height: 16px;
}
.avaliacoes .formInput {
  background-color: #f9f9f9;
  border: 1px solid #eeeeee;
}
.avaliacoes textarea.formInput {
  min-height: 128px;
}
.avaliacaoEstrelasConcluida .avaliacaoEstrelasItem {
  width: 18px;
  height: 18px;
  margin: 0 2px 15px;
}
.avaliacaoItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.avaliacaoItem:last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.avaliacaoTexto {
  margin-bottom: 10px;
}
.avaliacaoNome {
  font-size: 16px;
  font-weight: 700;
}
.avaliacaoLocal {
  font-size: 14px;
}
.modal .tabela {
  border: 0;
  margin-bottom: 0;
}
.modal .tabela thead tr {
  border-bottom: 1px solid #cccccc;
}
.modal .tabela thead td {
  font-weight: 700;
  padding: 10px;
}
.modal .tabela tbody td {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .pagDetalhe .formCol1 {
    display: none;
  }
  .pagDetalhe .detalheGaleria {
    width: 58.33333%;
  }
}
@media screen and (max-width: 900px) {
  .pagDetalhe .formCol1 {
    display: none;
  }
  .pagDetalhe .detalheGaleria {
    width: 100%;
  }
  .pagDetalhe .produto {
    width: 100%;
  }
  .pagDetalhe .produto > * {
    width: 100%;
  }
  .avaliacoes .avaliacaoForm {
    width: 100%;
  }
} /* ----- INTERNA - LOGIN ----- */
.pagLogin .formCol6 {
  margin: 0 5%;
  width: 40%;
}
@media screen and (max-width: 900px) {
  .pagLogin .formCol6 {
    width: 70%;
    margin: 0 auto;
    float: none;
    margin-bottom: 50px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 50px;
  }
  .pagLogin .formCol6:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  .pagLogin .formCol6 {
    width: 100%;
  }
} /* ----- INTERNA - CADASTRO ----- */
.pagCadastro .conteudo {
  width: 800px;
}
.pagCadastro .cadastroTipo {
  display: none;
}
.pagCadastro .cadastroBotoes .ativo {
  background-color: #22f3e0;
}
.pagCadastro .termo {
  min-height: 200px;
  overflow: auto;
  padding: 20px;
  line-height: 22px;
}
@media screen and (max-width: 900px) {
  .pagCadastro .conteudo {
    width: 90%;
    margin: 0 auto;
  }
  .pagCadastro .conteudo .cadastroTipo > * {
    width: 100%;
  }
} /* --- CARRINHO --- */
.pagCarrinho .cabecalho {
  text-align: center;
}
.pagCarrinho .conteudo {
  width: 800px;
}
.tabelaCarrinho tbody tr td:nth-child(1) {
  width: 80px;
  border-right: 0;
}
.tabelaCarrinho tbody tr td:nth-child(2) {
  text-align: left;
  border-left: 0;
}
.tabelaCarrinho tfoot tr td {
  line-height: 40px;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.carrinhoImagem {
  width: 100%;
  height: auto;
}
.carrinhoImagem img {
  width: 100%;
  margin: 0;
}
.carrinhoNome {
  display: inline;
  font-weight: 700;
}
.carrinhoNome:hover {
  text-decoration: underline;
}
.carrinhoGrupo {
  display: table;
  margin: 0 auto;
}
.carrinhoQuantidade {
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #cccccc;
  float: left;
  text-align: center;
  margin: 0;
}
.carrinhoAcao {
  width: 30px;
  float: left;
  margin: 0 0 0 10px;
  text-align: center;
}
.carrinhoAcao svg {
  width: 20px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
.carrinhoAcao svg * {
  fill: #ffffff;
}
.carrinhoAcao:hover {
  opacity: 0.7;
}
.carrinhoAtualiza {
  background-color: #22f3e0;
}
.carrinhoRemove {
  background-color: #ff3333;
}
.carrinhoContinuar {
  background-color: #333333;
}
.carrinhoFinalizar {
  background-color: #22f3e0;
}
.carrinhoTitulo {
  margin-bottom: 20px;
  font-size: 22px;
  float: left;
  width: 100%;
  text-align: left;
  line-height: 22px;
}
.carrinhoSubtitulo {
  margin-top: 5px;
  padding: 15px 0;
  float: left;
  width: 100%;
  line-height: 18px;
  border-top: 1px solid #eeeeee;
}
.carrinhoBloco {
  padding: 30px;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
}
.carrinhoEl {
  float: left;
  margin: 5px 0;
  line-height: 16px;
}
.carrinhoEl100 {
  width: 100%;
}
.carrinhoEl50 {
  width: 50%;
}
.carrinhoEl25 {
  width: 25%;
}
.pagCarrinho .formCombo {
  margin: 0;
  width: 100%;
}
.pagCarrinho .formCombo .formInput {
  background-color: #ffffff;
  width: 65%;
  border-color: #cccccc;
  margin: 0;
}
.pagCarrinho .formCombo .formBotao {
  background-color: #333333;
  width: 35%;
  margin: 0;
  height: 40px;
  line-height: 40px;
}
.pagCarrinho .blocoFrete .carrinhoTitulo,
.pagCarrinho .blocoCupom .carrinhoTitulo {
  line-height: 50px;
  margin: 0;
}
.tabelaValoresFinais thead tr th:first-child,
.tabelaValoresFinais tfoot tr td {
  line-height: 30px;
  padding: 10px;
  text-align: right;
  border-bottom: 1px solid #cccccc;
}
.tabelaValoresFinais thead tr th:last-child,
.tabelaValoresFinais tfoot tr td:last-child {
  text-align: right;
}
.pagPagamento .tabelaFrete thead tr th:last-child,
.pagPagamento .tabelaFrete tfoot tr td:last-child {
  width: 50px;
  text-align: center;
}
.pagPagamento .tabelaFrete thead tr th:nth-last-child(2),
.pagPagamento .tabelaFrete tfoot tr td:nth-last-child(2) {
  width: 150px;
  text-align: right;
}
.carrinhoBandeira {
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #cccccc;
  text-align: center;
  padding: 20px 10px;
  cursor: pointer;
}
.carrinhoBandeira svg {
  display: block;
  margin: 10px auto;
  width: 50px;
  height: 50px;
}
.carrinhoBandeira svg * {
  fill: #606060;
}
.carrinhoBandeira:hover,
.carrinhoBandeira.ativo {
  border-color: #00bfff;
}
.carrinhoBandeira:hover svg *,
.carrinhoBandeira.ativo svg * {
  fill: #00bfff;
}
.listaBandeiras img {
  display: inline-block;
  margin: 0 5px 10px 0;
  opacity: 0.4;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.listaBandeiras img.ativo {
  opacity: 1;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0);
}
.formaPagamento .formInput {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin: 5px 0;
  line-height: 40px;
  height: 40px;
}
.carrinhoTopoRecibo {
  margin-bottom: 30px;
}
.carrinhoTopoRecibo img {
  max-height: 50px;
}
.carrinhoTopoRecibo p {
  text-align: center;
  line-height: 25px;
}
.carrinhoTopoRecibo .formBotao {
  background-color: #00bfff;
  margin: 0;
}
.carrinhoTopoRecibo .formBotao svg {
  width: 30px;
  height: 30px;
}
.carrinhoProcesso {
  background-color: #eeeeee;
  margin-bottom: 30px;
  width: 100%;
  display: table;
}
.carrinhoProcesso li {
  display: table-cell;
  text-align: center;
  line-height: 50px;
}
.carrinhoProcesso li.ativo {
  background-color: #333333;
  color: #ffffff;
  font-weight: bold;
}
.carrinhoProcesso li.erro {
  background-color: #ff3333;
  color: #ffffff;
  font-weight: bold;
}
.tabelaPedidos tr td {
  min-width: min-content;
}
.tabelaPedidos a:hover {
  text-decoration: underline;
}
.tabelaPedidos tr td:nth-child(1),
.tabelaPedidos tr td:nth-child(2) {
  width: 100px;
  min-width: 100px;
}
.tabelaPedidos tr th:nth-child(3),
.tabelaPedidos tr td:nth-child(3) {
  text-align: left;
}
.tabelaPedidos tr td:nth-child(4) {
  width: 110px;
}
.tabelaPedidos tr td:nth-child(5) {
  width: 100px;
  min-width: 100px;
}
.tabelaPedidos tr td:nth-child(5) img {
  margin: 0 auto;
}
.tabelaPedidos tr td:nth-child(6) {
  width: 100px;
  min-width: 100px;
}
.envioCodigo strong {
  font-size: 40px;
}
@media screen and (max-width: 800px) {
  .pagCarrinho .conteudo {
    width: 90%;
    margin: 0 5%;
  }
  .carrinhoEl {
    width: 100%;
  }
  .carrinhoEl strong {
    font-size: 12px;
  }
  .tabela thead {
    display: none;
  }
  #site .tabela.tabelaCarrinho {
    display: block;
  }
  #site .tabela.tabelaCarrinho tbody {
    width: 100%;
    display: block;
    float: left;
  }
  #site .tabela.tabelaCarrinho tbody tr {
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #cccccc;
  }
  #site .tabela.tabelaCarrinho tfoot tr {
    border: 0;
  }
  #site .tabela.tabelaCarrinho tfoot tr td {
    border: 0;
  }
  #site .tabela.tabelaCarrinho tfoot tr td:first-child {
    display: none;
  }
  #site .tabela.tabelaCarrinho tbody tr td {
    width: 50%;
    display: block;
    text-align: left;
    float: left;
    border: 0;
  }
  #site .tabela.tabelaCarrinho tbody tr td:first-child {
    width: 100px;
    height: 140px;
  }
  #site .tabela.tabelaCarrinho tbody tr td a {
    width: 100%;
    display: block;
  }
  #site .tabela.tabelaCarrinho tbody tr td img {
    width: 100%;
  }
  .carrinhoGrupo {
    float: left;
  }
  .pagCarrinho .formCol3,
  .pagCarrinho .formCol4 {
    width: 100%;
  }
  .pagCarrinho .formColFantasma {
    display: none;
  }
  .carrinhoTopoRecibo img {
    margin: 0 auto 20px;
  }
  .carrinhoTopoRecibo .formBotao {
    margin-top: 20px;
  }
  .carrinhoProcesso li {
    display: none;
  }
  .carrinhoProcesso li.ativo {
    display: block;
  }
  .envioCodigo strong {
    font-size: 20px;
  }
  #site .tabelaPedidos {
    width: 100%;
    display: block;
  }
  #site .tabelaPedidos tbody {
    width: 100%;
    display: block;
    float: left;
  }
  #site .tabelaPedidos tbody tr {
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #cccccc;
  }
  #site .tabelaPedidos tbody tr td {
    width: 100%;
    display: block;
    float: left;
    border: 0;
    text-align: left;
    padding: 5px 10px;
  }
  #site .tabelaPedidos tbody tr td:nth-child(1),
  #site .tabelaPedidos tbody tr td:nth-child(2) {
    width: 50%;
    float: left;
  }
  #site .tabelaPedidos tbody tr td:nth-child(2) {
    text-align: right;
  }
  #site .tabelaPedidos tbody tr td:nth-child(3) {
    font-weight: 700;
  }
  #site .tabelaPedidos tbody tr td:nth-child(4),
  #site .tabelaPedidos tbody tr td:nth-child(5) {
    width: 50%;
    float: left;
    line-height: 30px;
  }
  #site .tabela.tabelaCarrinho.tabelaFrete tfoot tr td:first-child {
    display: block;
  }
  #site .tabela.tabelaValoresFinais tfoot tr td:first-child {
    display: table-cell;
  }
  .formaPagamento .formCol4 {
    width: 100%;
  }
  .pagamento .formCol4 {
    width: 100%;
  }
} /* --- INTERNA - CLIENTE --- */
.anexarBotaoOriginal {
  display: none;
}
.tabelaUpload {
  margin: 20px 0;
}
.tabela.tabelaUpload tbody tr:hover span {
  color: red;
}
.tabela.tabelaUpload tbody tr td:nth-child(2) {
  text-align: right;
}
.tabelaUpload span {
  font-size: 30px;
}
.solicitacaoInfo {
  margin-bottom: 20px;
  font-weight: 300;
}
.solicitacaoInfo strong {
  font-weight: 800;
  font-size: 14px;
  color: #000000;
}
.mensagemLista {
  float: left;
  border: 1px solid #eeeeee;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.mensagemLista > div > div:last-child > div {
  margin-bottom: 0;
}
.mensagemRecebida {
  float: left;
}
.mensagemEnviada {
  float: right;
}
.mensagemItem {
  float: left;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.mensagemResponder textarea.formInput {
  border-width: 1px;
}
textarea.formInput {
  max-height: 100px;
  min-height: 100px;
}
.mensagemTopo {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px dotted #eeeeee;
  padding-bottom: 20px;
}
.mensagemTopo > div {
  float: left;
  width: 50%;
  line-height: 20px;
  font-weight: 700;
  font-size: 14px;
  color: #000000;
}
.mensagemTopo > div:nth-child(even) {
  text-align: right;
}
.mensagemRecebida .mensagemTopo > div {
  color: #e8b0b4;
}
.mensagemCorpo.textoCorrido {
  float: left;
  width: 100%;
  margin-bottom: 0;
  font-weight: 300;
  color: #808080;
}
.mensagemCorpo img {
  max-width: 100px;
  height: auto;
  display: inline-block;
  border: 1px solid #cccccc;
}
.listaArquivos {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.listaArquivosItem {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 13px;
  color: #808080;
}
.listaArquivosItem:last-child {
  margin-bottom: 0;
}
.listaArquivosItem svg {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
}
.listaArquivosItem:hover {
  color: #bfd72f;
  font-weight: 600;
}
.listaArquivosItem:hover path {
  fill: #bfd72f;
}
@media screen and (max-width: 800px) {
  .pagCliente .formCol3 {
    width: 100%;
  }
  .pagCliente .formCol7 {
    width: 100%;
  }
  .pagCliente .formCol9 {
    width: 100%;
  }
  .pagCliente .formColFantasma {
    display: none;
  }
  .solicitacaoInfo {
    width: 100%;
  }
  .mensagemRecebida {
    width: 100%;
  }
  .mensagemEnviada {
    width: 100%;
  }
  .mensagemTopo > div {
    width: 100%;
  }
  .mensagemTopo > div:nth-child(even) {
    text-align: left;
  }
}
.zoomContainer {
  z-index: 8000;
}
#eapps-instagram-feed-1 {
  z-index: 1;
}
.instaFeed .conteudo:before {
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background-color: #ffffff;
}
.instaFeed .eapps-instagram-feed-title {
  width: 100%;
  margin-bottom: 25px;
  float: left;
  font-weight: 300;
  font-size: 28px;
  color: #000000;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}