#chatBox{
	position: fixed;
	bottom:10px;
    left: 10px;
	width:80px;
	height:80px;
	z-index:99999999999999;
}
.chatContainer{
	position:relative;
    height: 80px;
    width: 80px;
}

.chatIcon{
	position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    z-index: 9999;
    border-radius: 200px;
    background-repeat: no-repeat;
    background-position: 50% 5%;
    background-size: 100%;
}
.chatQuestion{
	visibility: visible;
	background-image: url(https://deljou.com/images/questions-speech-bubble.png);
    position: absolute;
    height: 40px;
    width: 100px;
    top: -15px;
    z-index: 9999999;
    left: 45px;
    background-size: 80%;
    background-repeat: no-repeat;
}
.chatText{
    position: absolute;
    height: 78px;
    width: 0px;
	padding: 15px;
    top: 1px; 
    left: 30px; 
    color: #333;
    font-size: 0px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 100px;
    box-shadow: #1d1d1d5d 0px 0px 2px;
	transition: all 0.3s ease-out;
}
	
#chatBox:hover .chatText{
	width: 250px;
	padding: 15px 15px 15px 90px;
	font-size: 12px; 
    left: 1px; 
}
#chatBox:hover .chatQuestion{
	visibility: hidden;
}