a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



* {

  line-height: 1;

  font-family: Montserrat, sans-serif !important;

}



ol,

ul {

  list-style: none;

}



blockquote,

q {

  quotes: none;

}



blockquote:after,

blockquote:before,

q:after,

q:before {

  content: "";

  content: none;

}

#obrigado.falha{
          background-color: #ae0000 !important;
}


@media (max-width: 992px) {

  #logo-integracao {

    position: absolute;

    width: 45%;

    height: 100%;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/logo-integracao-digital-azul.webp);

    z-index: 1;

    left: -22.5%;

    transition: all 0.9s;

  }

}



@media (min-width: 993px) {

  #logo-integracao {

    position: absolute;

    width: 45%;

    height: 100%;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/logo-integracao-digital-azul.webp);

    z-index: 1;

    left: -22.5%;

    transition: all 0.9s;

    max-height: 100vh;

  }

}



@media (max-width: 992px) {

  #menu-desktop {

    position: absolute;

    display: flex;

    z-index: 9;

    right: 8%;

    top: 23px;

  }



  #menu-desktop div {

    width: 2.5rem;

  }



  #menu-desktop div:nth-child(1) {

    margin-right: 0;

  }



  #menu-desktop img {

    height: 40px;

  }



  .whatsapp-branco,

  .whatsapp-azul {

    margin-top: 3px;

  }



  .menu {

    display: block;

    position: absolute;

    top: 3px;

    left: 1rem;

    right: 0;

    margin: 0 0 0 2.5rem;

    height: 25px;

    width: 40px;

    background: 0 0;

    border: none;

    outline: 0;

    cursor: pointer;

    z-index: 3;

  }



  .menu.active img:nth-child(3) {

    opacity: 1;

    display: block;

    margin-top: -42px;

  }



  .menu:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu.active:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu span {

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    top: 18px;

    bottom: 0;

    margin: auto;

    transition: 0.2s all ease-in-out;

    -webkit-transition: 0.2s all ease-in-out;

    opacity: 0;

  }



  .menu span:after,

  .menu span:before {

    content: "";

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

    -webkit-transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

  }



  .menu img {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

  }



  .menu img:nth-child(3) {

    display: none;

  }



  .menu.active img:nth-child(2) {

    opacity: 0;

  }



  #menu-corpo {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 1.5rem;

    right: 0;

    margin: auto;

    transition: 0.8s transform ease-in-out;

    -webkit-transition: 0.8s transform ease-in-out;

    transform: scale(0.5);

    -webkit-transform: scale(0.5);

    z-index: -1;

  }



  #menu-corpo .active {

    font-weight: 900;

    color: #97beff;

  }



  #menu-corpo-1-2 {

    position: absolute;

    width: 19vw;

    left: 75vw;

    display: none;

    text-align: center;

    z-index: 9;

  }



  .menu-corpo-1-2-mobile {

    width: 120vw !important;

    right: -15vw !important;

    left: auto !important;

    margin-top: -20vw;

  }



  #menu-corpo-1-2 a {

    color: #fff;

    font-size: 3rem;

    font-weight: bold;

  }



  #menu-corpo-1-1 a:hover,

  #menu-corpo-1-2 a:hover {

    color: #97beff;

  }



  .link-voltar a {

    font-size: 5.5rem !important;

  }



  .menu-1-2 a:nth-child(2):after {

    content: "";

    opacity: 0;

    transition: all 0.3s;

  }



  .menu-1-2:hover > a:nth-child(2):after {

    content: "";

    opacity: 1;

  }



  #menu-redes-sociais {

    position: absolute;

    display: flex;

    margin-top: 40rem;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    justify-content: center;

  }



  #menu-redes-sociais .facebook-azul,

  #menu-redes-sociais .instagram-azul,

  #menu-redes-sociais .linkedin-azul {

    display: none;

  }



  #menu-redes-sociais-facebook:hover > .facebook-azul {

    display: block;

  }



  #menu-redes-sociais-facebook:hover > .facebook-branco {

    display: none;

  }



  #menu-redes-sociais-instagram:hover > .instagram-azul {

    display: block;

  }



  #menu-redes-sociais-instagram:hover > .instagram-branco {

    display: none;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-azul {

    display: block;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-branco {

    display: none;

  }



  #menu-redes-sociais div {

    width: 25%;

  }



  #menu-redes-sociais img {

    width: 5rem;

  }



  #nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    z-index: 0;

    display: none;

    perspective: 1000px;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    cursor: pointer;

  }



  #nav ul {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: auto;

    width: 100%;

    transform: rotateX(180deg) scale(0);

    -webkit-transform: rotateX(180deg) scale(0);

    transform-origin: top;

    opacity: 0;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0s;

    -webkit-transition: 1s all ease-in-out 0s;

  }



  #nav ul.active {

    transform: rotateX(0) scale(1.6);

    -webkit-transform: rotateX(0) scale(1.6);

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0.5s;

    -webkit-transition: 1s all ease-in-out 0.5s;

  }



  #nav #menu-corpo-1-1 li {

    margin: 1.5rem 0;

  }



  #nav ul li a {

    color: #fff;

    font-size: 2.5rem;

  }



  #nav ul li a:hover {

    color: #97beff;

  }



  #menu-info {

    width: 85vw;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    bottom: 1rem;

    font-size: 2.5vw;

    z-index: -1;

    color: #fff;

    opacity: 0;

  }



  #menu-info-img {

    width: 100%;

    text-align: right;

  }



  #menu-info-img img:nth-child(1) {

    width: 8rem;

    margin-right: 2%;

  }



    #menu-info-img img:nth-child(2) {

        width: 4rem;

    }



  #menu-info-endereco {

    width: 100%;

    text-align: right;

    margin-top: 1rem;

  }



  #menu-info-endereco a {

    color: #fff;

  }

}



