//
// This file is meant to regroup your design customizations. For example, doing
// this will separate your footer with a dotted border using your primary color.
//
// footer {
//     border-top: 5px dotted map-get($theme-colors, 'primary');
// }
//
.whatsapp {
 position:fixed;
 width:60px;
 height:60px;
 bottom:40px;
 left:60px;
 background-color:#25d366;
 color:#FFF;
 border-radius:50px;
 text-align:center;
 font-size:30px;
 z-index:100;
}

.whatsapp-icon {
 margin-top:13px;
}




//***** WHATSAPP ICON *****//
.whatsapp1
{background-image: url(https://i.imgur.com/lUuLNlf.png) !important; 
background-size: contain; 
background-repeat: no-repeat; background-position: center;
width: 50px;  
height: 50px;
position:fixed;
z-index:999;
right:0.15w;
bottom:0.15vh;
transform:scale(1);  
transition: all .5s ease-in;
}
/*Hover*/
.whatsapp:hover{
transform:scale(1.1);   
}
/***** end Whatsapp icon *****/