/*================================== Rating ==================================*/
.ftr-active-star1:nth-child(-n+1),
.ftr-active-star2:nth-child(-n+2),
.ftr-active-star3:nth-child(-n+3),
.ftr-active-star4:nth-child(-n+4),
.ftr-active-star5:nth-child(-n+5) {
  color: rgb(253,216,53);
}

.pswp__bg {
  background-color: #FFF!important;
}
.pswp__top-bar {
  opacity: .6;
  -webkit-filter: invert(1);
  filter: invert(1);
}

/*=============================== Notification ===============================*/
.ftr-notification-container {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
}
.ftr-notification {
  position: absolute;
  z-index: 9999;
  top: -100px;
  max-width: 1367px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  height: 50px;
  min-height: 50px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0,0,0,.3), 0px 0px 1px 0px rgba(0,0,0,.2);
  box-shadow: 0px 2px 2px 0 rgba(0,0,0,.3), 0px 0px 1px 0px rgba(0,0,0,.2);
}
.ftr-notification--success {
  color: #5CB85C;
  background-color: #CEEACE;
}
.ftr-notification--info {
  color: #5BC0DE;
  background-color: #CDECF5;
}
.ftr-notification--warning {
  color: #F0AD4E;
  background-color: #FAE6CA;
}
.ftr-notification--error {
  color: #D9534F;
  background-color: #F4CBCA;;
}

/*================================= Paginação ================================*/
.ftr-pagination {
  margin: 0 auto;
  text-align: center;
}
.ftr-pagination .links {
  width: calc(100% - 8px);
}
.ftr-pagination .numbers-page a {
  display: none;
}
.ftr-pagination .links a.visible,
.ftr-pagination .links a.first-page,
.ftr-pagination .links a.prev-page,
.ftr-pagination .links a.next-page,
.ftr-pagination .links a.last-page,
.ftr-pagination .links b {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  width: 36px;
  height: 36px;
  margin: 4px;
  text-align: center;
  color: rgba(0,0,0, .87);
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.ftr-pagination .numbers-page {
  display: inline-block;
  /*overflow-x: scroll;
  overflow-y: hidden;
  width: calc(100% - 192px);
  vertical-align: middle;
  white-space: nowrap;*/
}
.ftr-pagination .results {
  display: none;
}

/*================== Ilustração de resultados não encontrado =================*/
.ftr-no-result {
  position: relative;
  width: 320px;
  height: 182px;
  margin: 16px auto;
  margin-top: calc((100vh - 450px)/2);
}
.ftr-no-result i {
  position: absolute;
}
.ftr-no-result__cloud-1 {
  font-size: 158px;
  z-index: 1;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  color: #FFF;
}
.ftr-no-result__cloud-2 {
  font-size: 128px;
  bottom: 32px;
  left: 0;
  color: #F8F8F8;
}
.ftr-no-result__cloud-3 {
  font-size: 96px;
  right: 16px;
  bottom: 76px;
  color: #F5F5F5;
}
.ftr-no-result__cloud-4 {
  font-size: 56px;
  right: 0;
  bottom: 76px;
  color: #E4E4E4;
}
.ftr-no-result__cloud-5 {
  font-size: 56px;
  right: 56%;
  bottom: 132px;
  transform: translateX(50%);
  color: #E4E4E4;
}
.ftr-no-result__cloud-6 {
  font-size: 32px;
  right: calc(56% + 32px);
  bottom: 132px;
  transform: translateX(50%);
  color: #F5F5F5;
}
.ftr-no-result__sad {
  font-size: 32px;
  z-index: 2;
  right: 50%;
  bottom: 45px;
  transform: translateX(50%) rotate(80deg);
  color: #EEE;
}
.ftr-no-result__search {
  font-size: 72px;
  z-index: 2;
  right: 72%;
  bottom: 0;
  transform: translateX(50%);
}

/*======================= Página do carrinho de compras ======================*/
/*.ftr-shipping-options .ftr-radio {
  display: -webkit-box;
  display: flex;
  height: auto;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  justify-content: space-between;
}*/
.ftr-flex {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.ftr-flex--start {
  justify-content: flex-start !important;
}
.ftr-cart-quantity {
  width: 70px;
}
.ftr-cart-product-image {
  width: 47px;
}

.ftr-modify-value span {
  display: block;
}
.ftr-modify-value__item {
  padding: 0 16px;
}
.ftr-seal-new {
  font-size: 10px;
  margin-top: .5rem;
}

/*======================= Página histórico de pedido =========================*/
.ftr-order-list__image {
  width: 66px;
  height: 66px;
  border: 1px solid #ddd;
  text-align: center;
  z-index: 1;
}
.ftr-order-list__image img {
  height: 100%;
}

/*====== Posiciona a mensagem do nivel de força da senha dentro do input =====*/
.ftr-password-strong-message {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 24px;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ftr-ripple {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  background: rgba(0, 0, 0, .2);

}
.ftr-ripple.active {
  -webkit-animation: ripple .2s ease-in-out;
  animation: ripple .2s ease-in-out;
}

.ftr-wishlist-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 14px;
  z-index: 1;
}
.ftr-wishlist-icon::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.8);
  z-index: -1;
  border-radius: 50%;
  top: 50%;
  right: 50%;
  margin: -20px;
}
.ftr-wishlist-icon.in {
  color: #D50000;
}
.ftr-option-color-grid--image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
        align-items: center;
}
.ftr-option-color-grid--image img {
  width: 48px;
}
/* card com conteúdo oculto */
.ftr-more-information-content {
  display: none;
}