@media (min-width: 481px) and (max-width: 992px) {

  #menu-corpo-1-2 a {

    font-size: 2.5rem;

  }

}



@media (max-width: 480px) {

  #menu-corpo-1-2 a {

    font-size: 9.5vw;

  }



  #nav-header ul li {

    line-height: 4rem !important;

  }



  #nav ul li a {

    font-size: 2rem;

  }



  #menu-redes-sociais {

    margin-top: 33rem;

    width: 88vw;

    margin-left: 0vw;

  }



  #menu-redes-sociais img {

    width: 20vw;

  }



  #menu-redes-sociais div {

    width: 33% !important;

  }



  #menu-info-img img:nth-child(1) {

    width: 30vw;

  }

}



@media (min-width: 993px) {

  #menu-desktop {

    position: absolute;

    display: flex;

    z-index: 9;

    right: 3%;

    top: 23px;

  }



  #menu-desktop div {

    width: 2.2vw;

  }



  #menu-desktop div:nth-child(1) {

    margin-right: 0;

  }



  #menu-desktop img {

    width: 2.5vw;

  }



  .menu {

    display: block;

    position: absolute;

    top: 1px;

    left: 0;

    right: 0;

    margin: 0 0 0 3.5vw;

    height: 25px;

    width: 40px;

    background: 0 0;

    border: none;

    outline: 0;

    cursor: pointer;

    z-index: 3;

  }



  .menu.active img:nth-child(3) {

    opacity: 1;

    display: block;

    margin-top: -53px;

  }



  .menu:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu.active:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu span {

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    top: 18px;

    bottom: 0;

    margin: auto;

    transition: 0.2s all ease-in-out;

    -webkit-transition: 0.2s all ease-in-out;

    opacity: 0;

  }



  .menu span:after,

  .menu span:before {

    content: "";

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

    -webkit-transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

  }



  .menu img {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

  }



  .menu img:nth-child(3) {

    display: none;

  }



  .menu.active img:nth-child(2) {

    opacity: 0;

  }



  #menu-corpo {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    transition: 0.8s transform ease-in-out;

    -webkit-transition: 0.8s transform ease-in-out;

    transform: scale(0.5);

    -webkit-transform: scale(0.5);

    z-index: -1;

  }



  #menu-corpo .active {

    font-weight: 900;

    color: #97beff;

  }



  #menu-corpo-1-2 {

    position: absolute;

    width: 43vw;

    left: 66vw;

    margin-top: -6vw;

    text-align: center;

    display: none;

    z-index: 9;

  }



  #menu-corpo-1-2 a {

    color: #fff;

    font-size: 3vw;

    font-weight: bold;

  }



  #menu-corpo-1-1 a:hover,

  #menu-corpo-1-2 a:hover {

    color: #97beff;

  }



  #menu-corpo-1-2 ul li {

    margin: 3vw 0;

  }



  .menu-1-2 span {

    opacity: 0;

    display: none;

    transition: all 0.3s;

  }



  .menu-1-2 a:hover > span,

  .menu-1-2 a.active span {

    display: unset;

    opacity: 1;

  }



  .link-voltar {

    display: none;

  }



  #menu-redes-sociais {

    position: absolute;

    display: flex;

    margin-top: 42vw;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    justify-content: center;

  }



  #menu-redes-sociais div {

    width: 15%;

  }



  #menu-redes-sociais img {

    width: 5vw;

  }



  #menu-redes-sociais .facebook-azul,

  #menu-redes-sociais .instagram-azul,

  #menu-redes-sociais .linkedin-azul {

    display: none;

  }



  #menu-redes-sociais-facebook:hover > .facebook-azul {

    display: block;

  }



  #menu-redes-sociais-facebook:hover > .facebook-branco {

    display: none;

  }



  #menu-redes-sociais-instagram:hover > .instagram-azul {

    display: block;

  }



  #menu-redes-sociais-instagram:hover > .instagram-branco {

    display: none;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-azul {

    display: block;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-branco {

    display: none;

  }



  #nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    z-index: 2;

    display: none;

    perspective: 1000px;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    cursor: pointer;

  }



  #nav ul {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: auto;

    width: 100%;

    transform: rotateX(180deg) scale(0);

    -webkit-transform: rotateX(180deg) scale(0);

    transform-origin: top;

    opacity: 0;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0s;

    -webkit-transition: 1s all ease-in-out 0s;

  }



  #nav ul.active {

    transform: rotateX(0) scale(1.6);

    -webkit-transform: rotateX(0) scale(1.6);

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0.5s;

    -webkit-transition: 1s all ease-in-out 0.5s;

  }



  #nav #menu-corpo-1-1 li {

    margin: 2vw 0;

  }



  #nav ul li a {

    color: #fff;

    font-size: 3vw;

  }



  #nav ul li a:hover {

    color: #97beff;

  }



  #menu-info {

    width: 55vw;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    bottom: 3rem;

    color: #fff;

    font-size: 1vw;

    display: flex !important;

    align-items: flex-end;

    z-index: -1;

    opacity: 0;

  }



  #menu-info-img {

    width: 40%;

  }



  #menu-info-img img {

    max-width: 56%;

    max-height: 110px;

  }



    #menu-info-img img:nth-child(1) {

        margin-right: 5%;

        max-height: 83px;

    }



  #menu-info-img img:nth-child(3) {

    width: 75%;

  }



  #menu-info-endereco {

    width: 60%;

    text-align: right;

  }



  #menu-info-endereco a {

    color: #fff;

  }

}

