@charset "UTF-8";

body {
  font-family: 'Roboto', sans-serif;
  color: var(--cor-texto-padrao);
  font-size: 14px;
}

body.no-scroll {
  overflow: hidden !important;
}

a {
  color: var(--cor-secundaria);
}

a:hover {
  color: var(--cor-texto-padrao);
  text-decoration: underline;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

img[src=""],
img:not([src]) {
  background: #f2f2f2;
}

button:hover,
a:hover {
  cursor: pointer !important;
}

button:focus,
a:focus {
  outline: none !important;
  opacity: .9;
}

small {
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.btn:hover {
  opacity: 0.8;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait !important;
}

.bg-secao {
  background-color: #f7f7f7;
}

.awesome-input:focus {
  outline: none;
}

.min-w-45 {
  min-width: 45% !important;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
  position: relative;
}

.primary-text .destaque-titulo {
  font-weight: 500;
  width: 100%;
  text-align: center;
  display: block;
}

.primary-text .subtitulo {
  font-weight: 300;
  width: 100%;
  text-align: center;
  display: block;
}

.mb-18q {
  margin-bottom: 30px;
}

.opacity-0 {
  opacity: 0;
}

.pointer {
  cursor: pointer;
}

.text-black {
  color: var(--cor-texto-padrao) !important;
}

.text-padrao {
  color: #57575a;
}

.text-secundaria {
  color: var(--cor-secundaria) !important;
}

.min-h-40 {
  min-height: 40px;
}

.min-h-400 {
  min-height: 400px;
}

.font-size-13 {
  font-size: 13px;
}

/*inputs diagonais*/

.input-diagonal {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  border: 2px solid var(--cor-primaria);
  padding: 5px 10px;
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  margin: 0 auto;
  font-style: italic;
  z-index: 2;
}

.input-diagonal > * {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

.input-diagonal .input {
  border: 0;
  font-size: 1rem;
  font-weight: 300;
  color: #b2b2b2;
  text-align: center;
}

.input-diagonal .input-group-text {
  background: transparent;
  border: none;
}

/*especifico home*/

.main-banner.owl-carousel .owl-stage-outer .owl-stage {
  margin-bottom: 0 !important;
}

.main-banner.owl-theme {
  position: relative;
}

.main-banner.owl-theme .owl-dots {
  height: 60px;
  margin-top: -70px;
  position: relative;
}

.main-banner.owl-theme .owl-dots .owl-dot span,
.vitrine-fipe.owl-theme .owl-dots .owl-dot span,
.vitrine-sem-padding.owl-theme .owl-dots .owl-dot span,
.depoimentos-loja.owl-theme .owl-dots .owl-dot span,
.videos-home.owl-theme .owl-dots .owl-dot span {
  content: '';
  background: transparent !important;
  border-radius: unset;
  width: 30px;
  height: 30px;
  border: none !important;
}

.main-banner.owl-theme .owl-dots .owl-dot span:before,
.vitrine-fipe.owl-theme .owl-dots .owl-dot span:before,
.vitrine-sem-padding.owl-theme .owl-dots .owl-dot span:before,
.depoimentos-loja.owl-theme .owl-dots .owl-dot span:before,
.videos-home.owl-theme .owl-dots .owl-dot span:before {
  content: '\2606';
  font-size: 30px;
  color: #69b8ab;
}

.main-banner.owl-theme .owl-dots .owl-dot.active span:before,
.vitrine-fipe.owl-theme .owl-dots .owl-dot.active span:before,
.vitrine-sem-padding.owl-theme .owl-dots .owl-dot.active span:before,
.depoimentos-loja.owl-theme .owl-dots .owl-dot.active span:before,
.videos-home.owl-theme .owl-dots .owl-dot.active span:before {
  content: '\2605';
}

.barra-institucional img {
  -webkit-filter: invert(67%) sepia(40%) saturate(923%) hue-rotate(139deg) brightness(89%) contrast(95%);
          filter: invert(67%) sepia(40%) saturate(923%) hue-rotate(139deg) brightness(89%) contrast(95%);
}

.main-banner-card {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #000;
  font-style: italic;
}

.main-banner-card img {
  margin-right: 10px;
}

.marcas .item img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

/*fim da home*/

/*depoimentos*/

.div-avaliacoes .produto-sem-avaliacoes p {
  font-weight: 300;
  width: 100%;
  text-align: center;
  display: block;
  font-style: italic;
  color: var(--cor-primaria);
  font-size: 1.6rem;
}

.card-depoimento {
  height: 145px;
  overflow: hidden;
  color: #083c43;
  line-height: 105%;
}

.card-depoimento .icon-avaliacao img {
  width: 46px;
  height: 46px;
}

.card-depoimento .avaliacao {
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  height: 71px;
  overflow-y: auto;
}

.card-depoimento .avaliacao label {
  line-height: 105%;
}

.card-depoimento .data-avaliacao {
  font-size: 16px;
  font-weight: 100;
}

.card-depoimento .estrelas {
  color: #fc0;
  font-size: 32px;
  line-height: 110%;
}

/*fim carrossel avaliação*/

/*card produto*/

.card-produto.sem-estoque {
  opacity: 0.5;
}

.card-produto {
  background-color: white;
  padding-bottom: 5px;
  z-index: 2;
  display: block;
  min-height: 420px;
  border-radius: 10px;
  margin: 0 auto;
  border: 1px solid transparent;
}

.card-produto:hover {
  border: 1px solid var(--cor-primaria);
}

.card-produto a:hover {
  text-decoration: none !important;
}

.card-produto .img img {
  width: auto;
  margin: 0 auto;
  max-width: 220px;
  height: 220px;
}

.card-produto .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  max-width: 80%;
  margin: 5px auto;
  height: 65px;
  font-size: 16px;
  font-weight: 300;
  color: var(--cor-texto-padrao);
}

.card-produto .btn.btn-success {
  font-size: 18px;
  background-color: #69B9ab;
  padding: 8px 30px;
  font-weight: 500;
  border-radius: 30px;
}

.card-produto .valor-por {
  line-height: 20px;
  font-weight: 500;
}

.card-produto .valor-por .parcelado {
  font-size: 22px !important;
  font-weight: 800;
  display: block !important;
  padding: 0 15px 5px !important;
  color: var(--cor-primaria) !important;
}

.card-produto .valor-por .preco-por {
  font-size: 15px !important;
  display: block !important;
  padding: 0 15px 5px !important;
  color: var(--cor-primaria) !important;
}

.star-product {
  height: 23px;
}

.avaliation_star:before {
  content: "\2606";
}

.avaliation_star_filled:before {
  content: "\2605";
}

.avaliation_star,
.avaliation_star_filled {
  font-style: normal;
  color: gold;
  font-size: 30px;
}

.awesome_star {
  font-style: normal;
  color: #ffcc00;
  font-size: 20px;
}

/*FIM CARD PRODUTO*/

/*VITRINE*/

.text-vitrine-interno .secundary-text {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  background: white;
  padding: 0 15px;
}

.line-title-vitrine {
  height: 3px;
  background: var(--cor-secundaria);
  margin-top: -20px;
}

/*FIM DA VITRINE*/

/*newsletter*/

.newsletter .informacao {
  font-weight: 300;
  width: 100%;
  text-align: center;
  display: block;
  font-style: italic;
  color: var(--cor-primaria);
  font-size: 1.6rem;
}

.newsletter p {
  margin-top: 10px;
  font-style: italic;
  font-weight: 300;
  font-size: 15px;
  text-align: center;
}

/*fim newsletter*/

/*FOOTER*/

.footer-informacoes {
  background-color: #f7f7f7;
}

.menus-footer {
  color: var(--cor-texto-padrao);
  font-style: italic;
  font-weight: 300;
}

.menus-footer ul {
  margin-top: 20px;
}

.menus-footer a {
  color: var(--cor-texto-padrao);
}

.footer-barra-final {
  background-color: var(--cor-texto-padrao);
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}

/*FIM DO FOOTER*/

.carrinho-aberto {
  position: absolute;
  z-index: -1;
  background-color: white;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.carrinho-aberto .btn-primary {
  width: 100%;
}

.carrinho-aberto.show {
  display: block;
  z-index: 50;
  top: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.carrinho-aberto .content {
  height: 100%;
  width: 100%;
}

.carrinho-aberto .content .empty {
  display: block;
  text-align: center;
  margin: 0;
  margin-top: 70px;
}

.carrinho-aberto .content .filled .scroll-area {
  max-height: 585px;
  overflow-y: auto;
}

.carrinho-aberto .content .filled .product-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carrinho-aberto .content .filled .product-cart:first-child {
  margin-top: 15px;
}

.carrinho-aberto .content .filled .product-cart:last-child {
  margin-bottom: 15px;
}

.carrinho-aberto .content .filled .product-cart .picture {
  max-width: 80px;
}

.carrinho-aberto .content .filled .product-cart .picture a {
  position: relative;
  display: block;
}

.carrinho-aberto .content .filled .product-cart .picture a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(240, 240, 240, 0.9);
  opacity: 0;
  background-image: url("/images/remover.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.carrinho-aberto .content .filled .product-cart .picture a:hover:before {
  opacity: 1;
}

.carrinho-aberto .content .filled .product-cart .content {
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
}

.carrinho-aberto .content .filled .product-cart .content h3 {
  font-weight: 400;
  font-size: .875rem;
  color: #303333;
  letter-spacing: 0.5px;
  line-height: 1rem;
}

.carrinho-aberto .content .filled .product-cart .content .half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.carrinho-aberto .content .filled .product-cart .content .half p {
  font-weight: 900;
  margin: 0;
  font-size: .8125rem;
}

.carrinho-aberto .content .filled .sub-total small {
  font-weight: 700;
  font-size: .625rem;
}

.carrinho-aberto .content .filled .sub-total p {
  font-weight: 900;
  margin: 0;
  font-size: 1.09375rem;
}

.btn-primario {
  background-color: var(--cor-primaria);
  border-radius: 30px;
  font-size: 16px;
  border: none;
  font-weight: 300;
  line-height: 1rem;
  padding: 8px 25px;
  border: 0;
  color: #ffffff;
  -webkit-transition: all 0.3s linear;
}

.btn-primary {
  position: relative;
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 30px;
  padding: 7px 25px;
  border: 0;
  border-radius: 10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: #69b9ab;
  text-align: center;
  min-width: 226px;
}

.btn-primary.cta {
  font-size: 20px;
  padding: 10px 20px;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.9;
  background-color: #69b9ab;
  border: 0;
}

.btn-success {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1rem;
  padding: 11px;
  border: 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.depoimentos-loja.carousel-padrao .owl-prev,
.depoimentos-loja.carousel-padrao .owl-next {
  top: 30%;
}

.vitrine .owl-prev,
.carousel-padrao .owl-prev,
.marcas .owl-prev,
.main-banner .owl-prev {
  position: absolute;
  left: -35px;
  top: 50%;
  font-size: 40px !important;
  color: #6ec5bf !important;
}

.vitrine .owl-next,
.carousel-padrao .owl-next,
.marcas .owl-next,
.main-banner .owl-next {
  position: absolute;
  top: 50%;
  right: -35px;
  font-size: 40px !important;
  color: #6ec5bf !important;
}

.videos-home .owl-prev {
  position: absolute;
  left: -50px;
  top: 38%;
  font-size: 40px !important;
  color: #6ec5bf !important;
}

.videos-home .owl-next {
  position: absolute;
  top: 38%;
  right: -50px;
  font-size: 40px !important;
  color: #6ec5bf !important;
}

.vitrine .owl-next:hover,
.vitrine .owl-prev:hover,
.carousel-padrao .owl-next:hover,
.carousel-padrao .owl-prev:hover,
.marcas .owl-next:hover,
.marcas .owl-prev:hover,
.main-banner .owl-next:hover,
.main-banner .owl-prev:hover,
.videos-home .owl-next:hover,
.videos-home .owl-prev:hover {
  background-color: transparent !important;
  color: #000 !important;
}

.main-banner .owl-next {
  right: 4%;
}

.main-banner .owl-prev {
  left: 4%;
}

.main-banner .owl-nav i,
.vitrine-fipe .owl-nav i,
.vitrine-sem-padding .owl-nav i,
.depoimentos-loja .owl-nav i,
.videos-home .owl-nav i {
  background: transparent;
  padding: 10px;
  width: 50px;
  color: #69b8ab;
}

.resultado-busca ul {
  list-style: none;
  border-right: 1px solid #ccc;
  margin-top: 15px;
}

.resultado-busca ul li {
  line-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resultado-busca ul li a {
  color: var(--cor-texto-padrao);
}

.resultado-busca ul li:first-child {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.resultado-busca.show {
  display: block;
  opacity: 1;
  z-index: 5;
}

.resultado-busca .img {
  height: 105px;
  padding-top: 15px;
}

.resultado-busca .img img {
  max-width: 85px;
}

.resultado-busca .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  margin-top: 10px;
  font-size: 14px;
}

.resultado-busca .valor-por {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
}

.resultado-busca .sug {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
}

.resultado-busca .apartir {
  margin-top: 20px;
  font-size: 12px;
}

.resultado-busca.show .bg-white {
  -webkit-box-shadow: 0 15px 30px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 30px 10px rgba(0, 0, 0, 0.5);
}

.card-busca a {
  color: var(--cor-texto-padrao);
}

.div-cadastro a {
  color: black;
  text-decoration: underline;
  font-size: 12px;
}

.vitrine .owl-item,
.carousel-padrao .owl-item {
  padding: 5px 5px;
}

.footer-redes-sociais {
  background-color: #083c43;
  padding: 15px 0;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}

.footer-redes-sociais i {
  font-size: 40px;
}

.footer-redes-sociais a {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-redes-sociais a:hover {
  text-decoration: none;
}

.linha-title-desc-prod {
  height: 2px;
  background: black;
  z-index: -1;
}

.title-desc-prod {
  font-size: 24px;
  margin-top: -21px;
  z-index: 2;
}

.title-desc-prod span {
  background: white;
  padding-right: 15px;
}

.table-espe-tec.table td,
.table th {
  padding: .45rem;
}

.preco-de {
  display: block;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 500;
  color: var(--cor-primaria);
  height: 20px;
}

.base-info-prod {
  font-size: 14px;
}

.header-size-fixed {
  height: 73px;
}

.site-seguro img {
  max-width: 90px;
  margin-right: 20px;
}

.main-banner.owl-carousel {
  display: block !important;
}

.desc-informacao img {
  max-width: 100%;
}

.banner-vitrine {
  margin: 0 auto;
}

.redes-sociais i {
  font-size: 40px;
}

.text-vitrine-interno a {
  top: -12px;
}

.carrinho-overlay-header span {
  color: var(--cor-texto-padrao);
  padding: 10px;
  font-weight: 300;
  font-size: 20px;
  font-style: italic;
}

.carrinho-overlay-header a {
  float: right;
  font-size: 12px;
  color: #000000ad;
}

.overlay-carrinho {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(16, 21, 44, 0.93);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  overflow-y: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.overlay-carrinho.show {
  opacity: 1;
  display: block;
  pointer-events: auto;
  visibility: visible;
  z-index: 9999;
}

.overlay-carrinho .container div div .carrinho-aberto {
  position: fixed;
  z-index: -1;
  right: 0;
  min-height: 100%;
  width: 398px;
  background-color: white;
  padding: 10px;
  border: 1px solid #E9E9E9;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.overlay-carrinho .container div div .carrinho-aberto .content .filled .product-cart .content h3 a {
  font-weight: 400;
  font-size: .875rem;
  color: #303333;
  letter-spacing: 0.5px;
  line-height: 1rem;
}

.overlay-carrinho .container div div .carrinho-aberto .content .filled .sub-total {
  margin-bottom: 15px;
}

.overlay-carrinho .container div div .carrinho-aberto .content .filled .sub-total span {
  font-weight: 900;
  margin: 0;
  font-size: 1.09375rem;
}

@media (max-width: 620px) {
  .overlay-carrinho .container div div .carrinho-aberto {
    position: fixed;
    z-index: -1;
    right: 0;
    min-height: 100%;
    width: 80%;
    background-color: white;
    padding: 10px;
    border: 1px solid #E9E9E9;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }

  .overlay-carrinho .container div div .carrinho-aberto .close-button {
    left: 20px;
    top: 12px;
    border-radius: 100px !important;
    background-color: white;
    width: 39px !important;
    color: #3358dd;
  }
}

.overlay-carrinho .container div div .carrinho-aberto .close-button {
  right: 30px;
  top: 10px;
  border-radius: 50% !important;
  background-color: #fff;
  width: 30px !important;
  height: 30px;
  color: var(--cor-texto-padrao);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--cor-texto-padrao);
}

/*menu principal*/

.dropdown-toggle:after {
  border: none;
  margin-left: 0;
  display: unset;
  vertical-align: unset;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
  font-weight: 500;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
  border-radius: 0;
}

.sub-menu-maior {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
  width: 874px !important;
}

.sub-menu-all-cat .ver-todos-submenu {
  height: 40px;
}

.sub-menu-all-cat {
  font-size: 12px;
  width: 45vw;
  z-index: 999;
  position: absolute;
  height: 390px;
  padding: .5rem 15px;
  top: 0;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}

.sub-menu-all-cat li {
  list-style: none;
  padding: 8px 15px;
}

.sub-menu-all-cat .colunas-menu {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

.sub-menu-all-cat .banner-menu {
  position: absolute;
  bottom: 0;
  padding: 15px;
}

.bloco-subcategoria .sub-categoria-nome,
.ver-todos-submenu .sub-categoria-nome {
  color: var(--cor-texto-preto);
  font-weight: normal;
  font-size: 1rem;
}

.sub-menu-all-cat li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categoria-sub-menu:hover > .bloco-categoria img.arrow-menu {
  -webkit-filter: invert(75%) sepia(88%) saturate(1469%) hue-rotate(209deg) brightness(102%) contrast(105%);
  filter: invert(75%) sepia(88%) saturate(1469%) hue-rotate(209deg) brightness(102%) contrast(105%);
}

.categoria-sub-menu:hover > .bloco-categoria .icone-categoria {
  -webkit-filter: invert(70%) sepia(88%) saturate(1469%) hue-rotate(209deg) brightness(102%) contrast(105%);
  filter: invert(70%) sepia(88%) saturate(1469%) hue-rotate(209deg) brightness(102%) contrast(105%);
}

.categoria-sub-menu:hover > .sub-menu-all-cat {
  left: 100%;
  visibility: visible;
  opacity: 1;
}

.categoria-sub-menu {
  padding: 7px 15px;
  height: 40px;
}

.categorias-menu {
  height: auto;
  margin-top: 4px;
  width: 100%;
  background-color: rgba(231, 238, 243, 0.95);
  top: 53px;
}

.categoria-lista {
  list-style: none;
  height: 390px;
}

.categoria-lista .categoria-nome {
  color: var(--cor-texto-preto);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-large {
  position: static !important;
  text-align: center;
}

.menu-large .marcas-menu {
  left: 23%;
}

.sub-menu-all-cat li.card-marcas-hover:hover {
  background: none;
}

.border-shadow-down {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 141, 151, 0.7);
  box-shadow: 0px 2px 6px 0px rgba(0, 141, 151, 0.7);
}

.input-quantidade {
  text-align: center;
  border-radius: 10px !important;
  border: 1px solid #083c43;
  height: 44px;
  width: 60px !important;
  font-weight: 500;
  font-size: 20px;
}

.button-icon-menu {
  color: white !important;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  border: 1px solid white;
}

.button-icon {
  color: white !important;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  background: var(--cor-primaria);
  border-radius: 50%;
  border: 1px solid white;
}

.button-icon-menu:hover,
button-icon:hover {
  opacity: .9;
}

.menu-inclinado {
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  border-radius: 10px;
  border: 2px solid var(--cor-texto-padrao);
  position: relative;
  z-index: 2;
  padding: 5px 20px;
  color: var(--cor-texto-padrao);
  height: 32px;
}

.menu-institucional .menu-inclinado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 16px;
  height: 48px;
  padding: 0 16px;
}

.menu-institucional .menu-inclinado.menu-inclinado-sub {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0 6px;
}

.menu-inclinado a {
  color: var(--cor-texto-padrao);
  display: block;
}

.menu-inclinado:hover,
.menu-inclinado:hover > a,
.menu-inclinado.active,
.menu-inclinado.active > a {
  background-color: var(--cor-texto-padrao) !important;
  color: white;
  text-decoration: none;
}

.menu-inclinado .dropdown.show {
  background-color: var(--cor-primaria);
}

.menu-inclinado.ordenacao {
  background-color: #083c43;
}

.card-produto .favoritar-produto {
  top: 5px;
}

.btn-transparente {
  border: 1px solid #898988;
  color: #898988;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 300;
  padding: 3px 20px;
  font-style: italic;
  background: transparent;
}

.btn-primario-transparente {
  border: 1px solid var(--cor-primaria);
  color: var(--cor-primaria);
  border-radius: 30px;
  font-weight: 300;
  padding: 3px 20px;
  font-style: italic;
  background: transparent;
}

.btn-primario-transparente:hover {
  color: var(--cor-secundaria);
  border: 1px solid var(--cor-secundaria);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.btn-compartilhar {
  border: 1px solid var(--cor-primaria);
  color: var(--cor-primaria);
  border-radius: 30px;
  font-weight: 300;
  padding: 3px 20px;
  font-style: italic;
  background: transparent;
}

.btn-aviso {
  border: 1px solid #ff003c;
  color: #ff003c;
}

/***frete*/

.box-cep {
  border-radius: 10px;
  border: solid 1px var(--cor-texto-padrao);
  padding: 4px 10px;
  width: 100%;
  color: var(--cor-texto-padrao);
}

.box-cep .input {
  border: none;
  outline: none;
  background: transparent;
  color: #57575a;
  max-width: 195px;
}

.table-entrega-produto {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.table-entrega-produto th,
.table-entrega-produto td {
  vertical-align: top;
  padding: 0.5rem 0.4rem;
  word-break: normal;
  overflow-wrap: break-word;
}

.table-entrega-produto thead th {
  font-weight: 600;
  color: var(--cor-texto-padrao, #57575a);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.table-entrega-produto th:first-child,
.table-entrega-produto td:first-child {
  width: 52%;
}

.table-entrega-produto th:nth-child(2),
.table-entrega-produto td:nth-child(2) {
  width: 22%;
  white-space: nowrap;
}

.table-entrega-produto th:nth-child(3),
.table-entrega-produto td:nth-child(3) {
  width: 26%;
}

.table-entrega-produto td:nth-child(2) {
  text-align: right;
}

.table-entrega-produto .table-entrega-loading td {
  text-align: center;
  vertical-align: middle;
}

/*fim frete*/

.bg-transparencia {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.owl-theme .owl-dots .owl-dot span {
  background: transparent;
  width: 13px;
  height: 13px;
  border: 1px solid #85b7ab;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #85b7ab;
}

.owl-theme .owl-dots {
  margin-top: 10px;
}

.avaliacao-compra .text-vitrine {
  padding: 50px 0;
}

.bandeirasFooter img {
  max-width: 80px;
  max-height: 40px;
}

.box-contagem {
  color: #003D45;
  height: 105px;
  width: 90px;
  margin: auto 6px;
  text-align: center;
  border: 3px solid #a7a9ac;
  border-radius: 15px;
  background: #9ca125;
  background: -webkit-gradient(linear, left bottom, left top, from(#9ca125), color-stop(40%, #d3d933));
  background: linear-gradient(0deg, #9ca125 0%, #d3d933 40%);
  -webkit-filter: drop-shadow(-4.015px 4.459px 4px rgba(17, 76, 91, 0.2));
          filter: drop-shadow(-4.015px 4.459px 4px rgba(17, 76, 91, 0.2));
}

.texto-contagem {
  position: relative;
  bottom: 20px;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.dias,
.horas,
.minutos,
.segundos {
  position: relative;
  font-size: 63px;
  font-weight: 700;
}

.pontuacao-contagem {
  position: absolute;
  left: 85px;
  top: 0;
  font-size: 63px;
}

.busca-veiculos .input-filtro-veiculo {
  width: 100%;
  background-color: #ebebeb;
  border: 0;
  outline: none;
  padding: 0.5rem 1rem;
}

.busca-veiculos .input-veiculo {
  width: 140px;
}

.busca-veiculos .menu-inclinado.degrade {
  background-color: var(--cor-texto-padrao) !important;
  color: white;
  font-size: 18px;
  width: 100%;
  padding: 0 20px;
}

.busca-veiculos .is-invalid {
  border: solid 2px #dc3545 !important;
}

.dropdown-menu-veiculos {
  height: 260px;
  overflow: auto;
}

@media (min-width: 1440px) {
  .dropdown-menu-veiculos {
    height: 360px;
    overflow: auto;
  }
}

.barra-filtros .dropdown.show .menu-inclinado {
  background-color: var(--cor-primaria) !important;
}

.barra-filtros .dropdown:hover,
.barra-filtros .dropdown.show,
.barra-filtros .dropdown:hover > button,
.barra-filtros .dropdown.show > button {
  color: white !important;
}

.barra-filtros .btn-filtro {
  background: transparent;
  color: var(--cor-texto-padrao);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-style: italic;
  font-size: 18px;
  width: 100%;
  padding: 0 20px;
}

.barra-filtros .btn-filtro span {
  position: relative;
  -webkit-transform: skewX(10deg);
          transform: skewX(10deg);
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.barra-filtros .btn-filtro.dropdown-toggle[aria-expanded="true"] i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.barra-filtros .btn-filtro.dropdown-toggle i {
  float: right;
  padding: 5px;
}

.barra-filtros .dropdown-menu.show {
  margin-top: 60px;
  width: 100%;
  border-radius: 10px;
  background-color: var(--cor-primaria);
  margin-left: -4px;
}

.barra-filtros .dropdown .dropdown-menu .dropdown-item {
  white-space: normal;
}

.barra-filtros .dropdown-item {
  color: white;
  font-style: italic;
  padding: 0.5rem 1rem;
  font-size: 16px;
  cursor: pointer;
}

.barra-filtros .dropdown-item label {
  margin-left: 10px;
}

.barra-filtros .dropdown-item:focus,
.barra-filtros .dropdown-item:hover {
  color: white;
  background: transparent;
  text-decoration: underline;
}

.dropdown-menu-center {
  right: auto !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
  background-color: #00687e;
}

.barra-filtros .checklists {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background: transparent;
  color: black;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid white;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 5px;
}

.barra-filtros .checklists:checked {
  background: white;
}

.barra-filtros .btn-padrao {
  font-size: 16px;
  background-color: #69B9ab;
  padding: 8px 25px;
  font-weight: 500;
  border-radius: 30px;
  color: white;
}

.barra-filtros .ordenacao .dropdown .menu-inclinado {
  background-color: var(--cor-texto-padrao) !important;
  border: 2px solid var(--cor-texto-padrao) !important;
  color: white;
}

.barra-filtros .ordenacao .dropdown.show .menu-inclinado {
  background-color: var(--cor-texto-padrao) !important;
}

.barra-filtros .ordenacao .dropdown-menu.show {
  background-color: var(--cor-texto-padrao);
}

.link-localizacao:hover {
  text-decoration: none;
}

.link-localizacao small {
  font-size: 12px;
}

.modal-header.aviso {
  background-color: var(--cor-base);
  color: white;
}

.logo-campanha-promocional {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 3;
}

@media (min-width: 576px) {
  .page-institucional .content {
    padding: 30px;
  }
}

.page-institucional .content {
  position: relative;
  padding: 30px 0;
  margin-bottom: 60px;
}

.page-institucional .content p {
  font-size: .875rem;
  letter-spacing: 0.5px;
  line-height: 1.4375rem;
  margin-bottom: 30px;
}

.page-institucional .content a {
  font-size: .875rem;
  font-weight: 300;
  color: var(--cor-texto-padrao);
  letter-spacing: 0;
}

.title-1 {
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  color: #303333;
  letter-spacing: -0.5px;
  line-height: 1.875rem;
}

@media (max-width: 576px) {
  .title-1 {
    font-size: 1.3rem !important;
  }
}

.title-2 {
  font-weight: 700;
  font-size: 16px;
  color: #282835;
  line-height: 34px;
  margin-bottom: 15px;
}

button.loading-padrao.loading:before {
  cursor: wait !important;
  pointer-events: none;
  background-size: 27px;
  background-image: url("/images/loading_tools.gif");
}

.instrucoes-devolucao .texto-institucional {
  border-bottom: 5px solid var(--cor-texto-padrao);
}

@media screen and (min-width: 768px) {
  .primary-text {
    color: var(--cor-primaria);
    font-size: 2.6rem;
    font-style: italic;
    line-height: 95%;
  }

  .secundary-text {
    font-size: 2rem;
    font-style: italic;
    line-height: 95%;
    font-weight: 500;
    color: var(--cor-texto-padrao);
  }

  .secundary-text .subtitulo {
    font-weight: 300;
    width: 100%;
    text-align: center;
    display: block;
  }

  .link-localizacao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }

  .link-localizacao span {
    display: inline-block;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 140px;
    margin: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .barra-institucional {
    padding: 30px;
  }

  .separador-conteudo {
    width: 1px;
    height: 40px;
    background-color: #57575a;
  }

  .barra-filtros .btn-filtro.dropdown-toggle i {
    color: var(--cor-texto-padrao);
  }

  .barra-filtros .dropdown:hover > button {
    background-color: var(--cor-primaria) !important;
  }

  .img-desconto-card {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 50px !important;
  }

  .span-desconto-card {
    z-index: 2;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    color: #ffffff;
    letter-spacing: -3px;
    position: absolute;
    text-align: center;
    left: 20px;
  }

  .small-desconto-card {
    z-index: 2;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-top: 25px;
    position: absolute;
    font-size: 1.1rem;
    font-weight: 800;
    left: 19px;
  }

  .avaliacoes-home .border-card {
    border-left: 1px solid var(--cor-primaria);
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }

  small {
    font-size: 12px;
  }

  .menu-itens {
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, white), color-stop(60%, #083c43));
    background: linear-gradient(180deg, white 60%, #083c43 60%);
    color: white;
    padding: 2px 0;
    min-height: 50px;
    margin-top: 10px;
    height: 95px;
  }

  .text-item-menu:first-child {
    margin-left: -10px;
  }

  .text-item-menu,
  .text-item-menu:last-child,
  .text-item-menu:first-child {
    max-width: 25%;
    min-width: 25%;
    text-align: center;
    cursor: pointer;
    padding: 7px 3px;
    height: 100%;
    line-height: 115%;
  }

  .menu-itens .menu-large .icone img {
    width: 60px;
    height: 60px;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 5px;
    border-radius: unset;
    line-height: 120%;
    -webkit-transform: none;
            transform: none;
  }

  .navbar-light .navbar-nav .nav-link span {
    font-size: 0.8rem;
  }

  .mobile-overlay .top {
    padding: 15px;
    background-color: var(--cor-texto-padrao);
    color: white;
    font-style: italic;
    font-weight: 500;
  }

  .mobile-overlay .top a {
    color: white;
  }

  .menu-mobile-conteudo {
    padding: 0;
    margin: 0;
    top: 0;
    width: 90%;
    height: 100%;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.95);
  }

  .menu-mobile-conteudo .menu-informacoes-destaque {
    font-size: 16px;
  }

  .acoes-mobile-menu {
    font-size: 12px;
    width: 80%;
  }

  .awesome-search {
    width: 100%;
  }

  .awesome-search .awesome-input {
    font-size: 15px;
  }

  .awesome-search .button-icon {
    width: 20px;
    height: 25px;
  }

  .card-produto {
    padding: 0 4px;
    min-height: 380px;
  }

  .card-produto .title {
    max-width: 95%;
    font-size: 14px;
    line-height: 16px;
  }

  .favoritar-produto {
    right: 5px;
    top: 5px;
  }

  .favoritar-produto:before {
    font-size: 17px;
  }

  .btn-primary {
    font-size: 1.85rem;
    padding: 7px 15px;
  }

  .owl-stage {
    padding: 0 !important;
  }

  .title-desc-prod {
    font-size: 16px;
  }

  .text-vitrine-interno {
    margin-top: 15px;
  }

  .newsletter .informacao {
    font-size: 12pt;
    font-weight: 500;
  }

  .newsletter p {
    font-size: 11px;
  }

  .main-banner .owl-prev,
  .main-banner .owl-next {
    font-size: 20px !important;
  }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
  }

  .main-banner.owl-theme .owl-dots {
    height: 30px;
    margin-top: 0;
    position: absolute;
    width: 100%;
    top: 0;
  }

  .search-mobile-overlay.itens a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    padding: 9px;
    border-bottom: var(--cor-primaria) 1px solid;
  }

  .search-mobile-overlay.itens div {
    padding-top: 8px;
    padding-left: 9px;
  }

  .barra-institucional {
    padding: 0 6px;
  }

  .hr-barra-separacao {
    margin: 0;
    border-top: 0.1rem solid white;
    width: 100%;
  }

  .main-banner-card {
    font-size: 11px;
    padding: 5px 0;
    height: auto;
  }

  .main-banner-card span:last-child {
    font-size: 11px;
  }

  .text-vitrine-interno span:last-child {
    font-size: 20px;
  }

  .card-produto a:first-child {
    width: 100%;
  }

  .card-produto .btn.btn-primary {
    display: none !important;
  }

  .card-produto img {
    padding: 0;
  }

  .card-produto .img img {
    width: 100%;
    height: 100%;
  }

  .vitrine-padrao {
    padding: 30px 0;
  }

  .vitrine-padrao.newsletter {
    height: 406px;
  }

  .single-product .top .galeria .owl-carousel {
    height: auto !important;
  }

  .single-product .breadcrumbs {
    padding-top: 10px;
  }

  .single-product .top h1.title-product {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 110%;
    text-align: center;
    margin-top: 25px;
  }

  .single-product .top .content {
    border: none;
    padding: 0;
  }

  .single-product .top .content .comprar-flutuante .valores-produto .preco-por {
    font-size: 25px;
    line-height: 110%;
  }

  .single-product .top .content .preco-parcelado {
    font-size: 20px;
    line-height: 110%;
  }

  .breadcrumbs {
    padding-top: 5px;
    margin-top: 0;
    padding-bottom: 0;
  }

  .busca-veiculos .veiculos {
    background-position: 15px 17px;
    height: 80px;
    width: 80px;
    background-size: 45px;
    margin: 0 2px;
  }

  .busca-veiculos .veiculos div {
    font-size: 10px;
    bottom: 3px;
  }

  .busca-veiculos .veiculos:hover,
  .busca-veiculos .veiculos.selecionado {
    background-position: 16px -27px;
  }

  .busca-veiculos .primeiro,
  .busca-veiculos .segundo {
    font-size: 23px;
    padding: 0 8px;
  }

  #busca-medidas label {
    margin-bottom: 0 !important;
  }

  #busca-medidas .form-group {
    margin-bottom: 0.5rem;
  }

  #busca-medidas .duvida-medidas {
    font-size: 14px;
  }

  .footer-barra-final {
    font-size: 11px;
    line-height: 14px;
  }

  .categoria-produtos .title h1 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
  }

  .categoria-produtos {
    display: none;
  }

  .carrinho .middle .table-cart tbody tr td.name a {
    font-size: 14px;
  }

  .meus-pedidos .account-content .table-orders .orders .order .content.open {
    padding: 15px 20px !important;
  }

  .nav-item {
    font-size: 12px;
  }

  .widget-whatsapp {
    background-color: #00b100;
    color: white;
    font-size: 15px;
    padding: 15px 0;
    font-style: italic;
  }

  .widget-whatsapp a {
    color: white;
  }

  .widget-whatsapp i {
    font-size: 18px;
    margin-left: 5px;
  }

  .span-busca {
    left: 23px;
    top: 11px;
  }

  .primary-text {
    color: var(--cor-primaria);
    font-size: 2rem;
    font-style: italic;
    line-height: 95%;
  }

  .secundary-text {
    color: var(--cor-primaria);
    font-size: 20pt;
    font-style: italic;
    line-height: 95%;
    font-weight: 500;
    color: var(--cor-texto-padrao);
  }

  .secundary-text .subtitulo {
    font-weight: 300;
    width: 100%;
    text-align: center;
    display: block;
  }

  .carrinho-aberto .content .filled .scroll-area {
    max-height: 246px;
    overflow-y: auto;
  }

  .footer-redes-sociais a {
    padding: 25px 15px;
  }

  .footer-redes-sociais i {
    font-size: 30px;
  }

  .menus-footer {
    overflow: hidden;
  }

  .menus-footer ul li {
    padding: 10px 0;
  }

  .hr-footer {
    background-color: var(--cor-texto-padrao);
    height: 3px;
    display: block;
    width: 115%;
    margin: 30px -15px;
    position: relative;
  }

  .bandeirasFooter img {
    max-width: 75px;
  }

  .mobile-overlay .second-menu {
    color: var(--cor-texto-padrao);
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    background-color: white;
  }

  .mobile-overlay .second-menu li,
  .mobile-overlay .second-menu > span {
    padding-left: 15px;
    padding-right: 30px;
  }

  .mobile-overlay .second-menu > ul {
    margin: 0;
    padding: 10px 0;
  }

  .mobile-overlay .second-menu > ul > li {
    display: block;
    list-style-type: none;
  }

  .mobile-overlay .second-menu.institucional i {
    font-size: 25px;
    font-style: initial;
  }

  .fas.fa-angle-down.up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .mobile-overlay .second-menu > ul > li > a {
    display: block;
    padding: 6px 8px;
    font-size: 18px;
    font-style: italic;
    padding-left: 0;
    font-weight: 400;
    color: var(--cor-primaria);
    z-index: -1;
  }

  .mobile-overlay .second-menu.institucional li a {
    color: var(--cor-texto-padrao);
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  ul.sub-menu-mobile {
    height: 0;
    overflow: hidden;
    list-style: none;
    font-size: 0.875rem;
    padding-left: 15px;
  }

  ul.sub-menu-mobile li {
    color: var(--cor-primaria);
    font-weight: 300;
    padding: 6px 0;
  }

  ul.sub-menu-mobile.show {
    height: auto;
  }

  .borda-login {
    border-right: none;
  }

  h4 {
    font-size: 1rem;
  }

  .avaliacoes-home {
    margin-top: -1rem !important;
  }

  /*listagen*/

  .categoria-produtos h1,
  .categoria-produtos h2 {
    font-size: 35px;
    margin-top: -115px;
    height: 115px;
  }

  .barra-filtros h1 {
    font-size: 28px;
    font-weight: 300;
    font-style: italic;
    color: var(--cor-texto-padrao);
  }

  .barra-filtros .menu-inclinado.d-lg-none {
    background-color: var(--cor-primaria) !important;
    color: white !important;
  }

  .mt-20 {
    margin-top: 20px;
  }

  /*fim listagens*/

  .tab-content {
    padding: 10px;
  }

  #single-product .informacoes-produto .compartilhar-produto {
    background-color: transparent;
    border: 0;
    height: 32px;
    width: 32px;
    cursor: pointer;
    position: absolute;
    right: 60px;
    top: 5px;
    z-index: 2;
  }

  .account-sidebar .minha-conta.open i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .account-sidebar .closed {
    display: none;
  }

  .account-sidebar .closed.show {
    display: block;
    webkit-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }

  .carrinho h1 {
    font-size: 35px;
  }

  .carrinho .btn-transparente {
    padding: 5px 12px;
    font-size: 16px;
  }

  .carrinho .btn-transparente i {
    font-size: 18px;
  }

  .carrinho h4 {
    font-size: 25px;
  }

  .compre-junto .btn-compre-junto {
    display: block !important;
  }

  .card-produto .valor-por .parcelado {
    font-size: 16px !important;
  }

  .barra-filtros .dropdown-menu.show {
    margin-top: 44px;
    margin-left: 0;
    background-color: rgba(231, 238, 243, 0.95);
    border-radius: 0;
  }

  .barra-filtros .dropdown.show .menu-inclinado {
    background-color: #ebebeb !important;
    color: var(--cor-texto-padrao) !important;
  }

  .barra-filtros .btn-filtro.menu-inclinado {
    color: #ffffff;
    background-color: var(--cor-texto-padrao);
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-transform: unset;
            transform: unset;
    border: 0;
    height: 35px;
  }

  .barra-filtros .btn-filtro span {
    display: inline;
    -webkit-transform: unset;
            transform: unset;
  }

  .barra-filtros .dropdown-item {
    color: var(--cor-texto-padrao);
  }

  .barra-filtros .dropdown-item {
    padding: 0.3rem 1.5rem;
  }

  .busca-veiculos .input-filtro-veiculo {
    background-color: #b1b1b1;
    background-image: url("/imagens/search-veiculo.png");
    background-size: 20px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    color: var(--cor-texto-padrao);
    font-style: italic;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
  }

  .dropdown-menu-veiculos {
    height: unset;
    overflow: unset;
  }

  .busca-veiculos .dropdown-lista {
    height: 260px;
    overflow-y: scroll;
    padding-right: 5px;
    margin-right: 10px;
  }

  .busca-veiculos .dropdown-lista::-webkit-scrollbar {
    width: 10px;
    visibility: visible;
  }

  .busca-veiculos .dropdown-lista::-webkit-scrollbar-track {
    background: transparent;
    margin: 5px 0;
  }

  .busca-veiculos .dropdown-lista::-webkit-scrollbar-thumb {
    background-color: var(--cor-texto-padrao);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }

  .busca-veiculos .input-filtro-veiculo::-webkit-input-placeholder {
    color: var(--cor-texto-padrao);
    font-style: italic;
  }

  .busca-veiculos .input-filtro-veiculo::-moz-placeholder {
    color: var(--cor-texto-padrao);
    font-style: italic;
  }

  .busca-veiculos .input-filtro-veiculo::-ms-input-placeholder {
    color: var(--cor-texto-padrao);
    font-style: italic;
  }

  .busca-veiculos .input-filtro-veiculo::placeholder {
    color: var(--cor-texto-padrao);
    font-style: italic;
  }

  .busca-veiculos #btn-voltar,
  .btn-voltar-listagem {
    color: var(--cor-texto-padrao);
    font-style: italic;
    text-decoration: underline;
  }

  .busca-veiculos .input-veiculo {
    width: 100%;
  }

  .titulo-busca {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-style: italic;
    font-size: 15px;
  }

  .titulo-busca-modelo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    display: inline-block;
  }

  .titulo-busca-ano {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70px;
    display: inline-block;
  }

  .single-product .top .galeria #custom-dots .item {
    width: 65px;
    height: 65px;
  }

  .logo-footer {
    width: 175px;
  }

  .carousel-departamentos .icone {
    height: 65px;
    text-align: center;
  }

  .carousel-departamentos .icone img {
    width: 50px;
    height: 50px;
  }

  .carousel-departamentos a {
    color: white;
    text-align: center;
    display: block;
    line-height: 110%;
  }

  .carousel-departamentos .nome-departamento {
    padding-top: 17px;
    font-style: italic;
  }

  .resultado-busca ul li {
    line-height: 30px;
  }

  .img-desconto-card {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 35px !important;
  }

  .span-desconto-card {
    z-index: 2;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -2px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 10px;
  }

  .small-desconto-card {
    z-index: 2;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-top: 15px;
    position: absolute;
    font-size: 13px;
    font-weight: 800;
    left: 11px;
  }

  .menu-blog img.logo {
    width: 95px;
    height: auto;
    margin-left: 15px;
  }

  .menu-blog input {
    padding: 0;
    margin-right: 0;
    width: 150px;
  }

  .menu-blog input::-webkit-input-placeholder {
    padding-left: 10px;
  }

  .menu-blog input::-moz-placeholder {
    padding-left: 10px;
  }

  .menu-blog input::-ms-input-placeholder {
    padding-left: 10px;
  }

  .menu-blog input::placeholder {
    padding-left: 10px;
  }

  .apresentacao {
    margin-top: -85px;
    padding: 18px 20px 0px 6px;
    background-color: #0000007d;
    z-index: 1;
    position: sticky;
    height: 85px;
  }

  .post-home .titulo {
    line-height: 35px;
  }

  .post-home .descricao {
    font-size: 14px;
  }

  .post-home .categoria {
    background: none;
    color: #60b8a9;
  }

  .post-home .acoes {
    margin: 10px 0 70px 0;
  }

  .apresentacao .principal {
    font-size: 14px;
    font-weight: bold;
    color: white;
  }

  .apresentacao .secundaria {
    font-size: 12px;
    height: 15px;
  }

  .post-home .titulo {
    font-size: 28px;
  }

  .blog-menu-mobile {
    left: -90%;
    position: fixed;
    width: 90%;
    background: black;
    opacity: 0.95;
    height: 100%;
    -webkit-transition: left 500ms;
    transition: left 500ms;
    z-index: 999;
    top: 0;
    padding: 20px;
  }

  .blog-menu-mobile.show {
    left: 0;
  }

  .blog-menu-mobile .itens-categoria a {
    display: block;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid;
    padding: 10px 0;
    font-size: 12px;
  }

  .blog-menu-mobile .itens-categoria {
    margin-top: 25px;
  }

  .blog-menu-mobile .titulo {
    color: white;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
  }

  .blog-menu-mobile .fechar {
    position: absolute;
    right: 5px;
    top: 5px;
    color: black;
    background: white;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    font-size: 15px;
  }

  .box-contagem {
    width: auto;
    height: 96px;
  }

  .pontuacao-contagem {
    left: 65px;
    font-size: 55px;
  }

  .texto-contagem {
    font-size: 12px;
  }

  .dias,
  .horas,
  .minutos,
  .segundos {
    font-size: 55px;
  }

  .btn-login-mobile {
    min-width: 80px;
  }

  .galeria .carrossel-produto img {
    width: 100%;
  }

  .loading-mobile {
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: #5f5f5f;
    opacity: 0.9;
    position: fixed;
  }

  .aba-institucionais {
    background-color: #fff;
    color: var(--cor-texto-padrao);
    margin-right: 10px;
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
    border-radius: 10px;
    border: 1px solid var(--cor-texto-padrao);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .aba-institucionais[aria-expanded="true"] {
    background-color: var(--cor-texto-padrao);
    color: #ffffff;
  }

  .aba-institucionais .aba-sub-institucionais {
    font-size: 13px;
  }

  .comprar-flutuante {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #ffffff;
    -webkit-filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));
    border-top: 0.5px solid #9d9d9d;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    line-height: 1.3;
  }

  .comprar-flutuante .btn-comprar-flutuante {
    font-size: 20px;
    min-width: 130px;
    height: 76px;
    padding: 7px;
  }

  .single-product .top .content .comprar-flutuante .valores-produto .preco-parcelado {
    font-size: 16px;
  }

  .comprar-flutuante .valores-produto .preco-por {
    line-height: 100%;
  }

  .preco-de {
    padding: 0;
  }

  .input-quantidade {
    height: 44px;
    width: 50px !important;
  }

  .single-product .button-icon {
    width: 26px;
    height: 26px;
  }

  #adopt-controller-button {
    bottom: 75px !important;
    left: 0 !important;
  }
}

.menu-pedido-cotacao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.menu-pedido-cotacao .btn {
  background-color: var(--cor-primaria);
  color: white;
  border: none;
}

.menu-pedido-cotacao a:hover {
  background-color: var(--cor-secundaria);
  opacity: .7;
  color: white;
}

.menu-pedido-cotacao button:hover {
  background-color: var(--cor-secundaria);
  opacity: .7;
}

.vendedor-menu-lateral {
  text-align: center;
  background-color: var(--cor-primaria);
  border-radius: 10px;
  padding: 10px;
  -webkit-box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
          box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}

.vendedor-menu-lateral h2 {
  font-size: 20px;
  color: white;
}

.vendedor-menu-lateral ul {
  padding: 0;
  list-style: none;
  cursor: pointer;
}

.vendedor-menu-lateral ul a {
  text-decoration: none;
}

.vendedor-menu-lateral ul > li {
  border-radius: 4px;
  padding: 4px;
  font-size: 16px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.vendedor-menu-lateral ul > li:hover {
  background-color: var(--cor-secundaria) !important;
  font-size: 16px;
}

.vendedor-menu-lateral ul > li:hover a {
  background-color: var(--cor-secundaria) !important;
  font-size: 16px;
}

.vendedor-menu-lateral a {
  color: white;
  font-weight: bold;
}

.flutuante-cotacao {
  position: fixed;
  right: 0;
  top: 15px;
  background: var(--cor-secundaria);
  color: white !important;
}

.flutuante-cotacao a {
  color: white;
}