@charset "utf-8";
/* CSS Document */
/* botones RESES SOSCIALES*/
.social-bar{
		position: fixed;
		right: 3%;
		top: 17%;
		font-size: 1.7rem;
		flex-direction: column;
		align-items: flex-end;
		z-index: 200;
	}
	.icon{
		color:#fff;
		text-decoration: none;
		padding: .5rem;
		display: flex;
		transition: all .5s;
		background: #EB7324;
		
	}
.icon div{
	background: #000;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon span{
	
	color: #fff;
	font-size: 1.0rem;
}
.icon-one{
	background: #EB7324;
}
	.icon-facebook-with-circle{
		background: rgba(1,52,120,1.00);
		
	}
	.icon-twitter-with-circle{
		background: rgba(8,149,251,1.00);
		
	}
	.icon-youtube{
		background: rgba(227,2,6,1.00);
		
	}
.whats{
		background:#1CB903;
		
	}
	.icon-mail{
		/*background: rgba(253,182,3,1.00);*/
		
	}
	.icon:first-child{
		border-radius: 1rem 0 0 0;
	}
	.icon:last-child{
		border-radius: 0 0 0 1rem;
	}
	.icon:hover{
		padding-right: 3rem;
		border-radius: 1rem 0 0 1rem;
		text-decoration: none;
		color: #fff;
	}