* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #524f4f;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.6;
  color: #524f4f;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

button {
  border: 0;
}

img {
  display: inline-block;
  vertical-align: middle;
}


/* class */

._center {
  text-align: center;
}

._justify {
  text-align: justify;
}


/* container */

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1340px;
}

/* header */

.header {
  padding-top: 36px;
  padding-bottom: 36px;
  border-top: 10px solid #524f4f;
  background-color: #fff;
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-logo a {
  display: inline-block;
}

.header-suporte-link {
  display: block;
  line-height: 50px;
  padding-left: 36px;
  padding-right: 36px;
  border-radius: 50px;
  background-color: #0e5199;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.header-suporte-link i {
  margin-top: -3px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url('../img/icon-suporte.png');
}

.socialH{
    display: flex;
    align-items: center;
}
.socialH a:nth-of-type(1){
    margin-right: 5px;
}

@media screen and (max-width: 570px) {
  .header {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-logo img {
    width: 200px;
  }

  .header-suporte-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 470px) {
  .header-container {
    flex-direction: column;
  }

  .header-suporte-link {
    margin-top: 20px;
  }

    .socialH{
        margin-top: 15px;
    }
}

/* nav */

.nav {
  display: flex;
  align-items: center;
}

.nav li.nav-divider {
  margin-left: 4px;
  margin-right: 4px;
  width: 1px;
  height: 20px;
  background-color: #0e5199;
}

.nav li a {
  display: block;
  line-height: 50px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #1e8bd2;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.nav li a.nav-active,
.nav li:hover > a{
  color: #fff;
  background-color: #0e5199;
}

@media screen and (max-width: 1225px) {
  .nav li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1021px) {
  .header-nav {
    display: none;
  }
}

/* slider */

.slider {
  background-color: #fff;
}

/* content */

.content {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

@media screen and (max-width: 990px) {
  .content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* footer */

.footer {
  color: #fff;
  background-color: #0e5199;
  background-image: url('../img/footer-bg.jpg');
  background-size: cover;
  background-position: center;
}

/* footer-info */

.footer-info {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-info-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-endereco {
  display: flex;
}

.footer-endereco-item {
  margin-right: 110px;
}

.footer-endereco-item:last-child {
  margin-right: 0;
}

.footer-endereco-item h3 {
  font-size: 16px;
  font-weight: 600;
}

.footer-endereco-item h3 i {
  margin-top: -4px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url('../img/icon-home.png');
}

.footer-endereco-item p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.footer-endereco-item h4 {
  font-size: 20px;
  font-weight: 600;
}

.footer-endereco-item h4 i {
  margin-top: -4px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 17px;
  background-image: url('../img/icon-phone.png');
}

@media screen and (max-width: 880px) {
  .footer-info {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-logo {
    display: none;
  }

  .footer-endereco {
    width: 100%;
    justify-content: space-between;
  }

  .footer-endereco-item {
    margin-right: 0;
  }
}

@media screen and (max-width: 690px) {
  .footer-endereco {
    flex-direction: column;
  }

  .footer-endereco-item {
    margin-bottom: 20px;
    text-align: center;
  }

  .footer-endereco-item:last-child {
    margin-bottom: 0;
  }
}

/* copyright */

.copyright {
  padding-top: 26px;
  padding-bottom: 26px;
  background-color: rgba(55, 100, 74, 0.5);
}

.copyright-container {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}

.copyright-container a {
  color: #fff;
}

.copyright-container a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 690px) {
  .copyright {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .copyright-container {
    flex-direction: column;
    text-align: center;
  }
}

/* header-page */

.header-page {
  height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/header-page-bg.jpg');
  background-position: center;
}

.header-page h1 {
  font-size: 40px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

.header-page h1 span {
  position: relative;
  padding-bottom: 12px;
}

.header-page h1 span::before {
  position: absolute;
  bottom: 0;
  left: calc(50% - 62px / 2);
  width: 62px;
  border-bottom: 3px solid #ffffff;
  content: '';
}

@media screen and (max-width: 990px) {
  .header-page {
    height: 80px;
  }

  .header-page h1 {
    font-size: 24px;
  }

  .header-page h1 span {
    padding-bottom: 4px;
  }
}

/* sobre */

.sobre {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin-bottom: 70px;
}

.sobre:last-child {
  margin-bottom: 0;
}

.sobre-left {
  width: 40%;
}

.sobre-right {
  width: 60%;
  padding-left: 68px;
}

@media screen and (max-width: 990px) {
  .sobre {
    flex-direction: column;
    margin-bottom: 0;
  }


  .solution-left,
  .solution-right,
  .sobre-left,
  .sobre-right {width: 100%;}

  .solution-right,
  .sobre-right {
    padding-left: 0;
  }
}

/* title */

.title {
  position: relative;
  margin-bottom: 32px;
  font-size: 30px;
  font-weight: 900;
  color: #016aE0;
  text-transform: uppercase;
}

.title::before,
.title-center span::before {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 62px;
  border-bottom: 3px solid #73756d;
  content: '';
}

.title-center span::before {
  left: calc(50% - 62px / 2);
  bottom: -15px;
}

.title-center {
  text-align: center;
}

.title-center::before {
  display: none;
}

.title-center span {
  position: relative
}

.title-large {
  font-size: 40px;
}

@media screen and (max-width: 990px) {
  .title {
    font-size: 20px;
  }
}

/* subtitle */

.subtitle {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 900;
  color: #3b4345;
}

.page-text-center {
  text-align: center;
  margin-bottom: 32px;
}

/* text */

.text p {
  margin-bottom: 20px;
}

/* solucoes */

.solucoes {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
}

.solucoes-item {
  width: 100%;
  display:table;
  padding:15px;
  border: 2px solid transparent;
}
.solucoes-item:hover{
  border: 2px solid #016aE0;
  border-radius:5px;
}

@media screen and (max-width: 900px) {
  .solucoes-item {
    
  }
}

@media screen and (max-width: 590px) {
  .solucoes-item {
    
  }
}

@media screen and (max-width: 590px) {
  .solucoes-item {
    width: 100%;
    padding-right: 0;
  }

  .solucoes {
    margin-right: 0;
  }
}

.solucoes-image {
  position: relative;
}

.solucoes-image img {
  width:fit-content;
  margin:0 auto;
  display:table;
}
/*
.solucoes-image::before {
  position: absolute;
  top:50%;
  margin-top:-75px;
  right:50%;
  left:50%;
  margin-left:-75px;

  width:150px;
  height:150px;

  border-radius: 5px;
  border: 2px solid #788065;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: '';
}
*/
.solucoes-title {
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.solucoes-item:hover .solucoes-image::before {
  opacity: 1;
}

.solucoes-item:hover .solucoes-title {
  color: #2675c9;
}

@media screen and (max-width: 400px) {
  .solucoes {
    grid-template-columns: 1fr;
  }

  .solucoes-title {
    margin-top: 15px;
  }
}

/* comercio */

.comercio {
  background-color: #fff;
  background-image: url('../img/comercio-bg.jpg');
  background-position: center;
  border-top: 2px solid #016aE0;
}

.comercio .container {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.comercio .container::before {
}

.comercio-container {
  display: flex;
  justify-content: flex-end;
}

.comercio-box {
  flex: 0 0 45%;
}

.comercio-box p {
  font-weight: 600;
}

@media screen and (max-width: 700px) {
  .comercio .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .comercio-box {
    flex-basis: 100%;
  }
}

/* clientes */

.clientes {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
}

.clientes-item {
  width: 20%;
  padding-right: 20px;
  margin-bottom: 20px;
}

.clientes p {
	text-align: center; 
	margin: 0px 0px 24px 0px;
}

@media screen and (max-width: 920px) {
  .clientes-item {
    width: 33.33%;
  }
}

@media screen and (max-width: 600px) {
  .clientes-item {
    width: 50%;
  }
}

.clientes-link {
  position: relative;
  display: block;
  border: 1px solid #cdcdcd;
  text-align: center;
}

.clientes-link::before {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  border-radius: 5px;
  border: 2px solid #016aE0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: '';
}

.clientes-link img {
  opacity: 0.7;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.clientes-link:hover::before {
  opacity: 1;
}

.clientes-link:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.clientes-link p,
.clientes p{
  color:#016aE0;
}

/* page-text */

.page-text p {
  margin-bottom: 30px;
}

/* column */

.column {
  display: flex;
  justify-content: space-between;
}

.column-left,
.column-right {
  width: 46%;
}

.column-left {
  padding-right: 20px;
}

.column-right {
  padding-left: 20px;
}

@media screen and (max-width: 1000px) {
  .column {
    flex-direction: column;
  }

  .column-left,
  .column-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .column-left {
    margin-bottom: 20px;
  }
}

/* form */

.form input,
.form textarea {
  outline: 0;
  width: 100%;
  padding: 12px 24px;
  margin-bottom: 10px;
  border-radius: 30px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #1e8bd2;
}

.form textarea {
  height: 160px;
  resize: vertical;
  border-radius: 10px;
  padding: 24px;
}

/* button */

.button {
  outline: 0;
  cursor: pointer;
  width: 230px;
  line-height: 50px;
  border-radius: 30px;
  background-color: #1e8bd2;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.button:hover {
  background-color: #1e8bd2;
}

.button-green-light {
  background-color: #459ccf;
}

.button-green-light:hover {
  background-color: #329ec2;
}

.button-container {
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 690px) {
  .button {
    width: 100%;
  }
}

/* contato-item */

.contato-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.contato-item:last-child {
  margin-bottom: 0;
}

.contato-map,
.contato-info {
  width: 50%;
}

.contato-info {
  padding-left: 50px;
}

@media screen and (max-width: 690px) {
  .contato-item {
    flex-direction: column;
  }

  .contato-map,
  .contato-info {
    width: 100%;
  }

  .contato-info {
    padding-left: 0;
    margin-top: 20px;
  }
}

/* newsletter */

.newsletter {
  padding-top: 40px;
  padding-bottom: 40px;
  background: rgb(235,235,235);
  background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(223,223,223,1) 100%);
  background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(223,223,223,1) 100%);
  background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(223,223,223,1) 100%);
}

.newsletter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newsletter-title {
  position: relative;
  padding-left: 36px;
  flex-basis: 275px;
  font-size: 20px;
  color: #272c33;
}

.newsletter-title::before {
  position: absolute;
  top: calc(50% - 62px / 2);
  left: 0;
  width: 3px;
  height: 62px;
  background-color: #3fa7be;
  content: '';
}

.newsletter-form-container {
  display: flex;
}

.newsletter-form-container input {
  width: 270px;
  border-color: #fff;
  margin-right: 10px;
  margin-bottom: 0;
}

@media screen and (max-width: 1140px) {
  .newsletter-container {
    flex-direction: column;
  }

  .newsletter-title {
    flex-basis: auto;
    padding-left: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  .newsletter-title::before {
    display: none;
  }
}

@media screen and (max-width: 990px) {
  .newsletter {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 880px) {
  .newsletter-form {
    width: 100%;
  }

  .newsletter-form-container {
    flex-direction: column;
    width: 100%;
  }

  .newsletter-form-container input {
    width: 100%;
    margin-bottom: 10px;
  }

  .newsletter-form-container button {
    width: 100%;
  }
}

/* cd-popup */

.cd-popup {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255,255,0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  padding: 40px;
  max-width: 520px;
  margin: 2em auto;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #cdcdcd;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-popup-title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}

.cd-popup-button-container {
  margin-top: 20px;
  text-align: center;
}

.cd-popup-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #524f4f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
}

@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

@media only screen and (max-width: 500px) {
  .cd-popup {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .cd-popup-container {
    margin: 0;
    width: 100%;
    border-radius: 0;
  }
}

@media only screen and (max-width: 500px) {
  .cd-popup-close {
    top: 10px;
    right: 10px;
  }
}

.fixed {
  overflow: hidden;
}

/* swiper-solucoes */

.swiper-container-solucoes > .swiper-pagination-bullets {
  bottom: 0;
  margin-top: 40px;
}

.swiper-container-fotos > .swiper-pagination-bullets {
  bottom: 0;
  margin-top: 20px;
}

.swiper-pagination-solucoes {
  position: relative;
}

.swiper-pagination-solucoes .swiper-pagination-bullet {
  opacity: 1;
  width: 12px;
  height: 12px;
  border: 1px solid #1E8BD2;
  background: transparent;
}

.swiper-pagination-solucoes .swiper-pagination-bullet-active {
  background: #1E8BD2;
}

/* equipe */

.equipe {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
}

.equipe-item {
  width: 20%;
  padding-right: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 860px) {
  .equipe-item {
    width: 33.33%;
  }
}

@media only screen and (max-width: 520px) {
  .equipe-item {
    width: 50%;
  }
}

@media only screen and (max-width: 380px) {
  .equipe {
    margin-right: 0;
  }
  
  .equipe-item {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}

.equipe-link {
  display: block;
  text-align: center;
}

.equipe-item img {
  border-radius: 50%;
  border: 2px solid transparent;
}

.equipe-item h2 {
  margin-top: 15px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 900;
  color: #1E8BD2;
}

.equipe-item p {
  color: #1E8BD2;
}

.equipe-link:hover img {
  border-color: #3fa5be;
}

/* sobre-clientes-container */

.sobre-clientes-container {
  display: flex;
}

.sobre-index {
  width: 50%;
  padding-right: 20px;
}

.clientes-index {
  width: 50%;
  padding-left: 20px;
}

.column-index {
  display: flex;
}

.column-index-left {
  width: 48%;
}

.column-index-right {
  width: 52%;
  padding-left: 30px;
}

.column-index-right p {
  color: #524f4f;
}

@media screen and (max-width: 990px) {
  .sobre-clientes-container {
    flex-direction: column;
  }

  .sobre-index {
    width: 100%;
    padding-right: 0;
  }
  
  .clientes-index {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

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

@media screen and (max-width: 480px) {
  .column-index {
    flex-direction: column;
  }
  
  .column-index-left {
    width: 100%;
  }
  
  .column-index-right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}

/* swiper-container-clientes */

.swiper-container-clientes {
  border: 1px solid #b7b7b7;
}

.swiper-slide-clientes {
  text-align: center;
}

/* swiper-container-main */

.swiper-container-main > .swiper-pagination-bullets {
  bottom: 50px;
}

.swiper-pagination-main .swiper-pagination-bullet {
  opacity: 1;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: transparent;
}

.swiper-pagination-main .swiper-pagination-bullet-active {
  background: #fff;
}

@media screen and (max-width: 600px) {
  .swiper-container-main > .swiper-pagination-bullets {
    display: none;
  }
}

/**/

.swiper-button-prev-clientes {
  background-image: url('../img/arrow-prev.png');
}

.swiper-button-next-clientes {
  background-image: url('../img/arrow-next.png');
}

.alert {
  border-radius: 10px;
  padding: 20px 30px;
  text-align: center;
  background: #4a6584;
  color: #fff;
}

/* NOVOS CÓDIGOS DO SITE */
.solution-left {
  width: 60%;
}

.solution-right {
  width: 40%;
  padding-left: 68px;
}


#formSolution{
  padding:30px;
  border-radius:10px;
  background:#f0f0f0;
  margin-bottom:30px;
}
  .input-form{
    outline: 0;
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 10px;
    border-radius: 30px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #1e8bd2;
  }

    .input-form.msg{
      border-radius:10px;
      resize: none;;
      min-height:100px;
    }

    .swiper-container-gallery{
      width:100%;
      padding-bottom:25px;
    }

    .anexo{
      background:#fff;
      position:absolute;
      top:12px;
      left:25px;
      width:90%;
      pointer-events: none;
    }

    @media screen and (max-width: 990px) {
     .solution-left,
      .solution-right{width: 100%;}
    
      .solution-right{
        padding-left: 0;
      }

      .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom:-10px;
      }
    }



    @media screen and (min-width:1022px){
        .dl-submenu{
            border-radius:6px;
            padding:5px;
            background:#1e8bd2;
            position:absolute;
            top:117px;
            z-index:555;
            opacity:0;
            pointer-events: none;

            transition-duration:0.2s;
            -webkit-transition-duration:0.2s;
            -moz-transition-duration:0.2s;
        }
          .dl-submenu li a{color:#fff;}

        .nav li:hover .dl-submenu{
          opacity:1;
          pointer-events:auto;
        }
    }


  .grid4{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap:10px;
  }

  @media screen and (max-width:560px){
    .grid4{
        grid-template-columns: repeat(2,1fr);
    }
  }

  @media screen and (max-width:440px){
    .grid4{
        grid-template-columns: repeat(1,1fr);
    }
  }


/* Alterações botão wpp */
.showTel{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 50;
  width: fit-content;
}

.showTel .btnWhatsapp{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #24b514;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 77777;
  cursor: pointer;
  
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


@keyframes floating {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 10px); }
  to   { transform: translate(0, -0px); }    
}

.showTel .listTel{
  display: none;
}
.showTel .btnWhatsapp:hover .listTel{
  display: flex;
  position: absolute;
  flex-direction: column;
  background: transparent;
  bottom: 0;
  right: 0;
  width: fit-content;
  width: 200px;
  padding: 10px 5px;
  border-radius: 5px;
  padding-bottom: 50px;
}
.showTel .btnWhatsapp .listTel .bgGreen{
  background: #34af23;
  padding: 10px 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.showTel .btnWhatsapp .listTel .bgGreen a{
  margin-bottom: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.showTel .btnWhatsapp .listTel a:last-child{
  margin-bottom: 0;
}
.showTel .btnWhatsapp .listTel a:hover{
  color: #000;
}