.gigiBuddy {
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index: 10;
}
.gigiBuddyChatBubble {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 20px;
	z-index: 10;
	border-radius: 40px;
	width: 200px;
	background-color: white;
	border: 1px;
	min-height: 50px;
	padding: 15px;
	font-size: small;
}
.gigiBuddy img {
	height: auto;
	width: 100px;
	/*transition: transform 2s ease-in-out;
	transform: scale(2);*/
}

.highlightBuddy {
	animation: gigiBuddyWelcome 1s ease-in-out forwards;
}
.minimizeBuddy {
	animation: gigiBuddyMinimize .5s ease-in-out forwards;
}
.showBuddyChat {
	display:block;
	animation:gigiBuddyChatWelcome 1.5s ease-in-out forwards;
}
.hideBuddyChat {
	animation:gigiBuddyChatHide .5s ease-in-out forwards;
}

@keyframes gigiBuddyWelcome {
  50% {
    transform: rotate(-15deg) scale(1.5) translate(-5px, -20px);
  }
  100% {
    transform: rotate(0deg) scale(2) translate(-20px, -80px);
  }
}
@keyframes gigiBuddyMinimize {
	0% {
		transform: rotate(0deg) scale(2) translate(-20px, -80px);
	}
  100% {
    transform: rotate(0deg) scale(1) translate(0px, 0px);
  }
}

@keyframes gigiBuddyChatWelcome {
	0% {
		opacity: 0;
		display: block;
	}
  100% {
	  opacity: 1;
	  display: block;
  }
}
@keyframes gigiBuddyChatHide {
	0% {
		opacity: 1;
		display: block;
	}
  100% {
	  opacity: 0;
	  display: hidden;
  }
}