@media(max-width: 1366px) and (min-width: 993px) {

    #menu-info-img img {

        max-width: 50%;

        max-height: 83px;

    }

}

@media (max-width: 992px) {

  a {

    position: initial;

    text-decoration: none;

    color: #333;

    outline: 0;

  }



  #nav-header .menuCurrent .link,

  .link:hover {

    background-color: rgba(0, 0, 0, 0);

  }



  #nav-header ul li {

    line-height: 5rem;

  }



  #vav:hover div {

    opacity: 1;

  }

}



@media (min-width: 993px) {

  a {

    position: initial;

    text-decoration: none;

    color: #333;

    outline: 0;

  }



  #nav-header .menuCurrent .link,

  .link:hover {

    background-color: rgba(0, 0, 0, 0);

  }



  #nav-header ul li {

    line-height: 3vw;

  }



  #vav:hover div {

    opacity: 1;

  }

}

.logo-branco {

  background-image: url(../images/logo-integracao-digital-branco.webp) !important;

}



.logo-azul {

  background-image: url(../images/logo-integracao-digital-azul.webp) !important;

}



.whatsapp-azul,

.menu-azul,

.menu-fechar-branco,

.menu-fechar-azul {

  display: none;

}



@media (max-width: 992px) {

  #logo-menu {

    position: absolute;

    display: none;

    left: 4%;

    top: 26px;

  }



  #logo-menu img {

    width: 47px;

    height: 42px;

  }

}



@media (min-width: 993px) {

  #logo-menu {

    position: absolute;

    display: none;

    left: 1%;

    top: 23px;

  }



  #logo-menu img {

    width: 2.7vw;

    height: 2.4vw;

  }

}



@media (min-width: 1921px) and (max-width: 2500px) {

  #logo-menu {

    top: 24px;

  }

}



@media (min-width: 2501px) and (max-width: 3500px) {

  #logo-menu {

    top: 25px;

  }

}



@media (min-width: 3501px) {

  #logo-menu {

    top: 26px;

  }

}

#bg-menu {

  position: fixed;

  width: 100vw;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background-color: #000;

  opacity: 0;

  transition: all 0.6s;

  z-index: -1;

}

