/* flowats */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
#share-container span {
	display: block;
	margin: 3rem auto;
	font-size: 50px;
	padding: 1rem;
	margin: 1rem;

  }
  #share-buttons i {
	font-size: 30px;
	margin: 20px;

  }
  .facebook {
		color: #3b5998;
	
  }
 
  .linkedin {
	  color: #0077b5;
  }
 
  .whatsapp {
	  color: #25D366;
  }

  .facebook, .linkedin, .whatsapp {
	opacity: 0.6;
  }
  .facebook:hover, .linkedin:hover, .whatsapp:hover {
	opacity: 0.9;
  }
  
@keyframes slide {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  .logos {
	overflow: hidden;
	padding: 60px 0;
	background: white;
	white-space: nowrap;
	position: relative;
  }
  
  .logos:before,
  .logos:after {
	position: absolute;
	top: 0;
	width: 250px;
	height: 100%;
	content: "";
	z-index: 2;
  }
  
  .logos:before {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  }
  
  .logos:after {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  }
  
  .logos:hover .logos-slide {
	animation-play-state: paused;
  }
  
  .logos-slide {
	display: inline-block;
	animation: 35s slide infinite linear;
  }
  
  .logos-slide img {
	height: 50px;
	margin: 0 40px;
  }