/** Live chat Pixl **/
.bubble{position:fixed;bottom:75px;right:75px;transition:all 1s;opacity:0;cursor:pointer;z-index:1001;box-shadow:0px 2px 5px -1px rgba(50,50,50,0.25);}
.bubble .face{position:relative;width:80px;height:80px;background:rgba(255,255,255,1);border:6px solid rgba(255,193,77,1);border-radius:2px;}
.bubble .face .pinch{position:absolute;left:10px;top:20px;}
.bubble .face .righteye{background:rgba(255,193,77,1);position:absolute;left:34px;top:2px;width:13px;height:8px;border-radius:2px;}
.bubble .face .lefteye{background:rgba(255,193,77,1);position:absolute;left:3px;top:2px;width:13px;height:8px;border-radius:2px;}
.bubble .face .bottomlip{background:rgba(255,193,77,1);position:relative;left:17px;top:26px;width:16px;height:4px;border-radius:2px;}
.bubble .face .bottomlip::before{content:" ";display:block;background:rgba(255,193,77,1);position:relative;left:-3px;top:-2px;width:5px;height:4px;border-radius:2px;}
.bubble .face .bottomlip::after{content:" ";display:block;background:rgba(255,193,77,1);position:relative;left:14px;top:-6px;width:5px;height:4px;border-radius:2px;}
.bubble .face .dots{width:50px;height:25px;position:absolute;right:80px;top:50px;margin-left:2px;z-index:0;}
.bubble .face .dot{position:relative;display:inline-block;background:rgba(255,193,77,1);width:12px;height:12px;border-radius:12px;overflow:hidden;}
.bkbubble{background:rgba(255,193,77,1);position:absolute;right:30px;top:20px;width:58px;height:64px;transition:all 1s;border-radius:3px;box-shadow:-1px 2px 5px -1px rgba(50,50,50,0.25)}
.bkbubble span{display:block;color:#fff;font-size:26px;margin-left:20px;margin-top:16px;visibility:hidden;opacity:0;transition:all 1s;white-space:nowrap;z-index:1;}
.bubble:hover .bkbubble{width:240px;}
.bubble:hover .bkbubble span{visibility:visible;opacity:1;}
@keyframes openbubble{
	0% {opacity:0;bottom:15px;}
	100% {opacity:1;bottom:75px;}
}
.bubble{
	animation-name:openbubble;
	animation-delay:1s;
	animation-duration:0.5s;
	animation-iteration-count:1;
	animation-fill-mode:both;
}
@keyframes hop{
	0% {top:-10px;opacity:1;}
	14% {top:-10px;opacity:1;}
	17% {top:-18px;height:12px;opacity:0.7;}
	20% {top:-8px;height:10px;opacity:1;}
	23% {top:-10px;height:12px;opacity:1;}
	100% {top:-10px;opacity:1;}
}
.dot{
	animation-name:hop;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
	animation-delay:2.5s;
}
/**.dot:nth-of-type(1){animation-delay:0.4s;}**/
.dot:nth-of-type(2){animation-delay:2.6s;}
.dot:nth-of-type(3){animation-delay:2.7s;}
@keyframes looking{
	60% {top:20px;left:10px;}
	70% {top:28px;left:3px;}
	85% {top:20px;left:10px;}
}
.pinch{
	animation-name:looking;
	animation-duration:8s;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
	animation-delay:2s;
}
@keyframes squint{
	0% {height:8px;width:13px;}
	6% {height:0px;width:14px;}
	12% {height:8px;width:13px;}
	100% {height:8px;width:13px;}
}
.bubble .face .lefteye,
.bubble .face .righteye{
	animation-name:squint;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
}
/** Chat Pixl hidden by default **/
.bubble{display:none;}