/* CORES DO MENU  */

/*@media (max-width: 992px) {

  .link-seo {

    color: #d807a4 !important;

  }



  .link-inbound {

    color: #ff3a51 !important;

  }



  .link-google-ads {

    color: #ff9100 !important;

  }



  .link-redes-sociais {

    color: #f1c40f !important;

  }



  .link-website {

    color: #83b100 !important;

  }



  .link-loja-virtual {

    color: #8f44ad !important;

  }



  .link-identidade-visual {

    color: #e00000 !important;

  }



  .link-call-tracking {

    color: #00ce6c !important;

  }

}*/

.link-seo:hover {

  color: #d807a4 !important;

}



.link-inbound:hover {

  color: #ff3a51 !important;

}



.link-google-ads:hover {

  color: #ff9100 !important;

}



.link-redes-sociais:hover {

  color: #f1c40f !important;

}



.link-website:hover {

  color: #83b100 !important;

}

.link-loja-virtual:hover {

  color: #8f44ad !important;

}

.link-identidade-visual:hover {

  color: #e00000 !important;

}

.link-call-tracking:hover {

  color: #00ce6c !important;

}

/* OBRIGADO */

@media (max-width: 992px) {

  #obrigado {

    background-color: #0047ae;

    color: #fff;

    display: flex;

    justify-content: center;

    height: 100%;

  }



  #obrigado a {

    color: #fff;

  }



  #obrigado-corpo {

    display: flex;

    justify-content: center;

    flex-direction: column;

  }



  #obrigado-corpo::-webkit-scrollbar {

    width: 4px;

  }



  #obrigado-corpo::-webkit-scrollbar-track {

    background: rgba(255, 255, 255, 0.3);

    border-radius: 20px;

  }



  #obrigado-corpo::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, 0.7);

    border-radius: 12px;

  }



  #obrigado-img {

    width: 100%;

    text-align: center;

  }



  #obrigado-img img {

    width: 50%;

  }



  #obrigado-conteudo {

    width: 95%;

    color: #fff;

    font-size: var(--tamanho-texto);

    text-align: justify;

  }



  #obrigado-titulo {

    width: 90%;

    margin-left: auto;

    margin-right: auto;

  }



  #obrigado-titulo h1 {

    font-size: 2rem;

    font-weight: 900;

    text-align: center;

    letter-spacing: 2px;

    margin-top: 1rem;

    margin-bottom: 1rem;

  }



  #obrigado-descricao {

    width: 90%;

    margin-left: auto;

    margin-right: auto;

    line-height: 180%;

    text-align: center;

  }

}



@media (min-width: 993px) {

  #obrigado {

    background-color: #0047ae;

    color: #fff;

    display: flex;

    height: 100%;

  }



  #obrigado a {

    color: #fff;

  }



  #obrigado-corpo {

    display: flex;

    justify-content: center;

    flex-direction: column;

    overflow-y: auto;

    margin-left: auto;

    margin-right: auto;

  }



  #obrigado-corpo::-webkit-scrollbar {

    width: 4px;

  }



  #obrigado-corpo::-webkit-scrollbar-track {

    background: rgba(255, 255, 255, 0.3);

    border-radius: 20px;

  }



  #obrigado-corpo::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, 0.7);

    border-radius: 12px;

  }



  #obrigado-img {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    color: #fff;

    text-align: center;

  }



  #obrigado-img img {

    width: 40%;

  }



  #obrigado-conteudo {

    color: #fff;

    font-size: var(--tamanho-texto);

    text-align: center;

  }



  #obrigado-titulo h1 {

    font-size: var(--tamanho-titulo-h1);

    font-weight: 900;

    text-align: center;

    letter-spacing: 2px;

  }



  #obrigado-descricao {

    line-height: 180%;

    text-align: center;

  }

}



/* PRÉ-LOADING */

.no-js #loader {

  display: none;

}



.js #loader {

  display: block;

  position: absolute;

  left: 100px;

  top: 0;

}



.pre-load {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: url("../images/icones/load.gif") center no-repeat #fff;

  background-size: 64px 64px;

}



/* ANIMAÇÃO LOGO */

