.devsol-chat .float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:30px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	z-index:1000;
}

.devsol-chat ul{
	position:fixed;
	right:30px;
	padding-bottom:20px;
	bottom:50px;
	z-index:100;
}

.devsol-chat ul:hover{
	visibility:visible!important;
	opacity:1!important;
}

.devsol-chat ul li {
	list-style:none;
	margin-bottom:10px;
}

.devsol-chat ul li a{
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	width:50px;
	height:50px;
	display:block;
}

#menu-open {
	background-color: #000000;
	box-shadow: 2px 2px 3px #999;
}

#menu-open img {
	width: 30px;
	margin-top: 10px;
}

#menu-close {
	background-color: #000000;
	box-shadow: 2px 2px 3px #999;
}

#menu-close img {
	width: 16px;
	margin-top: 16px;
}

#menu-facebook {
	background-color: #0084ff;
}

#menu-facebook img {
	width: 30px;
	margin-top: 10px;
}

#menu-whatsapp {
	background-color: #4dc247;
}

#menu-whatsapp img {
	width: 30px;
	margin-top: 10px;
}

#menu-call {
    background-color: #f37b2b;
}

#menu-call img {
	width: 30px;
	margin-top: 10px;
}

#menu-email {
    background-color: #f37b2b;
}

#menu-email img {
	width: 30px;
	margin-top: 10px;
}

.my-float{
	font-size:24px;
	margin-top:18px;
}

#menu-open img {
	animation: rotate-in 0.5s;
}

a#menu-open:focus img {
	animation: rotate-out 0.5s;
}

a#menu-open + ul {
  visibility: hidden;
}

a#menu-open:focus + ul{
  visibility: visible;
  animation: scale-in 0.2s;
}

a#menu-open:focus {
   /* display: none;*/
   z-index: 100;
}


@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}