/* ================================== Steps ==================================*/
.ftr-steps {
  position: fixed;
  top: 0;
  left: 0vw;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #FFF;
  z-index: 1;
  -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}
.ftr-steps.ftr-checkout-steps {
  left: 0vw;
}
.ftr-steps__step {
  width: 100vw;
  min-width: 100vw;
}
.ftr-steps__content {
  padding: 16px;
  height: 100vh;
  overflow-y: auto;
  max-width: 1367px;
  margin: 0 auto;
}
.ftr-steps__inner {
  min-height: 100%;
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.ftr-steps .ftr-btn--fab {
  margin-bottom: 72px;
}

.ftr-spin {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  padding: 0;
}
.ftr-spin .material-icons {
  line-height: 36px;
}
.ftr-spin + .ftr-field {
  display: inline-block;
  width: 62px;
  margin-right: 16px;
  margin-left: 16px;
}

.ftr-maps iframe {
  width: 100%;
}

.ftr-container-flag-card {
  position: relative;
}
.ftr-flag-card + img {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
}
.ftr-flag-card:not(:disabled) + img {
  display: block;
}

/*============ Font Icons gerada no site https://icomoon.io/app/ =============*/
@font-face {
  font-family: 'icomoon';
  font-display: auto;
  src:  url('../fonts/icomoon.eot?o9zlmh');
  src:  url('../fonts/icomoon.eot?o9zlmh#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?o9zlmh') format('truetype'),
    url('../fonts/icomoon.woff?o9zlmh') format('woff'),
    url('../fonts/icomoon.svg?o9zlmh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-size: 24px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
  content: "\ea93";
}

/* Esconde o botão de login, quando a página de login abre dentro as steps de finalização */
#checkout #form-login button[type=submit] {
  display: none;
}

/* ajuste para as descrições dos produtos na página do produto e no conteúdo da lateral */
/* com important para sobrescrever os css inline */
.ftr-product-details * {
  max-width: 92vw!important;
  max-width: calc(100vw - 32px)!important;
}
.ftr-swipe-content__main .ftr-product-details * {
  max-width: 75vw!important;
  max-width: calc(80vw - 22px)!important;
}
@media only screen and (min-width: 1367px) {
  .ftr-product-details * {
    max-width: calc(1367px - 32px)!important;
  }
  .ftr-swipe-content__main .ftr-product-details * {
    max-width: 90vw!important;
    max-width: 100%!important;
  }
}

/*======================= Modulo de avaliação da loja ========================*/
.ftr-no-scroller .ftr-store-rating,
.ftr-no-scroller .ftr-special,
.ftr-no-scroller .ftr-carousel {
  flex-wrap: nowrap;
  padding: 4px 8px;
}
.ftr-store-rating .ftr-grid__card {
  min-width: calc(100% - 52px);
  max-width: calc(100% - 52px);
}
@media (min-width: 480px) and (max-width: 839px) {
  .ftr-store-rating .ftr-grid__card {
    min-width: calc(100% - 82px);
    max-width: calc(100% - 82px);
  }
}
@media only screen and (min-width: 1367px) {
  .ftr-store-rating,
  .ftr-special {
    padding: 4px 8px;
  }
  .ftr-carousel {
    padding: 4px 0;
  }
}
@media (min-width: 840px) {
  .ftr-store-rating .ftr-grid__card {
    min-width: calc(50% - 48px);
    max-width: calc(50% - 48px);
  }
}

.ftr-special .ftr-special__card,
.ftr-carousel .ftr-carousel__card {
  border: 0;
  flex-basis: auto;
  width: initial;
  min-width: initial;
  max-width: initial;
  overflow: hidden;
}
.ftr-special .ftr-special__card {
  height: 244px;
}
.ftr-special .ftr-special__card::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
}
.ftr-special .ftr-special__image,
.ftr-carousel .ftr-carousel__image {
  width: auto;
  max-width: initial;
  height: 100%!important;
  position: relative;
}

