* {
  margin: 0;
  padding: 0;
  border: none;
}
hr {
  border-bottom: 1px solid #d9d9d9;
}
/*Começo: remover o link de entrar/sair do topo do site by Dionis Mendanha*/
.links .login {
  display: none;
}
.btn-base-context{
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn-base-context.btn-add-base-context{
  width: 3.2rem;
  height: 3.2rem;
}
.btn-outline-red{
  border: 1px solid #d12c38;
  color: #d12c38;
  border-radius: 5%;
  background-color: #ffffff;
}

.btn-outline-green{
  border: 1px solid #23cf5c;
  border-radius: 5%;
  color: #23cf5c;
  background-color: #ffffff;
}

.btn-base-context > i{
  font-size: 25px;
  color: #0D0D0D;
}

.btn-base-context-small {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.btn-base-context-small > i{
  font-size: 18px;
  color: #0D0D0D;
}

.interests-title{
  text-transform: capitalize;
}

.interests-scale > *{
  transition: all 0.1s;
}

.interests-scale:hover > *{
  transform: scale(1.02);
}

@media only screen and (max-width: 992px) {
  .btn-account {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .btn-account-right-margin {
    margin-right: 0 !important;
    margin-bottom: 16px
  }
}

.btn-account-right-margin {
 margin-right: 8px;
}

.header-card-back {
  width: 100%;
}
.header-card-back > a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.header-card-back > a > i {
  font-size: 16px;
}
.header-card-back > a:hover {
  filter: brightness(0.8);
}
.box-shadow-light {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.box-shadow-dark {
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.box-shadow-icon {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.background-light-gray {
  background-color: #f9f9f9;
}
.background-dark-gray {
  background-color: #efefefa6;
}
.menu-content {
  position: relative;
}
.indicator{
  height: 45px;
  background: black;
  width: 5px;
}
.profile-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.profile-description{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.chevron-icon{
  position: absolute;
  right: 16px;
}
.pen-icon{
  background: #fff;
  position: absolute;
  transform: translate(24px, 28px);
  border: solid #fff 4px;
  border-radius: 50%;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  filter: brightness(0.9);
}
.check-floppy-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.floppy-icon{
  display: none;
}
.check-icon{
 transform: scale(1) !important;
 transition: .7s;
}
.fa-check{
  position: absolute;
  transform: scale(0);
}
.fa-floppy-disk{
  position: absolute;
}
#profile-picture{
  display: none;
}
.img-perfil{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
}
.img-perfil img{
  width: 80px;
  height: 80px;
}
.img-pic{
  display: none;
}
.mini-card{
  background: #fff;
  padding-left: 16px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  border-bottom: solid 2px transparent;
}
.content-center{
  align-items: center;
  width: 100%;
}
.mini-card:hover{
  cursor: pointer;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 8px;
  display: flex;
  border-bottom: solid rgba(0, 0, 0, 0.8) 2px;
}
.description{
  padding-top: 2px;
}
.config-picture{
  justify-content: space-between;
  width: 100%;
  display: flex;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.config-picture .mini-card{
  padding-left: 0;
  justify-content: center;
}
.finish-picture .mini-card{
  padding-left: 0;
  justify-content: center;
}
.finish-picture{
  justify-content: space-evenly;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  transform: scale(0);
  overflow: hidden;
  transition: transform .5s ease;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.finish-mini-card{
  justify-content: space-between;
  padding: 0 16px;
}
.finish-mini-card .mini-card{
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px;
}
.btn-picture{
  width: 48%;
}
.show-configImg{
  max-height: 70px;
  animation: img .6s linear;
}
.show-finishImg{
  max-height: 126px;
  padding: 20px 0;
  margin-bottom: 20px;
  margin-top: 10px;
  transform: scale(1);
}
.save-picture{
  border: solid 1px #0B6520;
}
.save-picture span{
  color: #0B6520;
  letter-spacing: 1px;
}
.save-picture:hover{
  background: #D9F2DF;
  border: solid 1px #0B6520 !important;
}
.cancel-picture{
border: solid 1px #721c24;
}
.cancel-picture span{
  color: #721c24;
  letter-spacing: 1px;
}
.cancel-picture:hover{
  background: #f5c6cb;
  border: solid 1px #721c24 !important;
}
.disable-delete{
  background: lightgray;
  cursor: not-allowed !important;
  opacity: 0.3;
  border: none !important;
}
.search-bar-desk{
  display: flex;
}
.search-bar-mob{
  display: none;
}

.padding-leftColumn {
  padding-right: 0.5rem;
}

.padding-rightColumn {
  padding-left: 0.5rem;
}

.row-top{
  box-sizing: border-box;
  display: flex;
  margin: 1rem -1rem 0 -1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row;
}
@media screen and (min-width: 319px) and (max-width: 991px){
  .responsive-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .description-margin {
    margin-top: 1rem !important;
  }
}
@keyframes img {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@media screen and (min-width: 992px){
  .sectionSelect {
    border-bottom: solid rgba(0, 0, 0, 0.8) 2px !important;
    box-shadow: rgba(17, 17, 26, 0.2) 0px 4px 8px;
  }
  .wishList-buttons{
    flex-wrap: nowrap !important;
    padding-right: 0 !important;
    padding-left: 16px !important;
    margin-top: 0 !important;
  }
  .wishList-btn-buy{
    margin: 0 16px !important;
  }
  .content-quantity{
    margin-top: 0 !important;
  }
  .wishList-content{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .wishList-notification-cart{
    transform: translate(-14px, -17px) !important;
    position: unset !important;
  }
  .wishList-notification{
    transform: translate(-16px, -18px) !important;
  }
}
@media screen and (min-width: 479px) and (max-width: 992px){
  .config-picture, .finish-picture{
    margin: auto;
    width: 400px;
  }
}
@media screen and (min-width: 479px) and (max-width: 991px){
  .wishList-notification-cart{
    right: 48px;
  }
}
@media screen and (min-width: 500px) and (max-width: 992px){
  .config-picture, .finish-picture{
    margin: auto;
    width: 400px;
  }
}
@media screen and (max-width: 479px){
  .overflow-block{
    overflow-x: hidden !important;
  }
  .wishList-notification-cart{
    right: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .search-bar-desk{
    display: none;
  }
  .search-bar-mob{
   display: flex;
  }
}
.search-options{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.select-date{
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  width: fit-content !important;
  margin: 0 !important;
  cursor: pointer !important;
}
.label-date{
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-content{
  width: 100%;
}
.loader-card{
  z-index: -9999;
  opacity: 0.2;
  position: relative;
  z-index: -9999;
}
.loader-icon{
  position: absolute;
  top: 60%;
  font-size: 32px;
  color: rgb(0,0,0,0.8);
}
.icon-arrow-extractUp{
  font-size: 32px;
  color: #0b6520;
}
.icon-arrow-extractDown{
  font-size: 32px;
  color: #8A0F1A;
}
.content-listing{
  height: fit-content;
}
.content-listing-card {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 16px;
}
.content-listing-especifications {
  display: flex;
  padding: 8px 16px 16px 16px;
  justify-content: space-between;
}
.content-listing-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  justify-content: center;
}
.btn-order-extract{
  justify-content: flex-end !important;
}
.img-listing {
  width: 120px;
  height: 120px;
}
@media only screen and (max-width: 480px) {
  .img-listing {
    width: 80px;
    height: 80px;
  }
  .img-listing img {
    width: 80px;
    height: 80px;
  }
  .base-listing-separation {
    display: flex;
    flex-direction: column;
  }

  #main-video-content{
    position:relative;
    width:100%;
    min-height:560px;
    padding-bottom:56.2095662318%;
  }
  .wishList-kit-products{
    justify-content: center;
  }
  .search-radio{
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 540px) {
  .more-products{
    justify-content: center;
  }
}
.listing-products {
  position: absolute;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 220px;
  width: 300px;
  padding: 8px;
  overflow: auto;
  margin-top: 16px;
  z-index: 10;
}
.more-products {
  position: relative;
  width: fit-content;
  display: flex;
  padding-bottom: 16px;
}
.more-products:hover .listing-products {
  visibility: visible;
}
.more-products:hover .fa-chevron-right {
  transform: rotate(90deg);
}
.fa-chevron-right{
  transition: .3s;
  margin-right: 6px;
}
.products {
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.products img {
  width: 60px;
  height: 60px;
}
.listing-products::-webkit-scrollbar {
  width: 6px;
}
.listing-products::-webkit-scrollbar-thumb {
  background-color: #b9b9b9;
  border-radius: 10px;
}
.listing-products::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}
.options-date{
  display: flex;
  align-items: center;
}
.wishList-content{
  display: flex;
  margin: 8px 0 !important;
  flex-wrap: wrap;
}
.wishList-buttons{
  height: 44px;
  line-height: 44px;
  width: 100%;
  padding: 0 !important;
}
.extractList-buttons{
  height: 44px;
  line-height: 44px;
  width: 100%;
  padding: 0 !important;
}
.content-quantity{
  display: flex;
  padding: 13.5px !important;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.wishList-btn-buy{
  margin: 16px 0;
}
.showCard-wishList{
  visibility: visible;
}
.hiddeCard-wishList{
  visibility: hidden;
}
.wishList-kit {
  position: absolute;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 300px;
  width: 260px;
  padding: 0.5em;
  overflow: auto;
  margin-top: 1em;
  z-index: 10;
}
.wishList-kit-products {
  position: relative;
  width: fit-content;
  display: flex;
  padding-bottom: 16px;
}
.margin-kit-wishlist{
    margin: 0.5rem 0rem -0.5rem 0rem;
}
.wishList-kit-products:hover .wishList-kit {
  visibility: visible;
}
.wishList-kit-products:hover .fa-chevron-right {
  transform: rotate(90deg);
}
.price-format{
  text-decoration: line-through;
  margin-right: 8px;
}
.wishList-notification-cart{
  background: #fff;
  border-radius: 50%;
  height: auto;
  display: flex;
  align-items: center;
  border: solid #ff0000 1px;
  transform: translateY(30px);
  top: 10;
  position: absolute;
  cursor: default;
}
.wishList-quantity-cart{
  color: #ff0000;
  font-size: 11px;
  padding: 5px 1px;
  line-height: 0;
}
.wishList-base-content{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.wishList-base{
  display: flex;
  flex-direction: column-reverse;
}
.wishList-notification{
  transform: translateY(-18px);
}
.product-show-table{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.table-price-link:hover{
  filter: brightness(0.8);
}
.table-price-link > i{
  font-size: 8px;
}
/*Fim: remover o link de entrar/sair do topo do site by Dionis Mendanha*/
.rating .fa-star,
.rating-box .fa-star {
  font-size: 14px;
}
.active_star1:nth-child(-n + 1),
.active_star2:nth-child(-n + 2),
.active_star3:nth-child(-n + 3),
.active_star4:nth-child(-n + 4),
.active_star5:nth-child(-n + 5) {
  color: #FED100;
  font-weight: 900;
  filter: brightness(1);
  transition: color 1s;
}
.desenvolvimento {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.linha {
  clear: both;
  width: 100%;
  padding: 0;
}
.coluna {
  float: left;
  width: 50%;
}
/*Inicio: remover step de cobrança pagina de finalizaçao do pedido by Dionis Mendanha*/
#payment-address .checkout-heading {
  display: none;
}
/*Fim: remover step de cobrança pagina de finalizaçao do pedido by Dionis Mendanha*/
.pages {
  margin-left: 0;
}
#tab-local .loading {
  position: relative;
  top: -34px;
  right: -150px;
}
.loading {
  position: relative;
  top: -34px;
  right: -250px;
}
/* FINAL - ajuste para a class loading fica na possicao certa nas telas de cadastro/edicao de cliente*/
.number_count {
  display: none;
}
#base {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
/* Espaco DIV minha conta */
#content .content {
  margin-top: 5px;
  margin-bottom: 20px;
}
/* Espaco DIV minha conta */
/*Correções para ajustar o 'shape' das telas - by Dionis Mendanha*/
#login {
  width: 90%;
}
.new-users,
.registered-users,
.col2-set .col-1 {
  width: 43%;
  margin-left: 2%;
}
.product-name {
  float: left;
  color: #666;
}
.required {
  font-weight: bold;
  color: #f00;
}
.error,
.search-error {
  display: block;
  color: #f00;
}
.help {
  font-size: 10px;
  font-weight: normal;
  display: block;
  color: #999;
}
table.form {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.form td {
  font-weight: 400;
  display: block;
  margin-top: 5px;
  margin-bottom: 3px;
}
.large-field {
  width: 300px;
}
table.list {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.list td {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.list thead td {
  padding: 0 5px;
  background-color: #efefef;
}
.list thead td a,
.list thead td {
  font-weight: bold;
  text-decoration: none;
  color: #222;
}
.list tbody td {
  padding: 0 5px;
}
table.list .left {
  padding: 7px;
  text-align: left;
}
table.list .right {
  padding: 7px;
  text-align: right;
}
table.list .center {
  padding: 7px;
  text-align: center;
}
table.radio {
  width: 100%;
  border-collapse: collapse;
}
.radio td {
  padding: 5px;
}
.radio td label {
  display: block;
}
.radio td:first-child {
  width: 1px;
}
.radio td:first-child input {
  margin-top: 1px;
}
.radio tr.highlight:hover td {
  cursor: pointer;
  background: #f1ffdd;
}

.pagination,
.pagination .links,
.pagination .numbers-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pagination .links,
.pagination .numbers-page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.pagination .links a,
.pagination .links i,
.pagination .links b {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.pagination .links a,
.pagination .links b {
  min-width: 2rem;
  height: 2rem;
  text-align: center;
  padding: 0.5rem;
  margin: 0.25rem;
}
.pagination .numbers-page a,
.pagination .links b {
  font-weight: bold;
  border: 1px solid #d9d9d9;
}
.pagination .results {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0.5rem 0;
  color: #737373;
}

/* content */
#content .content .left {
  float: left;
  width: 49%;
}
#content .content .right {
  float: right;
  width: 49%;
}
/* category */
.category-info {
  overflow: auto;
  margin-bottom: 20px;
}
.category-info .image {
  float: left;
  margin-right: 15px;
  padding: 5px;
  border: 1px solid #e7e7e7;
}
.attribute {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.attribute thead td,
.attribute thead td:first-child {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #000;
  background: #f7f7f7;
}
.attribute td:first-child {
  font-weight: bold;
  width: 20%;
  text-align: right;
  color: #000;
}
.attribute td {
  padding: 7px;
  text-align: center;
  vertical-align: top;
  color: #4d4d4d;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.download-list {
  margin-bottom: 10px;
}
.download-list .download-id {
  float: left;
  width: 49%;
  margin-bottom: 2px;
}
.download-list .download-status {
  float: right;
  width: 49%;
  margin-bottom: 2px;
  text-align: right;
}
.download-list .download-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.download-list .download-content div {
  float: left;
  width: 33.3%;
}
.download-list .download-info {
  text-align: right;
}
/* checkout */
.checkout-heading {
  margin-bottom: 15px;
  padding: 14px;
  list-style: none outside none;
  text-align: left;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #f8f8f8;
}
.checkout-heading a {
  font-size: 15px;
  font-weight: 400;
  float: right;
  padding-top: 0;
  cursor: pointer;
  text-align: left;
}
.checkout-content {
  display: none;
  padding: 0 0 15px 0;
}
.checkout-content .left {
  float: left;
  width: 48%;
}
.checkout-content .right {
  text-align: right;
}
.checkout-content .buttons {
  clear: both;
  text-align: right;
}
.checkout-product td {
  padding: 7px;
}
.checkout-product thead td {
  font-weight: bold;
  color: #4d4d4d;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f7f7f7;
}
.checkout-product thead .name,
.checkout-product thead .model {
  text-align: left;
}
.checkout-product thead .quantity,
.checkout-product thead .price,
.checkout-product thead .total {
  text-align: right;
}
.checkout-product tbody td {
  vertical-align: top;
  border-bottom: 1px solid #d9d9d9;
}
.checkout-product tbody .name,
.checkout-product tbody .model {
  text-align: left;
}
.checkout-product tbody .quantity,
.checkout-product tbody .price,
.checkout-product tbody .total {
  text-align: left;
}
.checkout-product tfoot td {
  text-align: left;
}

.page-contact-form {
  max-width: 600px;
}
.page-contact-map iframe {
  width: 100%;
}
#powered {
  clear: both;
  margin-top: 5px;
  text-align: right;
}
/* banner */
.banner div {
  display: none;
  width: 100%;
  text-align: center;
}
.banner div img {
  margin-bottom: 20px;
}
/* Tabela do Carrinho Responsiva por Henrique R. Pohl */
table {
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  float: inherit;
  padding: 8px 15px;
  text-align: left;
  vertical-align: middle;
}
.table thead th {
  vertical-align: bottom;
  background: #f7f7f7;
}
.table .t-small {
  width: 13%;
}
.table .t-medium {
  width: 20%;
}
.fix,
.fix-margin {
  display: none;
}
.info_responsive {
  display: none;
  background-color: #fafafa;
}

.login-page {
  margin-top: 20px;
  margin-left: 2px;
  padding: 0;
}
/* COMECO - Novo Form de Login e Campos - por Henrique R. Pohl */
.dashline-vertical {
  display: block;
  float: left;
  width: 10%;
  min-height: 300px;
  /* background: url("../image/dashline-horizontal.jpg") center 0 repeat-y; */
}
.input-group {
  position: relative;
  z-index: 1;
  display: table;
  width: 100%;
  margin-top: 6px;
  border-collapse: separate;
}
.form-control {
  font-size: 12px;
  line-height: 1.42857143;
  height: 33px;
  padding: 0 0 0 18px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #555;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  background-image: none;
}
/* FIM - Novo Form de Login e Campos - por Henrique R. Pohl */
/* COMECO - Botoes logar com Rede Social - por Henrique R. Pohl */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  border-color: #115376;
  background-color: #1872a2;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
  color: #fff;
}
.btn-primary {
  text-decoration: none;
  color: #fff;
  border-color: #1978ab;
  background-color: #1e91cf;
}
.btn {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  padding: 8px 13px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: none;

  touch-action: manipulation;
}
.btn-default.btn-facebook {
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #3b5998;
}
.btn-twitter {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #55acee;
}
.btn-twitter:hover {
  background-color: #2795e9;
}
.btn-default.btn-google {
  color: #080808;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.btn-linkedin {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #007bb6;
}
.btn-linkedin:hover {
  background-color: #005983;
}
/* FIM - Botoes logar com Rede Social - por Henrique R. Pohl */
/* COMECO - Notificações loga com Rede Social - por Henrique R. Pohl */
.bar-social-network {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  vertical-align: middle;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -khtml-border-radius: 5px;
}
.bar-social-network span {
  position: relative;
  top: -2px;
}
.bar-social-network i {
  font-size: 20px;
  margin-right: 10px;
}
.bar-social-network i.btn-close {
  font-size: 14px;
  position: relative;
  top: 2px;
  right: -6px;
  float: right;
}
.bar-social-network i.btn-close:hover {
  cursor: pointer;
}
.bar-facebook {
  border: 1px solid #2f477a;
  background: #3b5998;
}
.bar-twitter {
  border: 1px solid #448abf;
  background: #55acee;
}
.bar-google {
  border: 1px solid #b13c2e;
  background: #dd4b39;
}
.bar-linkedin {
  border: 1px solid #006292;
  background: #007bb6;
}
/* FIM - Notificações loga com Rede Social - por Henrique R. Pohl */
/* Ajustes Lista de endereços - Alex F. Ricioli */
/* FIM - Ajustes Lista de endereços - Alex F. Ricioli */
.return-detail input[type='radio'] {
  margin: 3px 3px 3px 0;
}
/* Formulario - Devolução */
.form-vertical select,
.form-vertical textarea,
.form-vertical input[type='text'] {
  display: block;
  margin-bottom: 10px;
}
.form-vertical i,
.form-vertical span
/*.form-vertical label*/ {
  margin-right: 3px;
}
.form-vertical .group-checkbox label,
.form-vertical .group-radio label {
  display: block;
  padding: 2px 0;
}
/* Formulario - Devolução */
/* Load block */
.load-block {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.load-block-image {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.load-block-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* Load block */
/* checkout tranparente cielo - Alex F. Ricioli */
#box-bandeiras .radioimg-label .radioimg-img {
  width: 40px;
}
.radioimg-input {
  display: none;
}
.radioimg-input:checked + .radioimg-img {
  border: 2px solid #f00;

  -webkit-filter: grayscale(0);
}
.radioimg-input + .radioimg-img {
  padding: 2px;
  transition: 0.2s linear;
  border: 2px solid transparent;
  -webkit-filter: grayscale(1);
}
.radioimg_creditcard_cctype {
  /*Removendo o cursor dos radio inputs pois é validado pelo numero do cartão - Dionisio */
  cursor: default;
}
.radioimg-label {
  float: left;
}
.cancel {
  display: none;
  margin-left: 65px;
  padding-top: 8px;
}
.required-label:before {
  content: '* ';
  color: #f00;
}
.required-label {
  color: #666;
}
.creditcard_cctype {
  display: none;
}
.tooltip-container {
  position: relative;
  width: auto;
}
.tooltip-img,
.tooltip {
  position: absolute;
  z-index: 999;
  bottom: 55px;
  bottom: calc(100% + 10px);
  left: 50%;
  display: none;
  padding: 10px;
  transition: 0.3s linear;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #fff;
}
.tooltip-img:after,
.tooltip:after {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  width: 10px;
  height: 10px;
  content: '';
  -webkit-transform: rotate(45deg) translate(-50%);
  -moz-transform: rotate(45deg) translate(-50%);
  -ms-transform: rotate(45deg) translate(-50%);
  transform: rotate(45deg) translate(-50%);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-left: none;
  background: #fff;
}
.tooltip-background {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.input-group {
  margin-top: 0;
}
/*================================ Compatibilidade ================================*/
.container-reset * {
  box-sizing: border-box;
}
.custom_login_input_box .container-reset input[type='text'],
.custom_login_input_box .container-reset select,
.container-reset input,
.container-reset select {
  width: 100%;
}
.custom_login_input_box .container-reset input[type='text'],
.custom_login_input_box .container-reset select {
  margin-top: 0;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
}
.line:after {
  display: block;
  clear: both;
  content: ' ';
}
.column-12 {
  width: 100%;
}
.column-6 {
  width: 48.5%;
}
.column-4 {
  width: 31.33333333333333%;
}
.column-12,
.column-6,
.column-4 {
  float: left;
  margin-right: 3%;
}
.column-12:last-of-type,
.column-6:last-of-type,
.column-4:last-of-type {
  margin-right: 0;
}
.inputbutton-button {
  position: absolute;
  padding: 8px 12px;
  cursor: pointer;
  color: #666;
  border: 1px solid #dcdcdc;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 1%, #e8e8e8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 1%, #e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 1%, #e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.custom_login_input_box .inputbutton-container .inputbutton-input,
.inputbutton-input {
  padding: 0 0 0 50px;
}
.container-reset label {
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
.container-reset input,
.container-reset select,
.container-reset textarea {
  font-size: 14px;
  height: 34px;
  margin-bottom: 20px;
}
.container-reset #button-corfirm {
  float: right;
}
/* FIM - checkout tranparente cielo - Alex F. Ricioli */
/* INICIO - Formularios Novos - Henrique R. Pohl */
.custom_lista_input_box input[type='text'],
.custom_login_input_box input[type='text'],
.custom_login_input_box input[type='password'] {
  display: block;
  margin-bottom: 8px;
}
.custom_login_input_box input[type='radio'] {
  margin-right: 6px;
  margin-bottom: 6px;
  margin-left: 4px;
}
.titulo-formulario {
  margin: 30px 0 12px 0;
}
.titulo-formulario:first-child {
  margin: 15px 0 12px 0;
}
.btn-troca-pessoa {
  padding: 16px;
}
.btn-troca-pessoa.fisica {
  background-color: red;
}
.btn-troca-pessoa.juridica {
  background-color: green;
}
.field-info {
  font-size: 13px;
  position: relative;
  top: -4px;
}
.label-titulo {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: #999;
}
/* FINAL - Marcadores das listas nas páginas de informções */
/******************************************************************************/
/******************************************************************************/
/********************** FINAL - Atigo stylesheet.css **************************/
/******************************************************************************/
/******************************************************************************/
.form {
  padding: 20px;
}
/*========== Common Styles ==========*/
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  color: #666;
  background-color: #fff;
}
a {
  text-decoration: none;
}
:focus {
  outline: none;
}
/*========== Tools ==========*/
.hidden {
  display: block;
}
.wrap {
  white-space: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.inline {
  display: inline;
}
legend {
  display: none;
}
img {
  border: none;
}
/*========== Layout ==========*/
.page {
  width: 1140px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
.page-print {
  padding: 20px;
  text-align: left;
  background: #fff;
}
.page-empty {
  padding: 20px;
  text-align: left;
  background: #fff;
}
.page-popup {
  padding: 20px;
  text-align: left;
}
/*========== Main Container ==========*/
.main-container {
  max-width: 1140px;
  min-height: 500px;
  margin: auto;
}
/*========== Base Columns ==========*/
.col-main {
  width: 1140px;
  margin: auto;
}
/*========== 1 Column Layout ==========*/
/*========== 2 Columns Layout ==========*/
.col2-left-layout .col-main {
  float: left;
  margin-bottom: 20px;
  padding: 15px 15px 0 0;
}
.col-right,
.col-left {
  width: 260px;
  padding: 0;
}
.col-right {
  float: right;
  margin-top: 25px;
}
.col-left {
  float: left;
  margin-top: 15px;
}
/*========== 3 Columns Layout ==========*/
/*========== Content Columns ==========*/
.col2-set .col-1,
.col2-set .col-2 {
  width: 48%;
  text-align: left;
}
.col2-set .col-1 {
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  border: 0 #360 solid;
}
.col2-set .col-2 {
  float: right;
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set {
  overflow: hidden;
  padding: 8px 0 0;
}
input#coupon_code {
  margin: 5px 0;
}
.checkout {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  list-style: none;
  text-align: left;
  color: #666;
  border-top: 0 solid #666;
  border-bottom: 0 solid #d9d9d9;
  background-color: #fff;
}

p.control input.checkbox,
p.control input.radio {
  margin-right: 6px;
}
input.radio {
  float: left;
  margin-right: 3px;
}
input.qty {
  font-weight: bold;
  width: auto;
  text-align: center;
  border: 2px solid #ecf0f1;
  border-radius: 3px;
}
#shopping-cart-table a.remove-item {
  padding: 4px 8px;
  cursor: pointer;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
  color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: none;
}
#shopping-cart-table a.remove-item span {
  display: none;
}
#shopping-cart-table a.remove-item:before {
  font-family: 'FontAwesome';
  font-size: 19px;
  content: '\f014';
}
#shopping-cart-table .remove-item span span {
  display: none;
}
#shopping-cart-table button.whish-cart {
  padding: 4px 8px;
  cursor: pointer;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
  color: #333;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: none;
}
#shopping-cart-table button.whish-cart span {
  display: none;
}
#shopping-cart-table button.whish-cart:before {
  font-family: 'FontAwesome';
  font-size: 19px;
  content: '\f07a';
}
/*========== Global Messages  ==========*/
.success {
  color: #3d6611;
}
.error {
  color: #8a0f1a;
}
.notice {
  color: #000;
}
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
  font-size: 11px;
  font-weight: bold;
  padding: 8px 8px 8px 8px;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat;
  background-position: 10px 9px;
}
.error-msg {
  color: #df280a;
  border-color: #f16048;
  background-color: #faebe7;
}
.success-msg {
  color: #3d6611;
  border-color: #446423;
  background-color: #eff5ea;
}
.note-msg,
.notice-msg {
  color: #3d6611;
  border-color: #fcd344;
  background-color: #fafaec;
}
/*========== Page Heading ==========*/
.page-title {
  margin: 0 0 0;
  padding: 12px 0;
}
.page-title .separator {
  margin: 0 3px;
}
.page-title .link-rss {
  float: right;
}
.subtitle,
.sub-title {
  clear: both;
}

/*========== Category Toolbar ==========*/
.toolbar .actions {
  margin-right: 30px;
}
.toolbar label {
  display: inline;
  float: left;
  margin-right: 10px;
  padding: 6px 0;
  text-transform: lowercase;
}
.button.next,
.button.prev {
  width: 30px;
  height: 30px;
  padding: 0;
}
.slider-arrow.prev {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.slider-arrow.next {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dropdown-menu {
  max-width: inherit;
}
.button.next {
  background-color: #eee;
  background-image: url(../../image/vista/icon_arrow_next.png);
  background-repeat: no-repeat;
  background-position: 11px 11px;
}
.button.next:hover,
.button.next:focus {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5537d;
  background-image: url(../../image/vista/icon_arrow_next_over.png);
}
.button.prev {
  background-color: #eee;
  background-image: url(../../image/vista/icon_arrow_prev.png);
  background-repeat: no-repeat;
  background-position: 11px 11px;
}
.button.prev:hover,
.button.prev:focus {
  background-image: url(../../image/vista/icon_arrow_prev_over.png);
}
/*========== Data Table ==========*/
.data-table {
  width: 100%;
}
.data-table th {
  font-weight: 400;
  line-height: 20px;
  padding: 10px;
  text-transform: uppercase;
}
.data-table td {
  line-height: 20px;
  padding: 10px;
  vertical-align: top;
}
.data-table th .tax-flag {
  font-weight: normal;
  white-space: nowrap;
}
.data-table td.label,
.data-table th.label {
  font-weight: bold;
}
.data-table input,
.data-table select,
.data-table textarea {
  margin: 3px;
}
.data-table p {
  margin: 10px 0;
}
.data-table .description {
  margin: 10px 0;
}
/*========== Shopping cart total summary row expandable to details ==========*/
tr.summary-total {
  cursor: pointer;
}
tr.summary-total .summary-collapse {
  float: right;
  padding-left: 20px;
  cursor: pointer;
  text-align: right;
}
tr.show-details .summary-collapse {
  background-position: 0 -53px;
}
tr.summary-details td {
  font-size: 11px;
  color: #626465;
  background-color: #dae1e4;
}
tr.summary-details-first td {
  border-top: 1px solid #d2d8db;
}
tr.summary-details-excluded {
  font-style: italic;
}
/*============ Class: std - styles for admin-controlled content ============*/
.std ol.ol {
  padding-left: 1.5em;
  list-style: decimal outside;
}
.std ul.disc {
  margin: 0 0 10px;
  padding-left: 18px;
  list-style: disc outside;
}
.std dl dt {
  font-weight: 900;
}
.std dl dd {
  margin: 0 0 10px;
}
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote {
  margin: 0;
  padding: 0;
}
.std ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  list-style: none;
}
.std ol {
  padding-left: 0;
  list-style: none;
}
.std ul ul {
  list-style-type: none;
}
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
  margin: 0.5em 0;
}
.std dt {
  font-weight: 900;
}
.std dd {
  padding: 0 0 0 1.5em;
}
.std blockquote {
  font-style: italic;
  padding: 0 0 0 1.5em;
}
.std address {
  font-style: normal;
}
.std b,
.std strong {
  font-weight: 900;
  color: #333;
}
.std i,
.std em {
  font-style: italic;
}
.std p {
  padding-top: 0;
}
.std ul {
  padding-top: 0;
  padding-left: 0;
}
.std ul li {
  margin-top: 0;
  margin-left: 0;
}
.std ol {
  margin: 0;
  padding-top: 0;
  padding-left: 0;
}
.std ol li {
  margin-top: 2px;
  list-style: none;
}
.std a {
  text-decoration: none;
}
.std a:hover {
  text-decoration: none;
}
.std blockquote {
  font-style: italic;
  margin: 0 0 1.5em;
  padding: 0 0 0 1.5em;
  border-left: 5px solid #d9d9d9;
}
.std p {
  line-height: 1.4em;
  padding-top: 5px;
}
.std ul {
  padding-top: 5px;
  padding-left: 0;
}
.std ul li {
  margin-top: 2px;
  margin-left: 1.5em;
  list-style-image: url(../../image/vista/bullet_1.png);
}
.std ol {
  margin: 0 0 1em;
  padding-top: 5px;
  padding-left: 1.5em;
}
.std ol li {
  margin-top: 2px;
  list-style: decimal;
}
.std a {
  line-height: 17px;
  text-decoration: none;
}
.std a:hover {
  text-decoration: underline;
}
.std blockquote {
  font-style: italic;
  margin: 0 0 1.5em;
  padding: 0 0 0 1.5em;
  border-left: 5px solid #d9d9d9;
}
/*========== Misc ==========*/
.links li {
  display: inline;
}
.links li.first {
  padding-left: 0;
}
.links li.last {
  padding-right: 0;
  background: none;
}
.link-rss {
  padding-left: 18px;
  white-space: nowrap;
}
.cards-list dt {
  margin: 5px 0 0;
}
.cards-list .offset {
  padding: 2px 0 2px 20px;
}
.separator {
  margin: 0 3px;
}
.divider {
  font-size: 0;
  line-height: 0;
  display: block;
  clear: both;
  overflow: hidden;
  height: 1px;
  margin: 10px 0;
  text-indent: -999em;
  background: #d9d9d9;
}
.caret:after {
  font-family: 'FontAwesome';
  display: inline-block;
  width: 5px;
  margin: 1px 0 0 4px;
  content: '\f107';
  vertical-align: top;
}
/*========== Currency, Language Selector, Store Switcher ==========*/
.dropdown-menu {
  border-color: #dcdcdc;
}
.dropdown-menu > li > a,
.dropdown-submenu:focus > a {
  color: #737373;
  background-color: #f7f7f7;
  background-image: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-submenu:hover > a {
  color: #fff;
  background-color: #f5537d;
  background-image: none;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  font-size: 14px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  display: none;
  min-width: auto;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 5px #00c0be solid;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  overflow: hidden;
  height: 1px;
  margin: 9px 0;
  background-color: #e5e5e5;
}
ul.dropdown-menu > a {
  font-weight: normal;
  line-height: 1.428571429;
  display: block;
  clear: both;
  padding: 3px 20px;
  white-space: nowrap;
  color: #333;
}
ul.dropdown-menu > a:hover,
ul.dropdown-menu > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #428bca;
}
ul.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  color: #fff;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  cursor: not-allowed;
  text-decoration: none;
  background-color: transparent;
  background-image: none;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  font-size: 12px;
  line-height: 1.428571429;
  display: block;
  padding: 3px 20px;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: '';
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
[class^='icon-'],
[class*=' icon-'] {
  line-height: 14px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  padding: 0;
  vertical-align: text-top;
  background-repeat: no-repeat;
}
/*========== Quick Access, Wishlist, Compare Links ==========*/
.btn-product-compare i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.btn-product-listapresente i {
  font-size: 1.125rem;
}

.icon-fblike {
  background-image: url(../../image/vista/icon_fblike.png);
}
:hover .icon-fblike,
:focus .icon-fblike {
  background-image: url(../../image/vista/icon_fblike.png);
}
.change-qtd {
  font-size: 16px;
  height: 54px;
}
.email-friend span {
  display: none;
}
.mini-products-images-list .item {
  display: inline-block;
  width: 70px;
}
.block_mini_cart_above_products {
  margin-bottom: 15px;
}
.button,
.btn,
.sidebar .button,
.sidebar .btn,
.dropdown .dropdown-menu .button,
.scrolltop {
  font-weight: normal;
  color: #fff;
  border: none;
  background-color: #f5537d;
  background-image: none;
}
.btn:hover,
.btn:focus,
.scrolltop {
  color: #fff;
  background-color: #323c46;
  background-image: none;
}
.sidebar .button:hover,
.sidebar .button:focus,
.sidebar .btn:hover,
.sidebar .btn:focus {
  background: #323c46;
}
.dropdown .dropdown-menu .button:hover,
.dropdown .dropdown-menu .button:focus {
  text-shadow: none;
}
/*========== SLIDER Section==========*/
.cart .carousel-container {
  margin: 20px auto 0;
}
.carousel-container .product-image {
  display: block;
  margin: 0;
}
.carousel-container a.product-image {
  display: block;
  margin: 0;
}
.carousel-container a.product-image img {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.carousel-container a.product-image:hover img.small-image {
  top: -450px;
}
.carousel-container a.product-image img.small-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.carousel-container a.product-image img.thumbnail {
  position: absolute;
  bottom: -50%;
  left: 0;
}
.carousel-container a.product-image:hover img.thumbnail {
  bottom: 50%;
  left: 0;
}
.carousel-container .product-name {
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin: 4px 8px;
  margin-bottom: 15px;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.carousel-container .manufacturer-name {
  font-size: 14px;
  display: block;
  margin: 4px;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.carousel-container .ratings {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 3px 0 5px 7px;
  border-bottom: 0 dotted #e0e0e0;
}
.carousel-container .rating-links {
  display: none;
}
.carousel-container .price-box {
  margin: 0 0 0 8px;
}
.carousel-list a.product-image:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all 0.4s ease-out 0.2s;
  -moz-transition: all 0.4s ease-out 0.2s;
  -o-transition: all 0.4s ease-out 0.2s;
  transition: all 0.4s ease-out 0.2s;
  opacity: 0;
  background-color: #eee;

  filter: alpha(opacity=0);
}
.carousel-list a:hover.product-image:before {
  top: 0;
  left: 0;
  margin: 0 0;
  opacity: 0.8;
  background: #eee;

  filter: alpha(opacity=100);
}

/* Swiper */
.carousel .swiper-slide{
  width: auto!important;
  max-width: 100%;
}

.swiper-slide img{
  max-width: 100%;
}

.swiper-button-next,
.swiper-button-prev{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .25rem;
    opacity: 0;
    font-size: 1.25rem;
    line-height: 2.25rem;
    text-align: center;
    margin-top: 0;
    text-decoration: none;
    z-index: 1;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0,0,0,.12);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
  cursor: not-allowed;
  background-color: rgb(221, 221, 221);
  color: #fff;
  pointer-events: initial;
}

.swiper-button-next:after,
.swiper-button-prev:after{
  display: none;
}

.swiper-button-prev{
  left: 0.5rem;
}

.swiper-button-next{
  right: 0.5rem;
}

.swiper-scrollbar.swiper-scrollbar-horizontal{
  background: transparent;
  height: 3px;
  bottom: 3px;
}

.swiper-scrollbar-drag{
  background: rgba(0,0,0,.3);
  border-radius: 0;
}


@media only screen and (min-width: 1280px) {
  .swiper-scrollbar.swiper-scrollbar-horizontal{
    display: none;
  }
}

.carousel-container:hover .swiper-button-prev,
.carousel-container:hover .swiper-button-next{
  opacity: 1;
}

.carousel-container:hover .swiper-button-prev{
  left: 0;
}

.carousel-container:hover .swiper-button-next{
  right: 0;
}

/* Fancybox */
.carousel-list button.button.btn-cart:before {
  font-size: 15px;
  padding-right: 8px;
  content: '\f07a';
  text-decoration: none;
}
.our-features-box {
  width: 100%;
  margin: 0 auto auto;
  margin-bottom: 35px;
  padding: 0;
  background: none;
}
.categories-sidebar-home .category-title {
  margin-bottom: 0;
  padding: 12px;
  padding-left: 0;
  text-align: left;
  color: #000;
}
.categories-sidebar-home .category-title {
  border-bottom: 0;
  padding-bottom: 8px;
}
.prod_image_detail {
  text-align: center;
}
.prod_image_detail .actions {
  position: relative;
  /* Ajusta atacado nos navegadores */
  width: 260px;
  margin-top: 10px;
  margin-left: -10px;
}
.prod_image_detail .actions .input-text {
  width: 25px;
}
.prod_image_detail .inner a.product-name {
  height: 24px;
}
.prod_image_detail .inner .product-name-fix {
  height: 56px;
}
.price-box {
  min-height: 56px;
}
/* ======================== Offer Banner ============================ */
.offer-banner {
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.offer-banner-section {
  overflow: hidden;
}
.offer-banner-section img {
  width: auto;
  max-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* === Offer Banner na sidebar === */
.sidebar .offer-banner-section .col {
  max-width: 100%;

  flex-basis: 100%;
}
.load-image {
  width: initial !important;
  margin: 0 auto;
  display: block;
}
/*============ All Buttons Icons ============*/
button.button.continue:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  padding-right: 8px;
  content: '\f061';
}
button.button.btn-add:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  padding-right: 8px;
  content: '\f067';
}
button.button.btn-update {
  color: #666;
  background: transparent;
}
a.button.btn-update {
  background: #00c0be;
}
button.button.login:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  padding-right: 8px;
  content: '\f13e';
}
input.button.btn-continue:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  padding-right: 8px;
  content: '\f061';
}

.accordion span.down-up {
  position: absolute;
  top: 8px;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.accordion span.down-up:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}
/*========== Sidebar Section==========*/
.block {
  margin: 0 0 25px;
}
.block-title {
  font-weight: normal;
  padding: 14px 15px;
  text-transform: uppercase;
  color: #000;
  border-bottom: 3px solid #00c0be;
  border-radius: 3px 3px 0 0;
  background: none repeat scroll 0 0 #ecf0f1;
}
.block .block-title strong {
  font-weight: 900;
}
.block .block-title a {
  text-decoration: none;
}
.block .block-content {
  font-size: 14px;
  padding: 15px;
  border: 2px solid #ecf0f1;
  border-top: none;
}
.block .block-content .item {
  padding: 5px 0;
}
.block .actions {
  padding: 8px 0;
  text-align: left;
}
.block .actions a {
  font-weight: bold;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}
/*========== Sidebar, Block ==========*/
.sidebar ol,
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar .block-content li {
  padding: 5px 0;
}
.sidebar .block-venedor-ads .block-content li {
  padding: 0;
}
.sidebar .block dt {
  padding: 14px 0 0 15px;
  text-transform: uppercase;
}
.sidebar .block dd {
  margin: 0;
  padding: 0 5px;
}
.sidebar address {
  margin-bottom: 0;
}
.block .slider-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*========== Sidebar, Block, Data Table ==========*/
.sidebar {
  padding: 0 0 20px;
}
.sidebar .block dl {
  margin: 0;
  border-top: 1px solid #dcdcdc;
  border-bottom-width: 0;
}
/*========== Block: Currency Switcher ==========*/
.sidebar ol,
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*========== Paypal ==========*/
.sidebar .paypal-logo {
  display: block;
  margin: 10px 0 30px;
  text-align: center;
}
.sidebar .paypal-logo a {
  float: none;
}
/*========== Dashboard ==========*/
.dashboard .welcome-msg {
  padding: 0 0 5px;
  text-align: left;
}
#my-orders-table {
  border-right: none;
  border-bottom: none;
}
.box-account {
  margin-top: 12px;
}
.box-account .page-title {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
/*========== Product ==========*/
.price_total {
  float: right;
  margin-top: -2px;
  margin-left: 10px;
}
/*========== Rating ==========*/
.no-rating {
  margin: 0;
}
.ratings {
  margin: 2px 0;
}
.ratings strong {
  float: left;
  margin: 1px 3px 0 0;
}
.ratings .rating-links {
  margin: 0;
}
.ratings .rating-links a {
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  color: #666;
}
.ratings .rating-links .separator {
  margin: 0 2px;
}
.rating-box .share {
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
}
.rating-box .rating {
  float: left;
  height: 16px;
}
.ratings .rating-box {
  display: inline-block;
  margin-right: 8px;
}
.ratings-table th,
.ratings-table td {
  padding: 3px 0;
}
.ratings-table th {
  font-weight: bold;
  padding-right: 8px;
}
a.product-image {
  position: relative;
  display: block;
  overflow: hidden;
}
a.product-image:after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.new-top-left {
  top: 0;
  left: 0;
  background-position: -84px 0;
}
.new-top-right {
  top: 0;
  right: 0;
  background-position: -126px 0;
}
.new-bottom-left {
  bottom: 0;
  left: 0;
  background-position: -84px -42px;
}
.new-bottom-right {
  right: 0;
  bottom: 0;
  background-position: -126px -42px;
}
.sale-top-left {
  top: 0;
  left: 0;
  background-position: 0 0;
}
.sale-top-right {
  top: 0;
  right: 0;
  background-position: -42px 0;
}
.sale-bottom-left {
  bottom: 0;
  left: 0;
  background-position: 0 -42px;
}
.sale-bottom-right {
  right: 0;
  bottom: 0;
  background-position: -42px -42px;
}
/*========== Price range ==========*/
.price-from {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
}
.price-from .price-label {
  font-weight: normal;
  white-space: nowrap;
  color: #909090;
}
.price-to {
  display: inline-block;
  margin: 0;
  margin-left: 4px;
}
.price-to .price-label {
  font-weight: normal;
  white-space: nowrap;
  color: #909090;
}
/*========== Minimal price (as low as) ==========*/
.product-name {
  float: none;
  margin: 4px 8px;
  text-decoration: none;
  color: #333;
}
/*========== Category Page ==========*/
.category-title {
  margin: 0 0 10px;
  border-bottom: 1px solid #d9d9d9;
}
.category-description {
  clear: both;
  padding: 10px 0;
}
.separator {
  color: #666;
}
.product-related {
  float: right;
  width: 295px;
}
.product-related .product-name {
  margin: 4px 8px 4px 0;
}
.box-up-sell {
  float: left;
  width: 840px;
}
.box-up-sell .page-title {
  width: 808px;
}
.product-additional-container img {
  max-width: 100%;
  height: auto !important; /* o CKEditor coloca altura e largura inline no HTML a única forma de sobrescrever é com imporant */
}
.product-additional .block-product-additional {
  margin: 0;
}
.product-additional .block .block-title {
  display: none;
}
.product-additional .block-product-additional .block-content {
  padding: 0;
  border: none;
}
.review-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.review-title span {
  margin-top: 5px;
}
.review1 {
  display: inline-block;
  float: left;
  width: 45%;
}
.review2 {
  display: inline-block;
  width: 55%;
}
.upsell-products .item .product-image {
  width: 190px;
  margin-right: auto;
  margin-left: auto;
}
.box-up-sell .flex-direction-nav a,
.box-cross-sell .flex-direction-nav a {
  top: 0;
  width: 54px;
  height: 44px;
  margin-top: -76px;
  margin-right: -1px;
}
.up-sell-box {
  border: 1px #d9d9d9 solid;
  border-top: none;
}
.up-sell-box p.desc {
  margin: 0;
  padding: 10px 10px 0 10px;
}
#brand-slider .flex-direction-nav a {
  top: 0;
  width: 55px;
  height: 42px;
  margin-right: -1px;
}
.featured-products .flex-direction-nav a {
  top: 0;
  width: 54px;
  height: 43px;
  margin-top: -43px;
  margin-right: -1px;
}
#featured-products-list-slider {
  width: 840px;
  height: 485px;
  border: 1px #d9d9d9 solid;
  border-top: none;
}
.box-up-sell .flex-direction-nav .flex-prev,
.box-cross-sell .flex-direction-nav .flex-prev,
#brand-slider .flex-direction-nav .flex-prev,
.featured-products .flex-direction-nav .flex-prev {
  right: 53px;
}
.main .box-up-sell h2.subtitle .line,
.main .box-cross-sell h2.subtitle .line,
.brand-slider-wrap h2.subtitle .line,
.featured-products h2.subtitle .line {
  right: 130px;
}
.featured-products {
  position: relative;
}
/*================ Abas ================*/
.tabLink {
  font-weight: normal;
  color: #ccc;
}
.tabcontent {
  overflow: hidden;
  padding: 20px 0 20px 20px;
  border: 0 #ccc solid;
}
.tabcontent .std ul li {
  margin-left: 1em;
  list-style: square outside none;
  color: #333;
}
.hide {
  display: none;
}
.data-table {
  border-spacing: 0;
  text-align: left;
  border: 1px solid #e5e5e5;
}
.data-table thead tr,
.data-table tfoot tr {
  background-color: #f0f0f0;
}
.data-table thead th,
.data-table thead td,
.data-table tfoot th,
.data-table tfoot td {
  color: #333;
  border-right: 0 solid #eaeaea;
  border-bottom: 1px solid #e5e5e5;
}
.data-table tbody th,
.data-table tbody td {
  padding: 10px 10px 6px;
  border-right: 0 solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.cart-table tbody th,
.cart-table tbody td {
  border-right: 0 solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.data-table tbody th.last,
.data-table tbody td.last {
  border-right: 0 solid #eaeaea;
}
.data-table tbody tr.last th,
.data-table tbody tr.last td {
  border-bottom: 1px solid #eaeaea;
}
.data-table .total-price .price {
  color: #333;
}
.item-options dd {
  margin: 0;
  color: #565656;
}
/*========== Product Shop ==========*/
.qty-holder .qty {
  border: 2px solid #ecf0f1;
  border-radius: 3px 3px 3px 3px;
  background-color: #fff;
}
/*========== Product Collatera ==========*/
.review-title {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.review-title span {
  display: block;
}
.ratings-table .rating-box {
  width: 70px;
  height: 16px;
  margin-bottom: 0;
  background-image: url(../../image/vista/bkg_rating.png);
}
.ratings-table .rating-box .rating {
  height: 16px;
  background-image: url(../../image/vista/bkg_rating.png);
}
.upsell-products .item .product-image {
  width: 190px;
  margin-right: auto;
  margin-left: auto;
}
.box-up-sell .flex-direction-nav a,
.box-cross-sell .flex-direction-nav a {
  top: 0;
  width: 54px;
  height: 44px;
  margin-top: -76px;
  margin-right: -1px;
}
.up-sell-box {
  border: 1px #d9d9d9 solid;
  border-top: none;
}
.up-sell-box p.desc {
  margin: 0;
  padding: 10px 10px 0 10px;
}
#brand-slider .flex-direction-nav a {
  top: 0;
  width: 55px;
  height: 42px;
  margin-right: -1px;
}
.featured-products .flex-direction-nav a {
  top: 0;
  width: 54px;
  height: 43px;
  margin-top: -43px;
  margin-right: -1px;
}
#featured-products-list-slider {
  width: 840px;
  height: 485px;
  border: 1px #d9d9d9 solid;
  border-top: none;
}
#brand-slider .flex-direction-nav a {
  margin-top: -42px;
}
.box-up-sell .flex-direction-nav .flex-prev,
.box-cross-sell .flex-direction-nav .flex-prev,
#brand-slider .flex-direction-nav .flex-prev,
.featured-products .flex-direction-nav .flex-prev {
  right: 53px;
}
.main .box-up-sell h2.subtitle .line,
.main .box-cross-sell h2.subtitle .line,
.brand-slider-wrap h2.subtitle .line,
.featured-products h2.subtitle .line {
  right: 130px;
}
.featured-products {
  position: relative;
}
#addTagForm {
  margin-bottom: 5px;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.product-review .product-img-box {
  float: left;
  width: 200px;
}
.product-options dt label,
.data-table,
.fraction-slider .slide-subtitle {
}
.data-table {
  border-spacing: 0;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.data-table thead tr,
.data-table tfoot tr {
  background-color: #f7f7f7;
}
.data-table thead th,
.data-table thead td,
.data-table tfoot th,
.data-table tfoot td {
  color: #565656;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.data-table tbody th,
.data-table tbody td {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.cart-table tbody th,
.cart-table tbody td {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.data-table tbody th.last,
.data-table tbody td.last {
  border-right: 1px solid #dcdcdc;
}
.data-table tbody tr.last th,
.data-table tbody tr.last td {
  border-bottom: 1px solid #dcdcdc;
}
.item-options dd {
  margin: 0;
  color: #565656;
}
/*========== Form List ==========*/
.fieldset p {
  line-height: 1.6;
  margin-bottom: 20px;
}
.forgot-password {
  position: absolute;
  top: 50px;
  right: 0;
}
.main h2.subtitle .line,
.main .widget .widget-title h2 .line,
.main .page-title h1 .line {
  border-top: 1px solid #e0e0e0;
}
#checkoutSteps ul {
  padding: 0;
}
#checkoutSteps ul li {
  list-style: none;
}
.search-term {
  margin-top: 12px;
}
#advanced-search-list .input-range #price {
  width: 140px;
}
#advanced-search-list .input-range #price_to {
  width: 140px;
}
.advanced-search-summary ul {
  padding: 0;
}
.advanced-search-summary ul li {
  list-style: none;
}
.cms-page-view .banner-static-contain {
  display: none;
}
/*========== Product Options ==========*/
.product-options {
  margin: 0;
  padding: 0;
}
.product-options dt {
  margin-top: 20px;
}
.product-options dt label em {
  margin-right: 3px;
}
.product-options dt .qty-holder {
  float: right;
}
.product-options dt .qty-holder label {
  vertical-align: middle;
}
.product-options dt .qty-disabled {
  padding: 3px;
  color: #000;
  border: 0;
  background: none;
}
.product-options dd {
  margin: 10px 0;
}
.product-options dl {
  margin: 5px 0;
}
.product-options dd input.datetime-picker {
  width: 150px;
}
.product-options dd .time-picker {
  display: -moz-inline-box;
  display: inline-block;
  padding: 2px 0;
  vertical-align: middle;
}
.product-options .options-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-options .options-list li {
  margin: 12px 0;
}
.product-options .options-list input.radio {
  margin: -2px 0 0 0;
}
.product-options .options-list input.checkbox {
  margin: -2px 0 0 0;
}
.product-options .options-list .label {
  display: inline;
  margin-left: 0;
  padding: 0;
}
.product-options ul.validation-failed {
  padding: 0 7px;
}
.product-options p.required {
  display: none;
  padding: 0;
}
.product-options label {
  line-height: 17px;
  display: inline;
  margin-bottom: 0;
}
.product-options .qty-holder {
  display: block;
  margin: 8px 0;
}
.product-options .label,
.product-options .badge {
  background-color: transparent;
  text-shadow: none;
}
.product-options .qty {
  width: 30px;
  margin-bottom: 0;
}
/*========== Grouped Product ==========*/
.availability,
.stock-status,
.product-brand {
  font-weight: normal;
  font-weight: bold;
  display: inline-block;
  padding: 8px 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background: #ecf0f1;
}
.availability {
  margin-right: -4px;
}
.availability span,
.product-brand span {
  font-weight: normal;
}
.stock-status {
  font-weight: 700;
  color: #fff;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.stock-status.in-stock {
  background-color: #27ae60;
}
.stock-status.out-of-stock {
  background-color: #d83820;
}
.availability-only {
  margin: 0 0 7px;
}
.availability-only a {
  padding-right: 15px;
  cursor: pointer;
}
.availability-only .expanded {
  background-position: 100% -15px;
}
.availability-only-details {
  margin: 0 0 7px;
}
.availability-only-details th {
  padding: 0 8px;
  background: #f2f2f2;
}
.availability-only-details td {
  padding: 2px 8px 1px;
  border-bottom: 1px solid #d9d9d9;
}
/*========== Add to Links + Add to Cart ==========*/
.change-qtd .qty {
  font-size: 25px;
  font-weight: 900;
  width: 80px;
  height: 100%;
  margin-right: 20px;
  text-align: center;
  color: #333;
  border: 2px solid #ecf0f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.text-change-qtd {
  font-size: 16px;
  font-weight: 900;
  color: #333;
}
.change-qtd .button-qtd-up,
.change-qtd .button-qtd-down {
  position: absolute;
  right: 0;
  width: 25px;
  height: 50%;
  cursor: pointer;
  border: 0;
  background-color: #f2f2f2;
  background-image: none;
}
.change-qtd .button-qtd-up {
  top: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
.change-qtd .button-qtd-down {
  bottom: 0;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.change-qtd {
  position: relative;
}

.button-qtd-up i,
.button-qtd-down i {
  font-size: 18px;
}
.button-qtd-up:active,
.button-qtd-down:active {
  background-color: #d9d9d9;
}
.add-to-links span {
  display: none;
}
/*========== One Page Checkout ==========*/
address {
  font-style: normal;
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
}
.opc {
  position: relative;
}
.opc ul,
.opc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.opc li.section {
  border-bottom: 0;
}
.opc .step-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  padding: 10px 12px;
}
.opc .step-title .number {
  float: left;
  margin-right: 5px;
}
.opc .step-title h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0 30px 0 0;
  cursor: pointer;
  white-space: nowrap;
  text-transform: none;
  text-overflow: ellipsis;
}
.opc .allow .step-title {
  overflow: hidden;
}
.opc .active .step-title {
  border-top: 1px #d9d9d9 solid;
  border-radius: 3px 3px 0 0;
}
.opc .step {
  position: relative;
  padding: 15px 12px 20px;
  border: 1px #d9d9d9 solid;
  border-top: none;
}
.opc .step form {
  margin-bottom: 0;
}
.opc .step .tool-tip {
  right: 10px;
}
/*========== Multiple Addresses Checkout ==========*/
.multiple-checkout .tool-tip {
  top: 50%;
  right: 10px;
  margin-top: -120px;
}
.multiple-checkout .grand-total {
  text-align: right;
}
/*========== Account Login/Create Pages ==========*/
/*========== Checkout ==========*/
.col2-set strong {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #333;
}
/*========== One Page ==========*/
.one-page-checkout {
  position: relative;
  margin-bottom: 12px;
  padding: 0;
}
.one-page-checkout li.section {
  margin-bottom: 15px;
  list-style: none outside none;
  border-bottom: 0;
}
.one-page-checkout .step-title {
  padding: 14px;
  text-align: left;
  border: 1px #e8e8e8 solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f8f8f8;
}
.one-page-checkout .step-title1 {
  padding: 9px;
  padding-left: 15px;
  text-align: right;
  border: 1px #e8e8e8 solid;
  background-color: #f8f8f8;
}
.one-page-checkout .step-title .number {
  line-height: 22px;
  float: left;
  margin-right: 5px;
}
.one-page-checkout .step-title h3 {
  padding-top: 0;
  text-align: left;
}
.one-page-checkout .active .step-title {
  cursor: default;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.one-page-checkout .step {
  padding: 15px 10px 15px 25px;
  border: 1px #e8e8e8 solid;
  border-top: none;
}
#confirm .one-page-checkout .step {
  padding-bottom: 45px;
}
.button.coupo {
  width: 100%;
  max-width: 200px;
}
.cart-info a.button.btn-continue,
.table_cart_responsive a.button.btn-continue {
  width: 100%;
  max-width: 240px;
}
.table_cart_responsive a.button.btn-continue {
  margin-bottom: 4em;
}
/*========== Multiple Addresses Checkout ==========*/
.multiple-checkout {
  position: relative;
}
.multiple-checkout .grand-total {
  padding: 10px 0;
  text-align: right;
}
.addresses {
  margin-bottom: 15px;
}
.state_bar {
  padding: 0;
  background-color: #fff;
}
p.required {
  font-size: 10px;
  margin-bottom: 5px;
  text-align: left;
}
.required {
  color: #f00;
}
.cart {
  margin-top: 12px;
}
.login-page .content {
  margin-top: 5px;
}
/*========== scroll-to-top Button ==========*/
.scroll-to-top {
  display: none;
}
.footer-whatsapp {
  width: 44px;
  height: 44px;
  border-radius: 0.25rem;
  background: #25d366;
  color: #ffffff;
  position: relative;
  transition: background 0.15s;
}
.footer-whatsapp:hover {
  background: #128c7e;
}
.footer-whatsapp:hover,
.footer-whatsapp:focus,
.footer-whatsapp:visited {
  color: #ffffff;
}
.footer-whatsapp i {
  position: absolute;
  transform: translate(50%, 50%);
  right: 50%;
  bottom: 50%;
  font-size: 1.75rem;
}
.scroll-to-top,
.footer-whatsapp {
  position: fixed;
  z-index: 100;
  bottom: 2rem;
}
.scroll-to-top-right,
.footer-whatsapp-right {
  right: 1rem;
}
.scroll-to-top-left,
.footer-whatsapp-left {
  left: 1rem;
}
.com-add {
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f0f0f0;
}

.footer-accordion-control i {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-accordion-control.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.carousel-list .add-to-links {
  margin-bottom: 15px;
  margin-left: -4px;
}
.hidden-desktop {
  display: none;
}
/*========== Flexible width ==========*/
body.flexible {
  background-color: #ecfafa;
}
.flexible .page {
  overflow: hidden;
  padding: 0 10px;
  background-color: #fff;
}
/**STYLE THUMNAIL SCROLLER**/
.more-images {
  position: relative;
  clear: both;
  width: calc(100% - 76px);
  margin: 0 auto;
}
/* horizontal slide*/
.more-images span {
  position: absolute;
  z-index: 10;
  width: 36px;
  height: 70px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  background-repeat: no-repeat;

  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.more-views {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail-container a:active,
.thumbnailscroller a:active,
.thumbnail-container a:focus,
.thumbnailscroller a:focus {
  outline: none;
}
.slides,
.thumbnail-control-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumbnailscroller {
  margin: 0;
  padding: 0;
}
.thumbnailscroller .slides > li {
  display: block;
  text-align: center;

  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.thumbnailscroller .slides > li img {
  width: 80px;
}
/* Direction Nav */
.thumbnailscroller:hover .thumbnail-next {
  right: 5px;
  opacity: 0.8;
}
.thumbnailscroller:hover .thumbnail-prev {
  left: 5px;
  opacity: 0.8;
}
.thumbnailscroller:hover .thumbnail-next:hover,
.thumbnailscroller:hover .thumbnail-prev:hover {
  opacity: 1;
}
.thumbnailscroller .slides > li img {
  padding: 4px;
  border: 1px solid #eee;
}
.carousel {
  line-height: 1;
  /*position: relative;*/
  margin-bottom: 20px;
}
/**END STYLE THUMNAIL SCROLLER**/
.custom_lista_input_box input[type='text'],
.custom_login_input_box input[type='text'],
.custom_login_input_box input[type='password'],
select:not(.field-entry) {
  width: 330px;
  margin-top: 3px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background: none repeat scroll 0 0 #fff;
}
.prod_image_detail .btn-cart {
  overflow: hidden;
  margin-right: 4px;
  padding: 7px 10px;
}
/* INICIO - Facebook */
.aside-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.aside-content {
  display: block !important;
  position: fixed;
  z-index: 100;
  top: 200px;
  width: calc(340px + 8px);
  height: 480px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.aside-content-right {
  right: calc(-340px - 8px);
}
.aside-content-left {
  left: calc(-340px - 8px);
}
.aside-content-left.show {
  left: 0;
}
.aside-content-right.show {
  right: 0;
  z-index: 101;
}
.aside-content-icon {
  position: absolute;
  top: 0;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
.aside-content-icon.facebook {
  background: #3b5998;
}
.aside-content-icon.instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.aside-content-right .aside-content-icon {
  left: -48px;
}
.aside-content-left .aside-content-icon {
  right: -48px;
}
.aside-content-container {
  width: calc(340px + 8px);
  background-color: #fff;
  min-height: 360px;
}
.facebook + .aside-content-container {
  border: 4px solid #3b5998;
}
.instagram + .aside-content-container {
  border: 4px solid #8d3fbe;
}
.aside-content-instagram-feed {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 480px;
}
/* FINAL - Facebook */
li {
  list-style: none;
}
.wish-list-image {
  overflow: hidden;
  width: 70px;
  max-height: 70px;
}
.wish-list-image img {
  display: block;
  width: 100%;
}
.cart-list-stock {
  position: absolute;
  z-index: 2;
  top: -5px;
  left: 16px;
  height: 10px;
  padding: 0 0.3rem;
  background: #fff;
}
.cart-list-total-price {
  min-width: 90px;
}

#tab-review h2 {
  font-size: 16px;
  margin: 5px 0;
  text-transform: none;
}
#tab-review input.input-text {
  width: 50%;
  margin-top: 5px;
}
/*============Especificações fonte awersome==================*/
.fa-circle-blank:before {
  content: '\f10c';
}
.fa-next:before,
.fa-prev:before {
  font-family: 'FontAwesome';
  font-size: 16px;
  font-style: normal;
  line-height: 35px;
  float: left;
  width: 25px;
  height: 35px;
  padding: 0;
  padding: 4px;
  text-align: center;
  color: #fff;
  background: none repeat scroll 0 0 #f5537d;
}
.fa-next:before {
  content: '\f105';
}
.fa-prev:before {
  content: '\f104';
}
.fa-reorder,
.fa-chevron-down {
  font-family: 'FontAwesome';
  font-style: normal;
}
li.active > span.fa-plus-square:before {
  font-family: 'FontAwesome';
  font-style: normal;
  content: '\f146';
}
span.fa-plus-square:before {
  font-family: 'FontAwesome';
  font-style: normal;
  position: absolute;
  top: 12px;
  right: 6px;
  padding: 2px 0 0 20px;
  content: '\f0fe';
  cursor: pointer;
}
/*========Fim Especificações fonte awersome==================*/
/* INICIO: icones de ordenação carrinho de compras by Dionis Mendanha*/
.sortable th.sortable_coll::after {
  font-family: 'FontAwesome';
  font-size: 15px;
  content: ' \f0d8\f0d7';
  cursor: pointer;
}
th.sorttable_sorted::after {
  font-family: 'FontAwesome';
  content: '  \f0d8';
  cursor: pointer;
}
th.sorttable_sorted_reverse::after {
  font-family: 'FontAwesome';
  content: '  \f0d7';
  cursor: pointer;
}
/* FIM: icones de ordenação carrinho de compras by Dionis Mendanha*/
.table_cart_responsive {
  display: none;
}
.table_cart_responsive #shopping-cart-table tfoot td,
.table_cart_responsive #shopping-cart-table {
  border: none;
}
.tdname {
  width: 180px;
}
.tdmodel {
  width: 180px;
}
.tdqtd {
  width: 160px;
}
.fix-height {
  min-height: 450px;
}

.sitemap-account-link {
  text-align: center;
}
/* INICIO fancybox conntroles com css - Alex F. Ricioli*/
.fancybox-nav.fancybox-prev span,
.fancybox-nav.fancybox-next span {
  font-size: 15px;
  line-height: 35px;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50%;
  background: rgba(60, 60, 60, 0.5);
}
.fancybox-prev span:hover,
.fancybox-next span:hover {
  background: rgb(60, 60, 60);
}
.fancybox-prev span:before,
.fancybox-next span:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  display: block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
}
.fancybox-prev span:before {
  content: '\f060';
}
.fancybox-next span:before {
  content: '\f061';
}
.fancybox-overlay.fancybox-overlay-fixed {
  background: rgba(0, 0, 0, 0.4);
}
/* FINAL - fancybox conntroles com css - Alex F. Ricioli*/
/*=========== INICIO - ComboBox-Autocomplete-Image - Alex F. Ricioli ===========*/
.combobox {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
ul.combobox-list {
  overflow-y: auto;
  min-width: 204px;
  max-height: 400px;
  background: #ecf0f1;
}
.combobox-list li a.combobox-options-link {
  padding: 0.4em;
}
.combobox-options-link {
  display: block;
  white-space: nowrap;
  text-decoration: none;
}
.ui-menu #ui-active-menuitem.combobox-options-link {
  color: #000;
  background: #ccd0d1;
}
.combobox-options-image {
  margin: 3px;
  margin-right: 10px;
}
.combobox-options-text {
  margin-right: 5px;
}
.combobox-options-image,
.combobox-options-text,
.combobox-options-link .fa {
  display: inline-block;
  vertical-align: middle;
}
.combobox-options-image {
  min-width: 50px;
  min-height: 50px;
}
.combobox-options-link .fa {
  min-width: 16px;
  min-height: 16px;
}
.combobox-input,
.combobox-button-toggle {
  padding: 10px;
  border: 1px solid #dcdcdc;
  outline: none;
}
.combobox-button-toggle {
  margin-left: -5px;
  padding-right: 15px;
  padding-left: 15px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
  background: #ecf0f1;
}
.combobox-input {
  border-radius: 5px 0 0 5px;
  background: #fff;
}
/*=========== FINAL - ComboBox-Autocomplete-Image - Alex F. Ricioli ===========*/
#button-mercado-livre {
  margin-bottom: 10px;
  padding: 9px;
  color: #fff;
  border: 1px solid #2d3277;
  background-color: #3e52a1;
  display: block;
  white-space: nowrap;
}
#button-mercado-livre:hover {
  background-color: #4355d2;
}
#button-mercado-livre + #button-cart {
  display: block;
  white-space: nowrap;
}
.checkbox-container {
  display: block;
}
.checkbox-container input[type='checkbox'],
.checkbox-container span {
  display: inline-block;
  vertical-align: middle;
}
.text-aviseme {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  color: #f00;
}

.productaside-item:hover {
  background: #f8f8f8;
}

/*============================ Ações Promocionais ============================*/

.special-action {
  position: relative;
  padding-bottom: 2.5rem;
  padding-top: 0.5rem;
  margin-top: 2rem;
}
.special-description{
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.special-action .itembox-image-link img{
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.special-action .itembox-content .btn-default{
  width: 100%;
  text-transform: uppercase;
}

.special-action .carousel-container .product-name{
  font-size: 18px;
  font-weight: bold;
}

.special-action .itembox .container-img{
  height: 0;
  padding-bottom: 86.666666666667%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.special-action .itembox{
  padding: 1rem;
}

/*fundo 100%*/
.special-action .background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  overflow: hidden;
}

.special-action.fullscreen .background-image{
  width: 125vw; /* 25 devido ao posicionamento do mobile, para ter uma margem de segurança */
  left: calc(((100vw - 1140px) / 2) * -1);
}

.special-action:not(.fullscreen){
  padding-left: 20px;
  padding-right: 20px;
}

.special-action .product-title h2 span{
  font-weight: 600;
  text-transform: uppercase;
  filter: drop-shadow(1px 2px 1px black);
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .special-action .itembox{
    padding: 8px;
  }

  .carousel-container .product-name{
    margin: 4px 0px;
  }
}


@media only screen and (max-width: 1280px) {
  .special-action.fullscreen .background-image {
    left: -25vw;
  }
}

.col-sm-9 .special-action .background-image,
.col-md-9 .special-action .background-image{
  width: 100%;
  left: 0;
  border-radius: 0.25rem;
}

/* Box de produto antigo - REMOVER APOS A UNIFICAÇÃO */
.captcha {
  margin: 5px 0;
  padding: 10px;
  border-radius: 4px;
}
.star-new-rating {
  display: none;
}
.new-rating {
  margin-left: 10px;
}
.new-rating .fa-star {
  cursor: pointer;
}
/*=============== INICIO - Categories Home -   Alex F. Ricioli ===============*/
.categories-sidebar-home .first-level-link,
.categories-sidebar-home .second-level-link {
  display: block;
  padding: 10px 0;
}
.categories-sidebar-home .third-level-link {
  display: block;
  padding: 5px 0;
}
.categories-sidebar-home .third-level-item:first-child > .third-level-link {
  padding-top: 0px;
}
.categories-sidebar-home .third-level-item:last-child > .third-level-link {
  padding-bottom: 10px;
}
.categories-sidebar-home .first-level-link {
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
}
.categories-sidebar-home .second-level-link,
.categories-sidebar-home .third-level-link {
  padding-left: 15px;
}
.categories-sidebar-home .second-level-item {
  border-bottom: 1px solid #d9d9d9;
}
.categories-sidebar-home .second-level-item:last-child {
  border-bottom: none;
}

/*=============== FINAL  - Categories Home -   Alex F. Ricioli ===============*/
.deptos {
  margin-right: 5px;
}
.cart-info table#shopping-cart-table {
  border-collapse: separate;
  border: none;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.cart-info table#shopping-cart-table td,
.cart-info table#shopping-cart-table th {
  border-collapse: separate;
  border: none;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
#link_img_produto {
  cursor: zoom-in;
}
/* INICIO - Sprites Bandeiras de pagamento - Alex F. Ricioli */
.bandeira {
  overflow: hidden;
  width: 50px;
  height: 30px;
  border-radius: 4px;
}
.master {
  background: url(../../image/bandeiras.jpg) 0 0 no-repeat;
}
.visa {
  background: url(../../image/bandeiras.jpg) 0 -30px no-repeat;
}
.elo {
  background: url(../../image/bandeiras.jpg) 0 -450px no-repeat;
}
.amex {
  background: url(../../image/bandeiras.jpg) 0 -60px no-repeat;
}
.hipercard {
  background: url(../../image/bandeiras.jpg) 0 -120px no-repeat;
}
.diners {
  background: url(../../image/bandeiras.jpg) 0 -90px no-repeat;
}
.cabal {
  background: url(../../image/bandeiras.jpg) 0 -180px no-repeat;
}
.aura {
  background: url(../../image/bandeiras.jpg) 0 -360px no-repeat;
}
.sorocred {
  background: url(../../image/bandeiras.jpg) 0 -240px no-repeat;
}
.bradesco {
  background: url(../../image/bandeiras.jpg) 0 -570px no-repeat;
}
.brasil {
  background: url(../../image/bandeiras.jpg) 0 -480px no-repeat;
}
.itau {
  background: url(../../image/bandeiras.jpg) 0 -510px no-repeat;
}
.banrisul {
  background: url(../../image/bandeiras.jpg) 0 -540px no-repeat;
}
.discover {
  background: url(../../image/bandeiras.jpg) 0 -270px no-repeat;
}
.jcb {
  background: url(../../image/bandeiras.jpg) 0 -150px no-repeat;
}
.boleto {
  background: url(../../image/bandeiras.jpg) 0 -600px no-repeat;
}
.hiper {
  background: url(../../image/bandeiras.jpg) 0 -300px no-repeat;
}
.ml {
  background: url(../../image/bandeiras.jpg) 0 -420px no-repeat;
}
.transferencia {
  background: url(../../image/bandeiras.jpg) 0 -630px no-repeat;
}
.paypal {
  background: url(../../image/bandeiras.jpg) 0 -660px no-repeat;
}
.pix {
  background: url(../../image/bandeiras.jpg) 0 -690px no-repeat;
}
/* FINAL  - Sprites Bandeiras de pagamento - Alex F. Ricioli */


/* Product */
#wrap {
  margin: 8px 0 0 8px;
}
#addTagForm {
  margin-top: 10px;
  margin-bottom: 5px;
}
/*============ Product Tabs ============*/
.product-tabs-content-inner {
  clear: both;
  padding: 12px 0;
  outline: none;
}
.product-tabs-content-inner strong {
  font-weight: 900;
}
.product-tabs-content-inner h2 {
  margin: 5px 0;
}
.product-tabs-content .form-add h2 {
  font-size: 100%;
  font-weight: 900;
}
.review-title {
  border-bottom: 1px solid #ccc;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.tabLink a:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.tabLink a span {
  display: inline-block;
  vertical-align: middle;
}
.todas-parcleas .parcelas {
  font-size: 12px;
  background-color: #f0f0f0;
}

.product-quick-view {
  z-index: 100;
  width: 100%;
  max-width: 950px;
  max-height: calc(100vh - 14rem);
  overflow: auto;
  background: #fff;
}

.product-image img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .product-quick-view {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: auto;
    border-radius: 0 !important;
  }
  .product-quick-view-close {
    position: absolute;
    top: 7px;
    right: 32px;
  }
  .product-image img {
    display: block;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

.product-quick-view .color,
.product-quick-view .size,
.product-quick-view .specification {
  max-width: 300px;
}
.areas-interests {
  padding: 0;
}
.areas-interests .bottom-border-gray:last-child {
  border: none;
}

.order-list .order-list-item,
.order-info .order-info-history {
  border-top-width: 0.25rem;
}
.module-newsletter .field-newsletter {
  width: 400px;
}
.module-newsletter {
  background-color: #eee;
}

.form-register .active .accordion-icon::before {
  display: inline-block;
  content: 'Próximo';
  vertical-align: middle;
}
.accordion-icon {
  cursor: pointer;
}
.form-register .active.last-control .accordion-icon::before,
.form-register .active.last-control .accordion-icon i {
  display: none;
}
.form-register .accordion-icon i {
  transition: 0.2s linear;
}
.form-register .active .accordion-icon i {
  transform: rotate(-90deg);
}
.contribute-icms {
  margin-top: 14px;
}
.aba-mobile {
  width: 50%;
  height: 3px;
  background: #d9d9d9;
}
.form-register input.validate {
  font-size: 1em;
}

/* .information-content{
  line-height: 1.5;
}

.information-content p{
  margin-bottom: 1em;
} */

.information-content img {
  max-width: 100%;
  height: auto !important;
}

.information-content li {
  list-style: initial;
  margin: 0.25rem 0 0.25rem 1rem;
}

.aside-filter-limit-content {
  overflow: auto;
  max-height: 150px;
}

/*============================ Avaliações da loja ============================*/
.store-rating {
  position: relative;
}
.store-rating .itembox {
  background: transparent !important;
}
.store-rating .carousel-container,
.store-rating .carousel-wrapper,
.store-rating .item-column {
  border: none !important;
}
/*fundo 100%*/
.store-rating::before {
  width: 125vw; /* 25 devido ao posicionamento do mobile, para ter uma margem de segurança */
  height: 100%;
  position: absolute;
  content: '';
  left: calc(((100vw - 1140px) / 2) * -1);
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .store-rating::before {
    left: -25vw;
  }
}
.col-xs-3 + .col-xs-12 .store-rating:before {
  width: 100%;
  left: 0;
  border-radius: 4px;
}

/* Ebit */
#dark {
  z-index: 30 !important;
  position: fixed !important;
}
#boxLight {
  z-index: 31 !important;
}
.view-mode i {
  display: block;
}

.btn-cart-notification {
  position: relative;
}
/*commented to remove notification when have item in cart */
/* .btn-cart-notification.have-in-cart::after {
  content: '';
  position: absolute;
  background: white;
  transform: translate(-100%, calc(-100% + 4.5px));
  width: 8px;
  height: 8px;
  z-index: 1;
  border-radius: 4px;
  display: inline-block;
  background: #dd4b39;
  box-shadow: 0 0 0 2px #ffffff;
} */

#main-image {
  max-width: 100%;
}

/* ajusde do botão paypal */
.paypal-button-style {
  width: 300px;
}

/* checkout confirm */
.additional-info {
  max-width: 480px;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
}
.additional-info + .additional-info {
  border-top: none;
}
.additional-info .actions .btn-default {
  width: 100%;
}
.border-bottom-none {
  border-bottom: none;
}
.checkbox-holder-label {
  display: block;
  margin-top: 1rem;
}
.checkbox-holder-label:first-child {
  margin-top: 0;
}

.product-title {
  margin: 2rem 0 1rem;
}

.product-title-with-lines::before,
.product-title-with-lines::after {
  content: '';
  position: absolute;
  width: 64px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.product-title-with-lines::before {
  left: -80px;
}

.product-title-with-lines::after {
  right: -80px;
}

.cart-kit-products-container {
  top: 34px;
  left: 0;
  width: 100%;
  max-height: 10rem;
  z-index: 1;
}

.product-page-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #FFFA;
  z-index: 9999;
  background-image: url(../../../../../../assets/img/loading-black.svg);
  background-repeat: no-repeat;
  background-position: center 300px;
}

/*Não exibir barra de rolagem*/
.invisible-scrollbar::-webkit-scrollbar{
  display: none;
}

/*Efeitos de Transição*/
.ease-effect {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.easein-effect {
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.easeinout-effect {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.easeout-effect {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.linear-effect {
  -webkit-transition: all 3s linear;
  -moz-transition: all 3s linear;
  transition: all 3s linear;
}

.step-start-effect {
  -webkit-transition: all .3s step-start;
  -moz-transition: all .3s step-start;
  transition: all .3s step-start;
}

.step-end-effect {
  -webkit-transition: all .3s step-end;
  -moz-transition: all .3s step-end;
  transition: all .3s step-end;
}

.product-list-container{
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
}

#product-content-image.product-list-aside-slide{
  display: grid;
  grid-template-columns: 5fr 1fr;
  column-gap: 1.5rem;
  margin-top: 1.5rem;
}


#main-video-content{
  position:relative;
  width:100%;
  min-height:325px;
  padding-bottom:56.2095662318%;
}

#main-video{
  position:absolute;
  width:100%;
  height:206px;
  top:0;
  left:0
}

.js-thumbnail > img{
  transition: 500ms linear;
}

.js-thumbnail > .border-active{
  border: 1px solid #CCCCCC;
  transform: scale(0.9);
}



@media only screen and (min-width: 62em) {
  #product-content-image.product-list-aside-slide > #main-video-content{
    position:relative;
    width:100%;
    min-height:625px;
    padding-bottom:56.2095662318%;
  }

  #main-video{
    position:absolute;
    width:100%;
    height:306px;
    top:0;
    left:0
  }
}