/*Lateral Whatsapp e rede social*/

.barra-lateral {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 13;
  right: 0;
}

/ Style the icon bar links /
.barra-lateral a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}



/ Style the social media icons with color, if you want /
.suportee:hover {
  background: #ffb72c;
  color: white;
}

.suportee{
  background: #f9ad1a;
  color: white;
}

.barra-lateral a:hover {
  color:white!important;
}

.facebook {
  background: #3B5998;
  color: white;
}

.whatsapp:hover {
  background: rgb(51, 210, 14)!important;
  color: white;
}

.whatsapp{
  background: rgb(41, 191, 7);
  color: white;
}

.facebook:hover{
  background: #4668af!important;
  color: white;
}

.email {
  background: #dd3333;
  color: white;
}
.email:hover {
  background: #f14444;
  color: white;
}
.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}