.ftr-special .ftr-special__text {
  width: calc(100% - 32px);
  position: absolute;
  z-index: 1;
  bottom: 16px;
  left: 16px;
}

/*===================== Reset para descrições de produtos ====================*/
.ftr-product-details:after,
.ftr-product-details:before{
  content: '';
  display: block;
  clear: both;
}
.ftr-product-details * {
  box-sizing: border-box!important;
  line-height: initial!important;
  letter-spacing: initial!important;
  background-color: initial!important;
  width: initial!important;
  height: initial!important;
  white-space: initial!important;
  word-spacing: initial!important;
  text-indent: 0!important;
}
.ftr-product-details img {
  max-width: 100%!important;
}
.ftr-product-details table {
  table-layout: auto!important;
  border-collapse: collapse!important;
}
.ftr-product-details thead td,
.ftr-product-details thead td * {
  font-weight: bold!important;
}
.ftr-product-details td {
  border-color: #DDD!important;
  word-break: break-word!important;
}
.ftr-product-details tr:nth-child(odd) {
  background-color: #F0F0F0!important;
}
.ftr-product-details p {
  display: block!important;
}

.ftr-quantity-wholesale__notification {
  position: relative;
  width: 100%;
  max-width: 1367px;
  margin: 0 auto;
  display: block;
}
.ftr-quantity-wholesale__notification--have-in-cart::after {
  content: "";
  position: absolute;
  background: #fff;
  top: -40px;
  right: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  border-radius: 4px;
  display: inline-block;
  background: #dd4b39;
  box-shadow: 0 0 0 2px #fff;
}

form:not(.ftr-steps), .ftr-steps__content {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 700px) {
  .ftr-btn.ftr-btn--fab-form {
    right: calc((100% - 700px) / 2 + 16px);
  }
}

.ftr-grid-options {
  top: 0;
  left: 110%;
  position: absolute;
  background-color: #FFF;
  transition: left .4s linear;
  width: 100%;
  min-height: 300px;
  z-index: 10;
}

/*=============================== Progress Bar ================================*/
.ftr-progress-bar-container {
  width: 100%;
  background-color: #ddd;
  border-radius: 4px;
}

.ftr-progress-bar {
  height: 8px;
  border-radius: 4px;
  background-color: #28a745;
}

/*=============================== Itembox ======================================*/
.ftr-itembox-tags  {
  position: absolute;
  z-index: 1;
  padding: 16px;
  text-align: center;
}
.ftr-itembox-sale-label-title,
.ftr-itembox-sale-label,
.ftr-itembox-new-product {
  font-size: 12px;
  padding: 0 4px;
  font-weight: bold;
}
.ftr-itembox-sale-label-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ftr-itembox-new-product {
  background: #079A5E;
  color: #FFF;
}
@media only screen and (max-width: 1000px) {
  .ftr-product-card .itembox-sale-label-square {
    width: calc(100% - 36px);
  }
}