@font-face {
  font-family: MontserratRegular;
  src: url("../fonts/Montserrat/Montserrat-Regular.otf"); }

@font-face {
  font-family: MontserratLight;
  src: url("../fonts/Montserrat/Montserrat-Light.otf"); }

@font-face {
  font-family: MontserratBold;
  src: url("../fonts/Montserrat/Montserrat-Bold.otf"); }

@font-face {
  font-family: MontserratSemiBold;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.otf"); }

:root {
  max-width: 100%;
  overflow: hidden; }

.grid {
  display: grid;
  grid-template-columns: 6rem auto 6rem; }

.conteudo {
  height: 100vh;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5vh 9vw;
  background-image: url(../images/ground2.png);
  background-color: #10638D;
  background-repeat: no-repeat;
  background-size: cover; }

.paused {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important; }

.buttons-acao {
  position: absolute;
  left: 0;
  top: 20px;
  list-style: none; }
  .buttons-acao ul {
    list-style: none; }
    .buttons-acao ul li a {
      color: #fff; }

.blc-content {
  width: 100%;
  margin: 10vh 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative; }

.n-pad {
  padding: 0 !important; }

.n-pad-left {
  padding-left: 0 !important; }

.logo {
  position: absolute;
  top: 0;
  height: 9rem;
  left: 25%; }

.logo-senai {
  position: absolute;
  top: 0;
  height: 9rem;
  right: 25%; }

.nome-placa {
  position: absolute;
  height: initial; }

.riscorte {
  cursor: pointer;
  grid-column: 1;
  grid-row: 1 / 3;
  box-shadow: -9px 13px 11px 0px rgba(0, 0, 0, 0.32);
  background: linear-gradient(to right, white 0%, #0b4461 0%, rgba(107, 107, 111, 0) 100%);
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .riscorte .piso {
    position: absolute;
    height: 20rem;
    width: 100%;
    z-index: 2;
    top: 0; }
  .riscorte .maquina {
    background-color: #666;
    border: 1px solid #333233;
    width: 100%;
    height: 3rem;
    position: absolute;
    z-index: 6;
    top: -5px; }
  .riscorte .dobradora {
    position: absolute;
    width: 100%;
    z-index: 6;
    top: 130px; }
  .riscorte .dobrar {
    -webkit-animation-name: dobrar;
    animation-name: dobrar;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
  .riscorte .tecido {
    width: 80%;
    height: 15vh;
    background-color: #34408E;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 10px; }
  .riscorte .corte-tecido {
    z-index: 5;
    -webkit-animation-name: movebottom;
            animation-name: movebottom;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  .riscorte .animate-cortar {
    -webkit-animation-name: animatecut;
            animation-name: animatecut;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  .riscorte .calca-corte {
    position: absolute;
    top: 0;
    z-index: 2; }
  .riscorte .maq-corte {
    position: absolute;
    top: 30vh;
    width: 100%;
    z-index: 7; }
  .riscorte #corte {
    width: 58px;
    height: 12vh;
    position: absolute;
    top: 26vh;
    right: 0;
    bottom: 0;
    left: calc(50% - 24px);
    margin: 0;
    z-index: 6; }
  .riscorte .st1 {
    stroke-dasharray: 300;
    stroke-dashoffset: -300;
    -webkit-animation: draw-form 3s 1;
            animation: draw-form 3s 1;
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .riscorte .break {
    position: absolute; }
  .riscorte .smoke {
    position: absolute;
    z-index: 6;
    right: 0;
    top: 33vh; }
    .riscorte .smoke span {
      display: block;
      position: absolute;
      bottom: -35px;
      left: 50%;
      margin-left: -20px;
      height: 0px;
      width: 0px;
      border: 35px solid #4b4b4b;
      border-radius: 35px;
      left: -14px;
      opacity: 0;
      -webkit-transform: scale(0.2);
              transform: scale(0.2); }
    .riscorte .smoke .s1 {
      -webkit-animation: smoke1 5s 0s infinite;
              animation: smoke1 5s 0s infinite; }
    .riscorte .smoke .s2 {
      -webkit-animation: smoke2 5s 1s infinite;
              animation: smoke2 5s 1s infinite; }
    .riscorte .smoke .s3 {
      -webkit-animation: smoke1 5s 1.5s infinite;
              animation: smoke1 5s 1.5s infinite; }
    .riscorte .smoke .s4 {
      -webkit-animation: smoke2 5s 2s infinite;
              animation: smoke2 5s 2s infinite; }
    .riscorte .smoke .s5 {
      -webkit-animation: smoke1 5s 2.5s infinite;
              animation: smoke1 5s 2.5s infinite; }
    .riscorte .smoke .s6 {
      -webkit-animation: smoke2 5s 3s infinite;
              animation: smoke2 5s 3s infinite; }
    .riscorte .smoke .s7 {
      -webkit-animation: smoke1 5s 3.5s infinite;
              animation: smoke1 5s 3.5s infinite; }
    .riscorte .smoke .s8 {
      -webkit-animation: smoke2 5s 4s infinite;
              animation: smoke2 5s 4s infinite; }
    .riscorte .smoke .s9 {
      -webkit-animation: smoke1 5s 4.5s infinite;
              animation: smoke1 5s 4.5s infinite; }
    .riscorte .smoke .s10 {
      -webkit-animation: smoke2 5s 5s infinite;
              animation: smoke2 5s 5s infinite; }
  .riscorte .laser {
    fill: none; }

@-webkit-keyframes draw-form {
  from {
    stroke-dashoffset: 300; }
  to {
    stroke-dashoffset: 0; } }

@keyframes draw-form {
  from {
    stroke-dashoffset: 300; }
  to {
    stroke-dashoffset: 0; } }
  .riscorte .roll {
    position: absolute;
    width: 5rem;
    height: 85%;
    top: 0;
    background: #254252;
    border: 4px solid #254252;
    border-radius: 4px; }
  .riscorte .tools {
    position: absolute;
    background-image: linear-gradient(180deg, #333233 0%, #333233 36%, #FFFF99 36%, #FFFF99 63%, #333233 63%, #333233 100%);
    background-size: 10rem 0.7rem;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .riscorte .esteiraon {
    -webkit-animation-name: runtop;
    animation-name: runtop;
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
  .riscorte .box {
    background-color: #fff;
    position: absolute;
    width: 7rem;
    height: 6rem;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-right: 1px solid #333233;
    /*background: linear-gradient(to bottom, rgba(202,142,80,1) 0%, rgba(97,60,23,1) 19%, rgba(115,76,37,1) 19%, rgba(115,76,37,1) 82%, rgba(97,60,23,1) 82%, rgba(202,142,80,1) 100%);
        margin: 0px auto;
        border: 1px solid #B16E38;*/
    cursor: pointer;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: rotateY(0deg) rotateX(0deg) rotate(0deg); }
    .riscorte .box:hover .aba-d {
      transition: all .2s .4s ease;
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg); }
    .riscorte .box:hover .aba-esq {
      transition: all .2s .4s ease;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg); }
    .riscorte .box::before {
      content: "";
      height: 2rem;
      width: 5rem;
      background-color: #fff;
      position: absolute;
      top: -1rem;
      left: 0.5rem; }
    .riscorte .box img {
      position: absolute;
      width: 5.8rem;
      height: 5.8rem;
      top: 0;
      left: 0.1rem; }
    .riscorte .box .aba-d {
      position: absolute;
      width: 50%;
      height: 6rem;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      z-index: 1;
      right: 0;
      transition: all .2s 1.4s ease;
      -webkit-transform-origin: center right;
              transform-origin: center right;
      background-color: #bd8449;
      border: 1px solid #b16e38; }
    .riscorte .box .aba-esq {
      position: absolute;
      width: 50%;
      height: 6rem;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      z-index: 1;
      transition: all .2s 1.4s ease;
      -webkit-transform-origin: center left;
              transform-origin: center left;
      background-color: #bd8449;
      border: 1px solid #b16e38; }
    .riscorte .box .aba-d:before,
    .riscorte .box .aba-esq:before {
      background-color: transparent;
      background-position: 5px top,10px top,15px top,20px top;
      background-repeat: no-repeat;
      background-size: 5px 100%;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      content: ""; }
    .riscorte .box .nome-placa {
      position: absolute;
      top: 6rem;
      height: initial;
      width: 100%;
      left: 0; }

.jardim {
  grid-column: 2;
  height: 63vh;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .jardim .distribuicao {
    position: absolute;
    height: 30vh;
    top: 6rem; }

.cost-lav {
  grid-column: 2 / -1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: grid;
  grid-template-columns: 60% 40%;
  box-shadow: 9px 13px 11px 0px rgba(0, 0, 0, 0.32); }
  .cost-lav .costura {
    cursor: pointer;
    grid-column: 1;
    height: 6rem;
    background-color: #FFFF85;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    .cost-lav .costura .costureiraoff {
      display: none !important; }
    .cost-lav .costura .roupa {
      position: absolute;
      left: 8px;
      z-index: 2;
      display: none; }
      .cost-lav .costura .roupa .bolso {
        stroke: #34408e; }
      .cost-lav .costura .roupa .bolsomeio {
        stroke: #34408e; }
      .cost-lav .costura .roupa .cinto {
        opacity: 0; }
    .cost-lav .costura .roupaboa {
      -webkit-animation-name: roupaboa;
      animation-name: roupaboa;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      display: inline; }
    .cost-lav .costura .corbolso {
      -webkit-animation-name: corbolso;
      animation-name: corbolso;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .corbolso2 {
      -webkit-animation-name: corbolso2;
      animation-name: corbolso2;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .visivel {
      -webkit-animation-name: cinto;
      animation-name: cinto;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .hello {
      -webkit-animation-name: hello;
      animation-name: hello;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .hello2 {
      -webkit-animation-name: hello2;
      animation-name: hello2;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .hello3 {
      -webkit-animation-name: hello3;
      animation-name: hello3;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .roupaboafalta {
      -webkit-animation-name: roupaboafalta;
      animation-name: roupaboafalta;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      display: inline; }
    .cost-lav .costura .pernad-boa {
      -webkit-animation-name: pernad-boa;
      animation-name: pernad-boa;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .pernae-boa {
      -webkit-animation-name: pernae-boa;
      animation-name: pernae-boa;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .rouparetrabalho {
      -webkit-animation-name: rouparetrabalho;
      animation-name: rouparetrabalho;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      display: inline; }
      .cost-lav .costura .rouparetrabalho .diminuir {
        -webkit-animation-name: small;
        animation-name: small;
        -webkit-animation-duration: 9s;
        animation-duration: 9s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        display: inline; }
    .cost-lav .costura .rouparuim {
      -webkit-animation-name: rouparuim;
      animation-name: rouparuim;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      display: inline; }
      .cost-lav .costura .rouparuim .rasgo {
        -webkit-animation-name: rasgo;
        animation-name: rasgo;
        -webkit-animation-duration: 9s;
        animation-duration: 9s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        display: inline; }
      .cost-lav .costura .rouparuim .diminuir {
        -webkit-animation-name: small;
        animation-name: small;
        -webkit-animation-duration: 9s;
        animation-duration: 9s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        display: inline; }
    .cost-lav .costura .roll {
      position: absolute;
      width: 20%;
      height: 6rem;
      background: #254252;
      border: 4px solid #254252;
      border-radius: 4px;
      right: 4vw; }
    .cost-lav .costura .tools {
      position: absolute;
      background-image: linear-gradient(90deg, #333233 0%, #333233 58%, #FFFF99 27%, #FFFF99 90%, #333233 44%, #333233 100%);
      background-size: 0.7rem 1rem;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .cost-lav .costura .esteiraon2 {
      -webkit-animation-name: run;
      animation-name: run;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .costura .box {
      position: absolute;
      right: 0;
      width: 7rem;
      height: 6rem;
      background-color: #fff;
      border-left: 1px solid #333233;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0px auto;
      cursor: pointer;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: rotateY(0deg) rotateX(0deg) rotate(0deg);
              transform: rotateY(0deg) rotateX(0deg) rotate(0deg); }
      .cost-lav .costura .box:hover .topo {
        transition: all .2s .4s ease;
        -webkit-transform: rotateX(-180deg);
                transform: rotateX(-180deg); }
      .cost-lav .costura .box:hover .baixo {
        transition: all .2s .4s ease;
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg); }
      .cost-lav .costura .box img {
        position: absolute;
        width: 5.8rem;
        height: 5.8rem;
        right: 0; }
      .cost-lav .costura .box .topo {
        position: absolute;
        width: 6rem;
        height: 50%;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 1;
        bottom: 0;
        transition: all .2s 1.4s ease;
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        background-color: #bd8449;
        border: 1px solid #b16e38; }
      .cost-lav .costura .box .baixo {
        position: absolute;
        width: 6rem;
        height: 50%;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 1;
        transition: all .2s 1.4s ease;
        -webkit-transform-origin: center top;
                transform-origin: center top;
        background-color: #bd8449;
        border: 1px solid #b16e38; }
      .cost-lav .costura .box .topo:before,
      .cost-lav .costura .box .baixo:before {
        background-color: transparent;
        background-position: 5px top,10px top,15px top,20px top;
        background-repeat: no-repeat;
        background-size: 5px 100%;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        content: ""; }
      .cost-lav .costura .box .nome-placa {
        position: absolute;
        top: 6rem;
        height: initial;
        width: 100%;
        left: 0; }
    .cost-lav .costura .linha-prod {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      left: -3rem; }
      .cost-lav .costura .linha-prod .maquina {
        height: 5vh;
        width: 8vw;
        text-align: center;
        margin-left: 3rem; }
        .cost-lav .costura .linha-prod .maquina:nth-child(1) {
          margin-left: 0; }
        .cost-lav .costura .linha-prod .maquina .maquina-costura {
          width: 100%;
          position: relative; }
        .cost-lav .costura .linha-prod .maquina .maquina-topo {
          position: absolute;
          width: 8rem;
          left: 0;
          z-index: 3; }
        .cost-lav .costura .linha-prod .maquina .maquina-baixo {
          position: absolute;
          width: 7em;
          left: 0;
          top: -0.5rem; }
        .cost-lav .costura .linha-prod .maquina .cadeira {
          height: 4rem;
          width: 5rem;
          background-image: url(../images/cadeira.png);
          background-size: contain;
          background-repeat: no-repeat;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          position: relative;
          top: 4.1rem;
          text-align: center; }
          .cost-lav .costura .linha-prod .maquina .cadeira::after {
            content: "";
            background-image: url(../images/shadow-chair.png);
            background-size: contain;
            background-repeat: no-repeat;
            height: 5rem;
            width: 5rem;
            position: absolute;
            left: -18px; }
          .cost-lav .costura .linha-prod .maquina .cadeira .costureira {
            background-size: contain;
            background-repeat: no-repeat;
            height: 6rem;
            width: 5rem;
            position: absolute;
            top: -2.8rem; }
      .cost-lav .costura .linha-prod .n1 {
        right: 27rem; }
        .cost-lav .costura .linha-prod .n1 .cadeira .costureira {
          background-image: url(../images/cost-1.svg);
          z-index: 1; }
      .cost-lav .costura .linha-prod .n2 {
        right: 18rem; }
        .cost-lav .costura .linha-prod .n2 .cadeira .costureira {
          background-image: url(../images/cost-2.svg);
          height: 7rem;
          z-index: 4;
          top: -2.1rem; }
        .cost-lav .costura .linha-prod .n2 .cadeira .cost-baixo {
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          height: 6rem;
          width: 4.5rem;
          z-index: 2;
          top: -2.3rem;
          left: 0.5rem; }
      .cost-lav .costura .linha-prod .n3 {
        right: 9rem; }
        .cost-lav .costura .linha-prod .n3 .cadeira .costureira {
          background-image: url(../images/cost-3.svg);
          height: 7rem;
          z-index: 4;
          top: -1.6rem; }
        .cost-lav .costura .linha-prod .n3 .cadeira .cost-baixo {
          background-image: url(../images/cost-3-baixo.svg);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          height: 6rem;
          width: 4.5rem;
          z-index: 2;
          top: -3rem;
          left: 0.5rem; }
    .cost-lav .costura .lixeiras {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: absolute;
      top: -8rem; }
      .cost-lav .costura .lixeiras .retrabalho {
        height: 6rem;
        width: 6rem;
        background-image: url(../images/lixo-ret1.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 2rem; }
        .cost-lav .costura .lixeiras .retrabalho::after {
          content: "";
          height: 2rem;
          width: 4.6rem;
          background-color: #fff;
          position: absolute;
          top: 6rem;
          right: 3.1rem; }
      .cost-lav .costura .lixeiras .descarte {
        height: 6rem;
        width: 6rem;
        background-image: url(../images/refugo1.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 5rem; }
        .cost-lav .costura .lixeiras .descarte::after {
          content: "";
          height: 2rem;
          width: 4.6rem;
          background-color: #fff;
          position: absolute;
          top: 6rem;
          left: 0.3rem; }
  .cost-lav .lavagem {
    cursor: pointer;
    grid-column: 2;
    height: 6rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0b4461 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    .cost-lav .lavagem .calca {
      z-index: 2;
      position: absolute;
      left: 10px; }
    .cost-lav .lavagem .lavada {
      -webkit-animation-name: lavada;
      animation-name: lavada;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .lavagem .lavadora {
      height: 6rem;
      width: 9.2rem;
      background-image: url(../images/lavadora.svg);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      z-index: 2;
      left: 0;
      border-radius: 4px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .cost-lav .lavagem .lavadora .recipiente {
        width: 5.4rem;
        height: 3.1rem;
        background-color: #2d356f;
        position: absolute;
        z-index: 2; }
      .cost-lav .lavagem .lavadora #bubbles {
        width: 5.4rem;
        height: 3.1rem;
        background-color: #2d356f;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly; }
    .cost-lav .lavagem .lavar-roupa {
      -webkit-animation-name: lavar;
              animation-name: lavar;
      -webkit-animation-duration: 9s;
              animation-duration: 9s;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-direction: normal;
              animation-direction: normal;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1; }
    .cost-lav .lavagem .quebrada {
      -webkit-animation-name: shake;
              animation-name: shake;
      -webkit-animation-duration: 3s;
              animation-duration: 3s;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-direction: normal;
              animation-direction: normal;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .cost-lav .lavagem .top-bolt {
      -webkit-animation: glow 0.3s linear infinite;
      animation: glow 0.3s linear infinite;
      height: 4rem;
      position: absolute;
      top: -5rem;
      left: 2rem; }
      .cost-lav .lavagem .top-bolt .bolt {
        display: none; }
      .cost-lav .lavagem .top-bolt .shine {
        display: inline;
        fill: gray;
        -webkit-animation: glow 0.3s linear infinite;
                animation: glow 0.3s linear infinite; }
    .cost-lav .lavagem .roll {
      position: absolute;
      width: 85%;
      left: 0;
      height: 5rem;
      background: #254252;
      border: 4px solid #254252;
      border-radius: 4px; }
    .cost-lav .lavagem .tools {
      position: absolute;
      background-image: linear-gradient(90deg, #333233 0%, #333233 58%, #FFFF99 27%, #FFFF99 90%, #333233 44%, #333233 100%);
      background-size: 0.7rem 1rem;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .cost-lav .lavagem .esteiraon2 {
      -webkit-animation-name: run;
      animation-name: run;
      -webkit-animation-delay: 2s;
              animation-delay: 2s;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .cost-lav .lavagem .box {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 6rem;
      height: 6rem;
      right: 0;
      z-index: 1;
      top: 0;
      background-color: #fff;
      /* background: linear-gradient(to bottom, rgba(202,142,80,1) 0%, rgba(97,60,23,1) 19%, rgba(115,76,37,1) 19%, rgba(115,76,37,1) 82%, rgba(97,60,23,1) 82%, rgba(202,142,80,1) 100%);
          margin: 0px auto;
          border: 1px solid #B16E38;*/
      cursor: pointer;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: rotateY(0deg) rotateX(0deg) rotate(0deg);
              transform: rotateY(0deg) rotateX(0deg) rotate(0deg); }
      .cost-lav .lavagem .box:hover .topo {
        transition: all .2s .4s ease;
        -webkit-transform: rotateX(-180deg);
                transform: rotateX(-180deg); }
      .cost-lav .lavagem .box:hover .baixo {
        transition: all .2s .4s ease;
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg); }
      .cost-lav .lavagem .box::after {
        content: "";
        height: 2rem;
        width: 5rem;
        background-color: #fff;
        border: 1px solid #333233;
        border: 1px solid 333233;
        position: absolute;
        top: -1rem; }
      .cost-lav .lavagem .box::before {
        content: "";
        height: 5rem;
        width: 1rem;
        background-color: #fff;
        border-left: 1px solid #333233;
        border-top: 1px solid #333233;
        border-bottom: 1px solid #333233;
        position: absolute;
        left: -1rem; }
      .cost-lav .lavagem .box img {
        position: absolute;
        width: 5.8rem;
        height: 5.8rem;
        top: 0;
        z-index: 1; }
      .cost-lav .lavagem .box .topo {
        position: absolute;
        width: 6rem;
        height: 50%;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 1;
        bottom: 0;
        transition: all .2s 1.4s ease;
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        background-color: #bd8449;
        border: 1px solid #b16e38; }
      .cost-lav .lavagem .box .baixo {
        position: absolute;
        width: 6rem;
        height: 50%;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 1;
        transition: all .2s 1.4s ease;
        -webkit-transform-origin: center top;
                transform-origin: center top;
        background-color: #bd8449;
        border: 1px solid #b16e38; }
      .cost-lav .lavagem .box .topo:before,
      .cost-lav .lavagem .box .baixo:before {
        background-color: transparent;
        background-position: 5px top,10px top,15px top,20px top;
        background-repeat: no-repeat;
        background-size: 5px 100%;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        content: ""; }
      .cost-lav .lavagem .box .nome-placa {
        position: absolute;
        top: 6rem;
        height: initial;
        width: 100%;
        left: 0; }

.inspecao {
  cursor: pointer;
  grid-column: 3;
  height: 63vh;
  box-shadow: 11px 0px 11px 0px rgba(0, 0, 0, 0.32);
  background: linear-gradient(to right, rgba(107, 107, 111, 0) 0%, #0b4461 100%);
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .inspecao .jeans {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 2;
    display: none; }
    .inspecao .jeans .ruim {
      fill: #34408E; }
    .inspecao .jeans .ativa {
      fill: #34408E; }
  .inspecao .embalada {
    position: absolute;
    bottom: 30vh;
    z-index: 2;
    width: 47px; }
  .inspecao .flash {
    -webkit-animation: big 0.2s ease-out 1s 3;
    animation: big 0.2s ease-out 1s 3; }
  .inspecao .jeans-boa {
    -webkit-animation-name: jeans-boa;
            animation-name: jeans-boa;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    display: initial; }
  .inspecao .jeans-retrab {
    -webkit-animation-name: jeans-retrab;
            animation-name: jeans-retrab;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    display: initial; }
  .inspecao .jeans-ruim {
    -webkit-animation-name: jeans-ruim;
            animation-name: jeans-ruim;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    display: initial; }
  .inspecao .guardar {
    -webkit-animation-name: guardar;
            animation-name: guardar;
    -webkit-animation-duration: 9s;
            animation-duration: 9s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  .inspecao .box {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 6rem;
    height: 7rem;
    z-index: 2;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #333233;
    /* background: linear-gradient(to bottom, rgba(202,142,80,1) 0%, rgba(97,60,23,1) 19%, rgba(115,76,37,1) 19%, rgba(115,76,37,1) 82%, rgba(97,60,23,1) 82%, rgba(202,142,80,1) 100%);
      margin: 0px auto;
      border: 1px solid #B16E38;*/
    cursor: pointer;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotate(0deg);
            transform: rotateY(0deg) rotateX(0deg) rotate(0deg); }
    .inspecao .box:hover .aba-d {
      transition: all .2s .4s ease;
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg); }
    .inspecao .box:hover .aba-esq {
      transition: all .2s .4s ease;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg); }
    .inspecao .box::after {
      content: "";
      height: 1rem;
      width: 5rem;
      background-color: #fff;
      position: absolute;
      bottom: -1rem;
      border: 1px solid #333233; }
    .inspecao .box img {
      position: absolute;
      width: 5.8rem;
      height: 5.8rem;
      top: 0;
      z-index: 1; }
    .inspecao .box .aba-d {
      position: absolute;
      width: 50%;
      height: 6rem;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      z-index: 1;
      right: 0;
      transition: all .2s 1.4s ease;
      -webkit-transform-origin: center right;
              transform-origin: center right;
      background-color: #bd8449;
      border: 1px solid #b16e38; }
    .inspecao .box .aba-esq {
      position: absolute;
      width: 50%;
      height: 6rem;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      z-index: 1;
      transition: all .2s 1.4s ease;
      -webkit-transform-origin: center left;
              transform-origin: center left;
      background-color: #bd8449;
      border: 1px solid #b16e38; }
    .inspecao .box .aba-d:before,
    .inspecao .box .aba-esq:before {
      background-color: transparent;
      background-position: 5px top,10px top,15px top,20px top;
      background-repeat: no-repeat;
      background-size: 5px 100%;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      content: ""; }
    .inspecao .box .nome-placa {
      position: absolute;
      top: -1.5rem;
      height: initial;
      width: 100%;
      left: 0; }
  .inspecao .resultado {
    position: absolute;
    height: 4rem;
    width: 4rem;
    right: -7rem;
    bottom: 7rem; }
    .inspecao .resultado .placaok {
      height: 4rem;
      position: absolute;
      display: none; }
    .inspecao .resultado .placaruim {
      height: 4rem;
      position: absolute;
      display: none; }
    .inspecao .resultado .insp-ok {
      display: inline;
      -webkit-animation-name: placa;
      animation-name: placa;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
    .inspecao .resultado .insp-ruim {
      display: inline;
      -webkit-animation-name: placa;
      animation-name: placa;
      -webkit-animation-duration: 9s;
      animation-duration: 9s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
  .inspecao .camera {
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    right: -6rem;
    bottom: 18px;
    z-index: 1; }
    .inspecao .camera .luz {
      position: absolute;
      background: radial-gradient(ellipse at center, #f4f1ec 0%, #f4f1ec 31%, #8b8e72 100%);
      height: 20px;
      width: 20px;
      border-radius: 4px;
      top: -12px;
      left: 22px;
      border: 1px solid #757578; }
  .inspecao .barra {
    position: absolute;
    height: 6.5rem;
    right: -8.5rem;
    bottom: 0; }
  .inspecao .qualidade {
    position: absolute;
    height: 9rem;
    width: 100%;
    z-index: 2;
    left: -7px;
    background-image: url(../images/qualidade.svg);
    background-repeat: no-repeat;
    background-size: contain; }
  .inspecao .roll {
    position: absolute;
    width: 5rem;
    height: 85%;
    top: 6rem;
    background: #254252;
    border: 4px solid #254252;
    border-radius: 4px; }
  .inspecao .tools {
    position: absolute;
    background-image: linear-gradient(180deg, #333233 0%, #333233 36%, #FFFF99 36%, #FFFF99 63%, #333233 63%, #333233 100%);
    background-size: 10rem 0.7rem;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .inspecao .esteiraon3 {
    -webkit-animation-name: runbottom;
    animation-name: runbottom;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
  .inspecao .lixeiras {
    position: absolute;
    left: -7rem;
    bottom: 0.5rem; }
    .inspecao .lixeiras .retrabalho {
      height: 5rem;
      width: 5rem;
      background-image: url(../images/lixo-ret2.png);
      background-repeat: no-repeat;
      background-size: contain; }
      .inspecao .lixeiras .retrabalho::after {
        content: "";
        height: 3.8rem;
        width: 2.5rem;
        background-color: #fff;
        position: absolute;
        top: 5.8rem;
        right: -2.55rem; }
    .inspecao .lixeiras .descarte {
      height: 5rem;
      width: 5rem;
      background-image: url(../images/refugo2.png);
      background-repeat: no-repeat;
      background-size: contain;
      margin-bottom: 0.5rem; }
      .inspecao .lixeiras .descarte::after {
        content: "";
        height: 3.8rem;
        width: 2.5rem;
        background-color: #fff;
        position: absolute;
        top: 0.3rem;
        right: -2.55rem; }

@-webkit-keyframes runtop {
  0% {
    background-position-y: 0px; }
  50% {
    background-position-y: 50%; }
  100% {
    background-position-y: 100%; } }

@keyframes runtop {
  0% {
    background-position-y: 0px; }
  50% {
    background-position-y: 50%; }
  100% {
    background-position-y: 100%; } }

@-webkit-keyframes run {
  0% {
    background-position: 0; }
  100% {
    background-position: 100%; } }

@keyframes run {
  0% {
    background-position: 0; }
  100% {
    background-position: 100%; } }

@-webkit-keyframes runbottom {
  0% {
    background-position-y: 100%; }
  50% {
    background-position-y: 50%; }
  100% {
    background-position-y: 0; } }

@keyframes runbottom {
  0% {
    background-position-y: 100%; }
  50% {
    background-position-y: 50%; }
  100% {
    background-position-y: 0; } }

@-webkit-keyframes movebottom {
  10% {
    top: 80px; }
  20% {
    top: 80px; }
  30% {
    top: 80px; }
  40% {
    top: 80px; }
  45% {
    top: 80px; }
  50% {
    top: 30%; }
  60% {
    top: 30%; }
  80% {
    top: 30%; }
  100% {
    top: 30%; } }

@keyframes movebottom {
  10% {
    top: 80px; }
  20% {
    top: 80px; }
  30% {
    top: 80px; }
  40% {
    top: 80px; }
  45% {
    top: 80px; }
  50% {
    top: 30%; }
  60% {
    top: 30%; }
  80% {
    top: 30%; }
  100% {
    top: 30%; } }

@-webkit-keyframes dobrar {
  10% {
    top: 130px; }
  15% {
    top: 210px; }
  30% {
    top: 50px; }
  45% {
    top: 210px; }
  60% {
    top: 50px; }
  35% {
    top: 210px; }
  40% {
    top: 50px; }
  45% {
    top: 130px; }
  50% {
    top: 130px; }
  60% {
    top: 130px; }
  80% {
    top: 130px; }
  100% {
    top: 130px; } }

@keyframes dobrar {
  10% {
    top: 130px; }
  15% {
    top: 210px; }
  30% {
    top: 50px; }
  45% {
    top: 210px; }
  60% {
    top: 50px; }
  35% {
    top: 210px; }
  40% {
    top: 50px; }
  45% {
    top: 130px; }
  50% {
    top: 130px; }
  60% {
    top: 130px; }
  80% {
    top: 130px; }
  100% {
    top: 130px; } }

@-webkit-keyframes animatecut {
  10% {
    top: 80px; }
  20% {
    top: 80px; }
  30% {
    top: 80px; }
  40% {
    top: 80px; }
  45% {
    top: 80px; }
  50% {
    top: 30%; }
  60% {
    top: 30%; }
  85% {
    top: 78%; }
  87% {
    top: 87%; }
  90% {
    top: 87%; }
  99% {
    top: 87%;
    opacity: 1; }
  100% {
    top: 87%;
    opacity: 0; } }

@keyframes animatecut {
  10% {
    top: 80px; }
  20% {
    top: 80px; }
  30% {
    top: 80px; }
  40% {
    top: 80px; }
  45% {
    top: 80px; }
  50% {
    top: 30%; }
  60% {
    top: 30%; }
  85% {
    top: 78%; }
  87% {
    top: 87%; }
  90% {
    top: 87%; }
  99% {
    top: 87%;
    opacity: 1; }
  100% {
    top: 87%;
    opacity: 0; } }

@-webkit-keyframes smoke1 {
  0% {
    -webkit-transform: scale(0.2) translate(0, 0);
            transform: scale(0.2) translate(0, 0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(0.2) translate(0, -5px);
            transform: scale(0.2) translate(0, -5px); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-20px, -130px);
            transform: scale(1) translate(-20px, -130px); } }

@keyframes smoke1 {
  0% {
    -webkit-transform: scale(0.2) translate(0, 0);
            transform: scale(0.2) translate(0, 0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(0.2) translate(0, -5px);
            transform: scale(0.2) translate(0, -5px); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-20px, -130px);
            transform: scale(1) translate(-20px, -130px); } }

@-webkit-keyframes smoke2 {
  0% {
    -webkit-transform: scale(0.2) translate(0, 0);
            transform: scale(0.2) translate(0, 0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(0.2) translate(0, -5px);
            transform: scale(0.2) translate(0, -5px); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(20px, -130px);
            transform: scale(1) translate(20px, -130px); } }

@keyframes smoke2 {
  0% {
    -webkit-transform: scale(0.2) translate(0, 0);
            transform: scale(0.2) translate(0, 0); }
  10% {
    opacity: 1;
    -webkit-transform: scale(0.2) translate(0, -5px);
            transform: scale(0.2) translate(0, -5px); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(20px, -130px);
            transform: scale(1) translate(20px, -130px); } }

@-webkit-keyframes roupaboa {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  7% {
    left: 0; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 40%; }
  44% {
    left: 41%; }
  46% {
    left: 40%; }
  48% {
    left: 41%; }
  50% {
    left: 40%; }
  55% {
    left: 52%; }
  60% {
    left: 52%; }
  65% {
    left: 52%; }
  70% {
    left: 60%; }
  75% {
    left: 65%; }
  82% {
    left: 66%; }
  84% {
    left: 65%; }
  86% {
    left: 66%; }
  88% {
    left: 65%; }
  90% {
    left: 70%; }
  95% {
    left: 87%; }
  99% {
    left: 87%;
    opacity: 1; }
  100% {
    left: 87%;
    opacity: 0; } }

@keyframes roupaboa {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  7% {
    left: 0; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 40%; }
  44% {
    left: 41%; }
  46% {
    left: 40%; }
  48% {
    left: 41%; }
  50% {
    left: 40%; }
  55% {
    left: 52%; }
  60% {
    left: 52%; }
  65% {
    left: 52%; }
  70% {
    left: 60%; }
  75% {
    left: 65%; }
  82% {
    left: 66%; }
  84% {
    left: 65%; }
  86% {
    left: 66%; }
  88% {
    left: 65%; }
  90% {
    left: 70%; }
  95% {
    left: 87%; }
  99% {
    left: 87%;
    opacity: 1; }
  100% {
    left: 87%;
    opacity: 0; } }

@-webkit-keyframes corbolso {
  0% {
    stroke: #34408E; }
  12% {
    stroke: #34408E; }
  14% {
    stroke: #34408E; }
  16% {
    stroke: #34408E; }
  18% {
    stroke: #34408E; }
  20% {
    stroke: #34408E; }
  35% {
    stroke: #34408E; }
  42% {
    stroke: #fff; }
  44% {
    stroke: #fff; }
  46% {
    stroke: #fff; }
  100% {
    stroke: #fff; } }

@keyframes corbolso {
  0% {
    stroke: #34408E; }
  12% {
    stroke: #34408E; }
  14% {
    stroke: #34408E; }
  16% {
    stroke: #34408E; }
  18% {
    stroke: #34408E; }
  20% {
    stroke: #34408E; }
  35% {
    stroke: #34408E; }
  42% {
    stroke: #fff; }
  44% {
    stroke: #fff; }
  46% {
    stroke: #fff; }
  100% {
    stroke: #fff; } }

@-webkit-keyframes corbolso2 {
  0% {
    stroke: #34408E; }
  12% {
    stroke: #34408E; }
  14% {
    stroke: #34408E; }
  16% {
    stroke: #34408E; }
  18% {
    stroke: #34408E; }
  20% {
    stroke: #34408E; }
  35% {
    stroke: #34408E; }
  42% {
    stroke: #34408E; }
  44% {
    stroke: #34408E; }
  46% {
    stroke: #34408E; }
  48% {
    stroke: #34408E; }
  50% {
    stroke: #34408E; }
  55% {
    stroke: #34408E; }
  60% {
    stroke: #fff; }
  90% {
    stroke: #fff; }
  100% {
    stroke: #fff; } }

@keyframes corbolso2 {
  0% {
    stroke: #34408E; }
  12% {
    stroke: #34408E; }
  14% {
    stroke: #34408E; }
  16% {
    stroke: #34408E; }
  18% {
    stroke: #34408E; }
  20% {
    stroke: #34408E; }
  35% {
    stroke: #34408E; }
  42% {
    stroke: #34408E; }
  44% {
    stroke: #34408E; }
  46% {
    stroke: #34408E; }
  48% {
    stroke: #34408E; }
  50% {
    stroke: #34408E; }
  55% {
    stroke: #34408E; }
  60% {
    stroke: #fff; }
  90% {
    stroke: #fff; }
  100% {
    stroke: #fff; } }

@-webkit-keyframes cinto {
  0% {
    opacity: 0; }
  69% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes cinto {
  0% {
    opacity: 0; }
  69% {
    opacity: 0; }
  70% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes hello {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  12% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  18% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  19% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@keyframes hello {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  12% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  18% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  19% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@-webkit-keyframes hello2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  12% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  41% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  42% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  50% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  51% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@keyframes hello2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  12% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  41% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  42% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  50% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  51% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@-webkit-keyframes hello3 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  40% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  69% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  70% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  88% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  89% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@keyframes hello3 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  40% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  69% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  70% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  88% {
    -webkit-transform: translate(-5px, 0px) rotate(-5deg);
            transform: translate(-5px, 0px) rotate(-5deg); }
  89% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0); } }

@-webkit-keyframes roupaboafalta {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 60%; }
  44% {
    left: 65%; }
  46% {
    left: 60%; }
  48% {
    left: 65%; }
  50% {
    left: 60%; }
  55% {
    left: 60%; }
  60% {
    left: 60%; }
  65% {
    left: 60%; }
  70% {
    left: 60%; }
  75% {
    left: 65%; }
  82% {
    left: 66%; }
  84% {
    left: 65%; }
  86% {
    left: 66%; }
  88% {
    left: 65%; }
  90% {
    left: 70%; }
  95% {
    left: 87%; }
  99% {
    left: 87%;
    opacity: 1; }
  100% {
    left: 87%;
    opacity: 0; } }

@keyframes roupaboafalta {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 60%; }
  44% {
    left: 65%; }
  46% {
    left: 60%; }
  48% {
    left: 65%; }
  50% {
    left: 60%; }
  55% {
    left: 60%; }
  60% {
    left: 60%; }
  65% {
    left: 60%; }
  70% {
    left: 60%; }
  75% {
    left: 65%; }
  82% {
    left: 66%; }
  84% {
    left: 65%; }
  86% {
    left: 66%; }
  88% {
    left: 65%; }
  90% {
    left: 70%; }
  95% {
    left: 87%; }
  99% {
    left: 87%;
    opacity: 1; }
  100% {
    left: 87%;
    opacity: 0; } }

@-webkit-keyframes rouparetrabalho {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 40%; }
  44% {
    left: 41%; }
  46% {
    left: 40%; }
  48% {
    left: 41%; }
  50% {
    left: 40%; }
  55% {
    left: 52%; }
  60% {
    left: 52%; }
  65% {
    left: 55.5%;
    top: 23px;
    height: 58px; }
  80% {
    left: 55.5%;
    top: -90px;
    height: 58px; }
  90% {
    left: 55.5%;
    top: -90px;
    height: 35px; }
  99% {
    left: 55.5%;
    top: -90px;
    height: 35px;
    opacity: 1; }
  100% {
    left: 55.5%;
    top: -90px;
    height: 35px;
    opacity: 0; } }

@keyframes rouparetrabalho {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 12%; }
  35% {
    left: 30%; }
  42% {
    left: 40%; }
  44% {
    left: 41%; }
  46% {
    left: 40%; }
  48% {
    left: 41%; }
  50% {
    left: 40%; }
  55% {
    left: 52%; }
  60% {
    left: 52%; }
  65% {
    left: 55.5%;
    top: 23px;
    height: 58px; }
  80% {
    left: 55.5%;
    top: -90px;
    height: 58px; }
  90% {
    left: 55.5%;
    top: -90px;
    height: 35px; }
  99% {
    left: 55.5%;
    top: -90px;
    height: 35px;
    opacity: 1; }
  100% {
    left: 55.5%;
    top: -90px;
    height: 35px;
    opacity: 0; } }

@-webkit-keyframes rouparuim {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 20%; }
  35% {
    left: 10.2rem; }
  40% {
    left: 10.2rem; }
  50% {
    left: 10.2rem;
    top: 23px;
    height: 58px; }
  80% {
    left: 10.5rem;
    top: -92px;
    height: 58px; }
  90% {
    left: 10.2rem;
    top: -92px;
    height: 35px; }
  99% {
    left: 10.2rem;
    top: -92px;
    height: 35px;
    opacity: 1; }
  100% {
    left: 10.2rem;
    top: -92px;
    height: 35px;
    opacity: 0; } }

@keyframes rouparuim {
  0% {
    left: 0;
    opacity: 0; }
  3% {
    left: 0;
    opacity: 1; }
  12% {
    left: 12%; }
  14% {
    left: 13%; }
  16% {
    left: 12%; }
  18% {
    left: 13%; }
  20% {
    left: 20%; }
  35% {
    left: 10.2rem; }
  40% {
    left: 10.2rem; }
  50% {
    left: 10.2rem;
    top: 23px;
    height: 58px; }
  80% {
    left: 10.5rem;
    top: -92px;
    height: 58px; }
  90% {
    left: 10.2rem;
    top: -92px;
    height: 35px; }
  99% {
    left: 10.2rem;
    top: -92px;
    height: 35px;
    opacity: 1; }
  100% {
    left: 10.2rem;
    top: -92px;
    height: 35px;
    opacity: 0; } }

@-webkit-keyframes rasgo {
  0% {
    fill: none; }
  12% {
    fill: none; }
  14% {
    fill: none; }
  16% {
    fill: none; }
  18% {
    fill: none; }
  20% {
    fill: #fff; }
  35% {
    fill: #fff; }
  100% {
    fill: #fff; } }

@keyframes rasgo {
  0% {
    fill: none; }
  12% {
    fill: none; }
  14% {
    fill: none; }
  16% {
    fill: none; }
  18% {
    fill: none; }
  20% {
    fill: #fff; }
  35% {
    fill: #fff; }
  100% {
    fill: #fff; } }

@-webkit-keyframes pernad-boa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  15% {
    -webkit-transform: translate(0px, -5px);
            transform: translate(0px, -5px); }
  100% {
    -webkit-transform: translate(0px, -5px);
            transform: translate(0px, -5px); } }

@keyframes pernad-boa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  15% {
    -webkit-transform: translate(0px, -5px);
            transform: translate(0px, -5px); }
  100% {
    -webkit-transform: translate(0px, -5px);
            transform: translate(0px, -5px); } }

@-webkit-keyframes pernae-boa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  15% {
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px); }
  100% {
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px); } }

@keyframes pernae-boa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  12% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  15% {
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px); }
  100% {
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px); } }

@-webkit-keyframes small {
  0% {
    height: 21px; }
  5% {
    height: 21px; }
  10% {
    height: 21px; }
  64% {
    height: 21px; }
  65% {
    height: 21px; }
  80% {
    height: 18px; }
  100% {
    height: 15px; } }

@keyframes small {
  0% {
    height: 21px; }
  5% {
    height: 21px; }
  10% {
    height: 21px; }
  64% {
    height: 21px; }
  65% {
    height: 21px; }
  80% {
    height: 18px; }
  100% {
    height: 15px; } }

@-webkit-keyframes lavar {
  0% {
    z-index: 0; }
  5% {
    z-index: 0; }
  10% {
    z-index: 0; }
  15% {
    z-index: 0; }
  20% {
    z-index: 0; }
  25% {
    z-index: 0; }
  30% {
    z-index: 0; }
  40% {
    z-index: 2; }
  58% {
    z-index: 2; }
  58% {
    z-index: 2; }
  80% {
    z-index: 2; }
  100% {
    z-index: 2; } }

@keyframes lavar {
  0% {
    z-index: 0; }
  5% {
    z-index: 0; }
  10% {
    z-index: 0; }
  15% {
    z-index: 0; }
  20% {
    z-index: 0; }
  25% {
    z-index: 0; }
  30% {
    z-index: 0; }
  40% {
    z-index: 2; }
  58% {
    z-index: 2; }
  58% {
    z-index: 2; }
  80% {
    z-index: 2; }
  100% {
    z-index: 2; } }

@-webkit-keyframes lavada {
  0%, 20% {
    left: 10px; }
  100% {
    left: 80%; } }

@keyframes lavada {
  0%, 20% {
    left: 10px; }
  100% {
    left: 80%; } }

@-webkit-keyframes shake {
  1% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  2% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  3% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  4% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  5% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  6% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  7% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  9% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  10% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  11% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  12% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  13% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  14% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg); }
  15% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg); }
  16% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  17% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  18% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  19% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  20% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  21% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  22% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  23% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  24% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  25% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  26% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  27% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg); } }

@keyframes shake {
  1% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  2% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  3% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  4% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  5% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  6% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  7% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  9% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  10% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  11% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  12% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  13% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  14% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg); }
  15% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg); }
  16% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  17% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  18% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  19% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  20% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg); }
  21% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg); }
  22% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  23% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg); }
  24% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg); }
  25% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
            transform: translate(2px, 1px) rotate(-1deg); }
  26% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg); }
  27% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg); } }

@-webkit-keyframes glow {
  to {
    fill: #FEFEFE; } }

@keyframes glow {
  to {
    fill: #FEFEFE; } }

@-webkit-keyframes big {
  0% {
    background: #ffffff; }
  5% {
    opacity: rgba(255, 255, 255, 0); }
  100% {
    opacity: rgba(255, 255, 255, 0); } }

@keyframes big {
  0% {
    background: #ffffff; }
  5% {
    opacity: rgba(255, 255, 255, 0); }
  100% {
    opacity: rgba(255, 255, 255, 0); } }

@-webkit-keyframes jeans-boa {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 2rem; }
  15% {
    bottom: 2rem; }
  20% {
    bottom: 2rem; }
  30% {
    bottom: 10%; }
  50% {
    bottom: 20%; }
  60% {
    bottom: 30%; }
  70% {
    bottom: 40%; }
  90% {
    bottom: 40%; }
  99% {
    bottom: 40%;
    opacity: 1; }
  100% {
    bottom: 40%;
    opacity: 0; } }

@keyframes jeans-boa {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 2rem; }
  15% {
    bottom: 2rem; }
  20% {
    bottom: 2rem; }
  30% {
    bottom: 10%; }
  50% {
    bottom: 20%; }
  60% {
    bottom: 30%; }
  70% {
    bottom: 40%; }
  90% {
    bottom: 40%; }
  99% {
    bottom: 40%;
    opacity: 1; }
  100% {
    bottom: 40%;
    opacity: 0; } }

@-webkit-keyframes jeans-retrab {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 1.5rem;
    left: 1.5rem; }
  15% {
    bottom: 1.5rem;
    left: 1.5rem; }
  30% {
    bottom: 1.5rem;
    left: 1.5rem;
    height: 56px; }
  40% {
    bottom: 1.5rem;
    left: -5.6rem;
    height: 56px; }
  50% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 30px; }
  99% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 28px;
    opacity: 1; }
  100% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 28px;
    opacity: 0; } }

@keyframes jeans-retrab {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 1.5rem;
    left: 1.5rem; }
  15% {
    bottom: 1.5rem;
    left: 1.5rem; }
  30% {
    bottom: 1.5rem;
    left: 1.5rem;
    height: 56px; }
  40% {
    bottom: 1.5rem;
    left: -5.6rem;
    height: 56px; }
  50% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 30px; }
  99% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 28px;
    opacity: 1; }
  100% {
    bottom: 2.5rem;
    left: -5.6rem;
    height: 28px;
    opacity: 0; } }

@-webkit-keyframes jeans-ruim {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 2rem;
    left: 1.5rem; }
  15% {
    bottom: 2rem;
    left: 1.5rem; }
  30% {
    bottom: 2rem;
    left: 1.5rem;
    height: 56px; }
  40% {
    bottom: 7rem;
    left: 1.5rem;
    height: 56px; }
  60% {
    bottom: 7rem;
    left: -5.6rem;
    height: 56px; }
  80% {
    bottom: 8rem;
    left: -5.6rem;
    height: 30px; }
  99% {
    bottom: 8rem;
    left: -5.6rem;
    height: 28px;
    opacity: 1; }
  100% {
    bottom: 8rem;
    left: -5.6rem;
    height: 28px;
    opacity: 0; } }

@keyframes jeans-ruim {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  10% {
    bottom: 2rem;
    left: 1.5rem; }
  15% {
    bottom: 2rem;
    left: 1.5rem; }
  30% {
    bottom: 2rem;
    left: 1.5rem;
    height: 56px; }
  40% {
    bottom: 7rem;
    left: 1.5rem;
    height: 56px; }
  60% {
    bottom: 7rem;
    left: -5.6rem;
    height: 56px; }
  80% {
    bottom: 8rem;
    left: -5.6rem;
    height: 30px; }
  99% {
    bottom: 8rem;
    left: -5.6rem;
    height: 28px;
    opacity: 1; }
  100% {
    bottom: 8rem;
    left: -5.6rem;
    height: 28px;
    opacity: 0; } }

@-webkit-keyframes placa {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  30% {
    opacity: 1; }
  40% {
    opacity: 1; }
  60% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes placa {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  30% {
    opacity: 1; }
  40% {
    opacity: 1; }
  60% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes guardar {
  10% {
    bottom: 13rem; }
  15% {
    bottom: 13rem; }
  20% {
    bottom: 13rem; }
  30% {
    bottom: 13rem; }
  50% {
    bottom: 13rem; }
  60% {
    bottom: 13rem; }
  70% {
    bottom: 13rem; }
  85% {
    bottom: 13rem; }
  95% {
    bottom: 84%; }
  97% {
    bottom: 84%; }
  98% {
    bottom: 84%; }
  99% {
    bottom: 84%; }
  100% {
    bottom: 84%; } }

@keyframes guardar {
  10% {
    bottom: 13rem; }
  15% {
    bottom: 13rem; }
  20% {
    bottom: 13rem; }
  30% {
    bottom: 13rem; }
  50% {
    bottom: 13rem; }
  60% {
    bottom: 13rem; }
  70% {
    bottom: 13rem; }
  85% {
    bottom: 13rem; }
  95% {
    bottom: 84%; }
  97% {
    bottom: 84%; }
  98% {
    bottom: 84%; }
  99% {
    bottom: 84%; }
  100% {
    bottom: 84%; } }

/*@media (max-width: 1359px){
  .conteudo {
    padding: 5vh 14vh;
  }
  @keyframes rouparuim{
    0%    {left: 0; opacity:0;}
    3%    {left: 0; opacity:1;}
    12%   {left: 12%;}
    14%   {left: 13%;}
    16%   {left: 12%;}
    18%   {left: 13%;}
    20%   {left: 20%;}
    35%   {left: 28%;}
    40%   {left: 28%;}
    50%   {left: 28%; top: 23px; height: 58px;}
    80%   {left: 28%; top: -90px; height: 58px;}
    90%   {left: 28%; top: -90px; height: 35px;}
    99%  {left: 28%; top: -90px; height: 35px; opacity:1;}
    100%  {left: 28%; top: -90px; height: 35px; opacity:0;}
  }
  @keyframes roupaboa{
    0%    {left: 0; opacity:0;}
    3%    {left: 0; opacity:1;}
    7%    {left: 0;}
    12%   {left: 12%;}
    14%   {left: 13%;}
    16%   {left: 12%;}
    18%   {left: 13%;}
    20%   {left: 12%;}
    35%   {left: 30%;}
    42%   {left: 40%;}
    44%   {left: 41%;}
    46%   {left: 40%;}
    48%   {left: 41%;}
    50%   {left: 40%;}
    55%   {left: 52%;}
    60%   {left: 52%;}
    65%   {left: 52%;}
    70%   {left: 60%;}
    75%   {left: 65%;}
    82%   {left: 66%;}
    84%   {left: 65%;}
    86%   {left: 66%;}
    88%   {left: 65%;}
    90%   {left: 70%;}
    95%   {left: 88%;}
    99%  {left: 88%; opacity:1;}
    100%  {left: 88%; opacity:0;}
  }

}*/