
/*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: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 15px;
}



/* 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;
}

.instagram {
  background: #8803b5;
  color: white;
}

.pinterest {
  background: #e60023;
  color: white;
}

.whats-mobile  {
	display:none;
}

@media(max-width:999px) { 
	
	
	.barra-lateral {
		display:none;
	}
	
	.footer-bottom {
		/* margin-bottom: 50px; */
	}
	
	.whats-mobile {
		display:block;
		float:left;
		width:100%;
		background:green;
		color:white;
		position:fixed;
		bottom:0;	
		z-index: 999;
		cursor: pointer;
	}
	.whats-mobile a{
		width:100%;
		float: left;
		padding: 15px 0;
		text-align:center;
		cursor: pointer;
	}
	.whats-mobile span{
		color:#fff;
		padding:15px 0;
	}
	.whats-mobile i{
		color:#fff;
	}
	
}
/* FIM BARRA LATERAL */


.botao-whatsapp {
	position: fixed;
	background: #056f05;
	color: #fff;
	width: 250px;
	height: 50px;
	padding: 15px;
	text-align: center;
	border-radius:30px;
	font-weight: bold;
	font-size: 10px;
	z-index: 9999;
	left: 20px;
	bottom: 20px;
}

.botao-whatsapp img {
	width: 20px;
	height: 20px;
}

.botao-whatsapp:hover {
	color:#fff;
	background: #074c07;
}

.color-white {
	color:white !important
}