/* SOCIAL BAR */
.social-bar {
	position: fixed;
	top: 30%;
	width: 40px;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 100;

}

.social-bar.left{
	left: 0;
}

.social-bar.right{
	right: 0;
}

.ico {
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
	width: 45px;
}

.ico-whatsapp {
	background-color: #00bb2d;
}

.ico-share {
	background-color: #DD0000;
}

.ico-vcard{
  /* background-color: #304259; */
  background-color: #F53B71;
}

.ico-facebook {
	background-color: #3b5998;
}


.ico-twitter {
	background-color: #00acee;
}

.ico-email {
	background-color: #EA4335;
}

.ico-instagram {
	background-color: #4c68d7;
}

.social-bar.left .ico:first-child {
	border-radius: 0 1rem 0 0;
}

.social-bar.left .ico:last-child {
	border-radius: 0 0 1rem 0;
}

.social-bar.right .ico:first-child {
	border-radius: 1rem 0 0 0;
}

.social-bar.right .ico:last-child {
	border-radius: 0 0 0 1rem;
}

.ico:hover {
	padding-left: 1rem;
	border-radius: 0 1rem 1rem 0;
  width: 70px;
	box-shadow. 0 0 .5rem;
	color: white !important;
}

.ico.ico-vcard:first-child {
    border-radius: 0 10px 0 0;
}

.ico.ico-vcard:last-child {
    border-radius: 0 0 10px 0;
}


.ico.ico-vcard.unico {
    border-radius: 0 10px 10px 0 !important;
}