.anima-logo-sobe {

  animation: animacao-logo linear 2s;

  animation-iteration-count: 1;

  transform-origin: 50% 50%;

  -webkit-animation: animacao-logo linear 2s;

  -webkit-animation-iteration-count: 1;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: animacao-logo linear 2s;

  -moz-animation-iteration-count: 1;

  -moz-transform-origin: 50% 50%;

  -o-animation: animacao-logo linear 2s;

  -o-animation-iteration-count: 1;

  -o-transform-origin: 50% 50%;

  -ms-animation: animacao-logo linear 2s;

  -ms-animation-iteration-count: 1;

  -ms-transform-origin: 50% 50%;

  top: 20px !important;

  width: 2.7vw !important;

  height: 2.7vw !important;

  -webkit-filter: blur(0.2px);

  filter: blur(0.2px);

  transition: all 0.3s;

}



@media (max-width: 992px) {

  .anima-logo-sobe {

    left: 4% !important;

    top: 23px !important;

    width: 47px !important;

    height: 47px !important;

  }

}



@media (min-width: 993px) {

  .anima-logo-sobe {

    left: 1% !important;

  }

}



.anima-logo-desce-dir {

  margin-left: 78% !important;

  left: auto !important;

  transition: all 0.3s;

}



.anima-logo-desce-esq {

  transition: all 0.3s;

}



@keyframes animacao-logo {

  0% {

    transform: scaleX(1);

  }



  7% {

    transform: scaleX(-1);

  }



  15% {

    transform: scaleX(0.99);

  }



  23% {

    transform: scaleX(-0.99);

  }



  31% {

    transform: scaleX(1);

  }



  100% {

    transform: scaleX(1);

  }

}



@-moz-keyframes animacao-logo {

  0% {

    -moz-transform: scaleX(1);

  }



  7% {

    -moz-transform: scaleX(-1);

  }



  15% {

    -moz-transform: scaleX(0.99);

  }



  23% {

    -moz-transform: scaleX(-0.99);

  }



  31% {

    -moz-transform: scaleX(1);

  }



  100% {

    -moz-transform: scaleX(1);

  }

}



@-webkit-keyframes animacao-logo {

  0% {

    -webkit-transform: scaleX(1);

  }



  7% {

    opacity: 1;

    -webkit-transform: scaleX(-1);

  }



  15% {

    -webkit-transform: scaleX(0.99);

  }



  23% {

    -webkit-transform: scaleX(-0.99);

  }



  31% {

    -webkit-transform: scaleX(1);

  }



  100% {

    -webkit-transform: scaleX(1);

  }

}



@-o-keyframes animacao-logo {

  0% {

    -o-transform: scaleX(1);

  }



  7% {

    -o-transform: scaleX(-1);

  }



  15% {

    -o-transform: scaleX(0.99);

  }



  23% {

    -o-transform: scaleX(-0.99);

  }



  31% {

    -o-transform: scaleX(1);

  }



  100% {

    -o-transform: scaleX(1);

  }

}



@-ms-keyframes animacao-logo {

  0% {

    -ms-transform: scaleX(1);

  }



  7% {

    -ms-transform: scaleX(-1);

  }



  15% {

    -ms-transform: scaleX(0.99);

  }



  23% {

    -ms-transform: scaleX(-0.99);

  }



  31% {

    -ms-transform: scaleX(1);

  }



  100% {

    -ms-transform: scaleX(1);

  }

}



/* ANIMAÇÃO - ENVIANDO FORMULÁRIO */

@keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@-webkit-keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@-moz-keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



#enviando-formulario {

  width: 100%;

  display: none;

  text-align: center;

  font-size: 1em;

}



#enviando-formulario span {

  animation-name: opacity;

  animation-duration: 1s;

  animation-iteration-count: infinite;

  animation-name: opacity;

  animation-duration: 1s;

  animation-iteration-count: infinite;

  -webkit-animation-name: opacity;

  -webkit-animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: opacity;

  -moz-animation-duration: 1s;

  -moz-animation-iteration-count: infinite;

}



#enviando-formulario span:nth-child(1) {

  animation-delay: 100ms;

  animation-delay: 100ms;

  -webkit-animation-delay: 100ms;

  -moz-animation-delay: 100ms;

}



#enviando-formulario span:nth-child(2) {

  animation-delay: 300ms;

  animation-delay: 300ms;

  -webkit-animation-delay: 300ms;

  -moz-animation-delay: 300ms;

}



#enviando-formulario span:nth-child(3) {

  animation-delay: 500ms;

  animation-delay: 500ms;

  -webkit-animation-delay: 500ms;

  -moz-animation-delay: 500ms;

}

#menu-whatsapp {

  position: fixed;

  right: 0px;

  bottom: 3%;

  z-index: 9;

  display: none;

}

#menu-whatsapp img {

  width: 4rem;

}