html { font-family: "Helvetica", sans-serif; }
.wrapperFull { width: 100%; max-width: 1250px; margin: 0 auto }
.m72 { margin: 72px 0 }

a { text-decoration: none; }
a,a:hover { transition: .2s }

.linksA a { text-decoration: underline; color: #211858; }
.linksB a { color: #212121; }

.btH { height: 42px; background: #7030C5; color: #fff; font-weight: 600; font-size: 15px; display: flex; align-items: center; border-radius: 8px; padding: 0 12px; box-sizing: border-box; position: relative; cursor: pointer; }
.btH:hover { background: #593EFF !important }
.dot-alert-carrinho { width: 12px; height: 12px; display: block; border-radius: 100%; position: absolute; top: 4px; right: 4px; background: #badc58; opacity: 0; transition: .2s; display: flex; align-items: center; justify-content: center; color: #000; font-size: 11px; }
.dot-alert-carrinho.active { opacity: 1; transition: .2s }
.btLogin { width: 96px }
.btLogin:before { content: ""; background: url(../img/Icons_login.png) no-repeat center; display: block; width: 16px; min-width: 16px; height: 16px; margin-right: 8px; }
.btCarrinho { width: 42px; margin-left: 8px; }
.btCarrinho:before { content: ""; background: url(../img/Icons_carrinho.png) no-repeat center; display: block; width: 16px; min-width: 16px; height: 16px; }
.btComprar { justify-content: center; }
.linkP { display: flex; justify-content: center; align-items: center; height: 42px; text-decoration: underline; color: #0000ff; font-size: 14px; }

.ham {cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active {transform: rotate(45deg); }
.hamRotate180.active {transform: rotate(180deg); }
.line {fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#4d4d4d; stroke-width:5; stroke-linecap:round; }
.ham1 .top {stroke-dasharray: 40 139; }
.ham1 .bottom {stroke-dasharray: 40 180; }
.ham1.active .top {stroke-dashoffset: -98px; }
.ham1.active .bottom {stroke-dashoffset: -138px; }

.color1 { color: #212121 }
.color2 { color: #7030C5 }
.color3 { color: #211858 }
.colorWhite { color: #fff }

.font-12 { font-size: 12px; line-height: 16px; }
.font-14 { font-size: 14px; line-height: 22px; }
.font-16 { font-size: 16px; line-height: 22px; }
.font-18 { font-size: 18px; line-height: 135%; }
.font-20 { font-size: 20px; line-height: 27px; }
.font-21 { font-size: 21px; line-height: 135%; }
.font-24 { font-size: 24px; line-height: 28px; }
.font-32 { font-size: 32px; line-height: 36px; }
.font-40 { font-size: 40px; line-height: 46px; }
.font-48 { font-size: 48px; line-height: 54px; }

.textCenter { text-align: center; }

.strong800 { font-weight: 800 }
.strong700 { font-weight: 700 }
.strong600 { font-weight: 600 }
.strong500 { font-weight: 500 }
.strong300 { font-weight: 300 }

.block { display: block; }

p strong { font-weight: 700 }

.list-number { list-style: auto }

.dot-alert-carrinho {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


@media ( max-width: 1250px ) {
.wrapperFull { max-width: 96% }
}

@media ( max-width: 768px ) {
.wrapperFull { padding: 0 6px; box-sizing: border-box; }
.m72 { margin: 36px 0 }

.btLogin { width: 42px; }
.btLogin:before { content: ""; margin-right: 0px; }
.btLogin span { display: none; }
.btH { font-size: 13px }

.font-14 { font-size: 13px; line-height: 135%; }
.font-16 { font-size: 14px; line-height: 135%; }
.font-18 { font-size: 15px; line-height: 19px; }
.font-20 { font-size: 16px; line-height: 22px; }
.font-21 { font-size: 16px }
.font-24 { font-size: 18px; line-height: 20px; }
.font-32 { font-size: 20px; line-height: 27px; }
.font-40 { font-size: 24px; line-height: 27px; }
.font-48 { font-size: 32px; line-height: 36px; }

}