/* whatsapp flotante */
.social_whatsapp {
position: fixed;
bottom: 170px; /*0px*/
right: -95px; /* 10 */
}

.social_whatsapp ul {
padding: 0px;
-webkit-transform: translate(270px, 0);
-moz-transform: translate(270px, 0);
-ms-transform: translate(270px, 0);
-o-transform: translate(270px, 0);
transform: translate(270px, 0);
}

.social_whatsapp ul li {
display: block;
margin: 3px;
background: rgba(6, 191, 157, 0.99);
width: 410px;
text-align: left;
color: #fff;
    font-size: 16px;
padding: 5px;
-webkit-border-radius: 30px 0 0 30px;
-moz-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.social_whatsapp ul li a {
color: #ffffff;
}

.social_whatsapp ul li:hover {
-webkit-transform: translate(-33px, 0);
-moz-transform: translate(-33px, 0);
-ms-transform: translate(-33px, 0);
-o-transform: translate(-33px, 0);
transform: translate(-33px, 0);
background: rgba(0, 0, 0, 0.99);
	
width: 480px
}

.social_whatsapp ul li:hover a {
/*color: #000;*/
color: #fff;
}

.social_whatsapp ul li:hover i {
color: #ffffff;
background: #06BF9D; /*16a085*/
}

.social_whatsapp ul li i {
margin-right: 10px;
color: #fff; /* #000  */
background: #06BF9D; /* #fff */
padding: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px; 
font-size: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}



/* LINKEDIN FLOTANTE */
.social_instagram {
position: fixed;
bottom: 110px; /*0px*/
right: -95px; /* 10 */
}

.social_instagram ul {
padding: 0px;
-webkit-transform: translate(270px, 0);
-moz-transform: translate(270px, 0);
-ms-transform: translate(270px, 0);
-o-transform: translate(270px, 0);
transform: translate(270px, 0);
}

.social_instagram ul li {
display: block;
margin: 3px;
background: rgba(207, 34, 89, 0.99);
width: 410px; /* 410 */
text-align: left;
color: #fff;
    font-size: 15px;
padding: 5px;
-webkit-border-radius: 30px 0 0 30px;
-moz-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.social_instagram ul li a {
color: #ffffff;
}

.social_instagram ul li:hover {
-webkit-transform: translate(-33px, 0);
-moz-transform: translate(-33px, 0);
-ms-transform: translate(-33px, 0);
-o-transform: translate(-33px, 0);
transform: translate(-33px, 0);
background: rgba(0, 0, 0, 0.99);

width: 460px
}

.social_instagram ul li:hover a {
/*color: #000;*/
color: #fff;
}

.social_instagram ul li:hover i {
color: #ffffff;
background: #CF2259;
}

.social_instagram ul li i {
margin-right: 10px;
color: #fff;
background: #CF2259;
padding: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px; 
font-size: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}


/* FACEBOOK FLOTANTE */
.social_facebook {
position: fixed;
bottom: 50px; /*0px*/
right: -95px; /* 10 */
}

.social_facebook ul {
padding: 0px;
-webkit-transform: translate(270px, 0);
-moz-transform: translate(270px, 0);
-ms-transform: translate(270px, 0);
-o-transform: translate(270px, 0);
transform: translate(270px, 0);
}

.social_facebook ul li {
display: block;
margin: 3px;
background: rgba(24, 119, 242, 0.99);
width: 410px; /* 410 */
text-align: left;
color: #fff;
    font-size: 15px;
padding: 5px;
-webkit-border-radius: 30px 0 0 30px;
-moz-border-radius: 30px 0 0 30px;
border-radius: 30px 0 0 30px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.social_facebook ul li a {
color: #ffffff;
}

.social_facebook ul li:hover {
-webkit-transform: translate(-33px, 0);
-moz-transform: translate(-33px, 0);
-ms-transform: translate(-33px, 0);
-o-transform: translate(-33px, 0);
transform: translate(-33px, 0);
background: rgba(0, 0, 0, 0.99);

width: 460px
}

.social_facebook ul li:hover a {
/*color: #000;*/
color: #fff;
}

.social_facebook ul li:hover i {
color: #ffffff;
background: #1877f2;
}

.social_facebook ul li i {
margin-right: 10px;
color: #fff;
background: #1877f2;
padding: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px; 
font-size: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}