.hh-circles-pre-learn-more {
	font-size: 20px;
	font-weight: 500;
	height: 30px;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
.hh-circle-item-content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 350px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #263746;
	text-align: center;
	opacity: 0;
}

.hh-circle-item-image {
	position: absolute;
	width: 42%;
	height: auto;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	-webkit-box-shadow: 0 65px 130px -40px #091A2B;
	box-shadow: 0 65px 130px -40px #091A2B;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

.hh-circle-hidden-content:before {
	content: ' ';
	width: 45px;
	height: 6px;
	border-radius: 3px;
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hh-circle-hidden-content {
	position: relative;
	padding-top: 10px;
	/* overflow: hidden; */
}

.hh-circles-left .hh-btn-2 {
	color: #fff !important;
	border: 2px solid #fff;
}

@media (min-width: 1050px) {
	.hh-circle-item,
	.hh-placeholder-circle {
		width: 51%;
		padding-bottom: 51%;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.hh-circles-holder,
	.editor-styles-wrapper div.hh-circles-holder {
		position: relative;
		padding-bottom: 64%;
	}
	.hh-circles-left {
		max-width: 480px;
		position: absolute;
		top: 45%;
		left: 0%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 1;
		width: 40%;
	}
	.hh-circles-left-content {
		max-width: 330px;
	}
	.hh-circles-right {
		position: absolute;
		right: 5%;
		top: 0%;
		width: 70%;
		padding-bottom: 55%;
	}
	.hh-animate-circles .hh-circles-right {
		-webkit-animation: 3.5s rotateTest ease-in-out 0s forwards;
		animation: 3.5s rotateTest ease-in-out 0s forwards;
	}
	.hh-circles-bkg {
		position: absolute;
		width: 70%;
		height: auto;
		top: 8%;
		left: 25%;
	}
	.hh-animate-circles .hh-circles-bkg {
		-webkit-animation: 1s fadeIn linear 3s forwards;
		animation: 1s fadeIn linear 3s forwards;
	}
	.hh-circle-main-logo {
		position: absolute;
		top: 41%;
		right: 26.4%;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5);
		z-index: 1;
		width: auto;
		width: 18%;
		height: 9%;
		object-fit:contain;
		object-position: center;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
	.hh-animate-circles .hh-circle-main-logo {
		-webkit-animation: 2.5s zoomLogo ease-in-out 0s forwards;
		animation: 2.5s zoomLogo ease-in-out 0s forwards;
	}
	.hh-circles-user-interaction-with-transition .hh-circle-item {
		cursor: pointer;
	}

	.hh-circles-user-interaction .hh-circle-item .hh-cicle-headline{
		font-size: 36px !important;
	}
	.hh-circle-item-inner {
		width: 100%;
		height: 100%;
	}
	.hh-animate-circles .hh-circle-item-content {
		-webkit-animation: 3.5s animateContent ease-in-out 0s forwards;
		animation: 3.5s animateContent ease-in-out 0s forwards;
	}
	.hh-animate-circles .hh-circle-item-0 {
		-webkit-animation: 3.5s animateCircle0 ease-in-out 0s forwards;
		animation: 3.5s animateCircle0 ease-in-out 0s forwards;
	}
	.hh-animate-circles .hh-circle-item-1 {
		-webkit-animation: 3.5s animateCircle1 ease-in-out 0s forwards;
		animation: 3.5s animateCircle1 ease-in-out 0s forwards;
	}
	.hh-animate-circles .hh-circle-item-2 {
		-webkit-animation: 3.5s animateCircle2 ease-in-out 0s forwards;
		animation: 3.5s animateCircle2 ease-in-out 0s forwards;
	}

  .hh-animate-circles .hh-circle-item-1 .hh-hdr-three, .hh-animate-circles .hh-circle-item-2 .hh-hdr-three {
    -webkit-animation: 3.5s adjustHeader ease-in-out 0s forwards;
		animation: 3.5s adjustHeader ease-in-out 0s forwards;
  }
	.hh-circle-item-0 .hh-circle-item-image {
		-webkit-transform: translate(34%, 20%);
		-ms-transform: translate(34%, 20%);
		transform: translate(34%, 20%);
	}
	.hh-animate-circles .hh-circle-item-0 .hh-circle-item-image {
		-webkit-animation: 3.5s rotateTestReverse0 ease-in-out 0s forwards;
		animation: 3.5s rotateTestReverse0 ease-in-out 0s forwards;
	}
	.hh-circle-item-1 .hh-circle-item-image {
		-webkit-transform: translate(-54%, -148%);
		-ms-transform: translate(-54%, -148%);
		transform: translate(-54%, -148%);
		-webkit-animation: 2s;
		animation: 2s
	}
	.hh-animate-circles .hh-circle-item-1 .hh-circle-item-image {
		-webkit-animation: 3.5s rotateTestReverse1 ease-in-out 0s forwards;
		animation: 3.5s rotateTestReverse1 ease-in-out 0s forwards;
	}
	.hh-circle-item-2 .hh-circle-item-image {
		-webkit-transform: translate(-120%, 20%);
		-ms-transform: translate(-120%, 20%);
		transform: translate(-120%, 20%);
	}
	.hh-animate-circles .hh-circle-item-2 .hh-circle-item-image {
		-webkit-animation: 3.5s rotateTestReverse2 ease-in-out 0s forwards;
		animation: 3.5s rotateTestReverse2 ease-in-out 0s forwards;
	}
	.hh-c-fade-in {
		opacity: 0;
	}
	.hh-animate .hh-c-fade-in {
		-webkit-animation: 1s fadeIn ease-in-out 1.5s forwards;
		animation: 1s fadeIn ease-in-out 1.5s forwards;
	}
	.hh-circle-link {
		font-size: 18px;
	}
	.hh-placeholder-circle {
		background-color: #fff;
		opacity: 1;
	}
	.hh-animate-circles .hh-placeholder-circle {
		-webkit-animation: 3.5s hidePlacholderCircle ease-in-out 0s forwards;
		animation: 3.5s hidePlacholderCircle ease-in-out 0s forwards;
	}
	.hh-circle-hidden-content {
		opacity: 0;
		max-height: 0px;
	}
	.hh-circle-item-0 .hh-circle-hidden-content {
		max-height: 260px;
		opacity: 1;
	}
	.hh-circles-user-interaction .hh-circles-right {
		padding-bottom: 0%;
	}
	.hh-circles-user-interaction .hh-circles-right-inner {
		position: relative;
		width: 100%;
		padding-bottom: 100%;
	}
	.hh-circles-user-interaction .hh-circle-main-logo,
	.hh-circles-user-interaction .hh-placeholder-circle {
		display: none;
	}
	.hh-circles-bkg {
		opacity: 1;
	}
	.hh-circles-user-interaction .hh-circle-item {
		background-color: rgba(255, 255, 255, .9);
		width: 38%;
		padding-bottom: 38%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 1;
	}
	.hh-circles-user-interaction-with-transition * {
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	.hh-circles-user-interaction .hh-circle-item-0 {
		position: absolute;
		top: 3.05%;
		left: 16.1%;
	}
	.hh-circles-user-interaction .hh-circle-item-1 {
		position: absolute;
		top: 45%;
		left: 16.8%;
	}
	.hh-circles-user-interaction .hh-circle-item-2 {
		position: absolute;
		top: 35%;
		left: 48.9%;
	}
	.hh-circles-user-interaction .hh-circle-item-image {
		opacity: 0;
	}
	.hh-circles-user-interaction .hh-circle-item-0 .hh-circle-item-image {
		-webkit-transform: translate(64.5%, -136.3%);
		-ms-transform: translate(64.5%, -136.3%);
		transform: translate(64.5%, -136.3%);
	}
	.hh-circles-user-interaction .hh-circle-item-1 .hh-circle-item-image {
		-webkit-transform: translate(-130.3%, 60.5%);
		-ms-transform: translate(-130.3%, 60.5%);
		transform: translate(-130.3%, 60.5%);
	}
	.hh-circles-user-interaction .hh-circle-item-2 .hh-circle-item-image {
		-webkit-transform: translate(43%, 54%);
		-ms-transform: translate(43%, 54%);
		transform: translate(43%, 54%);
	}
	.hh-circles-user-interaction .hh-circle-item-content {
		opacity: 1;
	}
	.hh-circles-0-selected .hh-circle-item-0,
	.hh-circles-1-selected .hh-circle-item-1,
	.hh-circles-2-selected .hh-circle-item-2 {
		/* width: 51%;
		padding-bottom: 51%; */
		width: 50%;
		padding-bottom: 50%;
		z-index: 2;
	}
	.hh-circle-item-0 .hh-circles-pre-learn-more,
	.hh-circles-0-selected .hh-circle-item-0 .hh-circles-pre-learn-more,
	.hh-circles-1-selected .hh-circle-item-1 .hh-circles-pre-learn-more,
	.hh-circles-2-selected .hh-circle-item-2 .hh-circles-pre-learn-more {
		height: 0px;
	}

	.hh-circles-1-selected .hh-circle-item-0 .hh-circles-pre-learn-more,
	.hh-circles-2-selected .hh-circle-item-0 .hh-circles-pre-learn-more {
		height: 30px;
	}

	.hh-circles-user-interaction .hh-circle-hidden-content {
		max-height: 0;
		opacity: 0;
	}
	.hh-circles-0-selected.hh-circles-user-interaction .hh-circle-item-0 .hh-circle-item-image,
	.hh-circles-1-selected.hh-circles-user-interaction .hh-circle-item-1 .hh-circle-item-image,
	.hh-circles-2-selected.hh-circles-user-interaction .hh-circle-item-2 .hh-circle-item-image {
		opacity: 1;
	}
	.hh-circles-1-selected .hh-circle-item-1 {
		top: 50%;
		left: 10%;
	}
	.hh-circles-1-selected .hh-circle-item-2 {
		top: 40%;
		left: 51%;
	}
	.hh-circles-1-selected .hh-circle-item-0 {
		top: 0%;
		left: 22%;
	}
	.hh-circles-2-selected .hh-circle-item-2 {
		/* top: 14%;
		left: 42%; */
		top: 40%;
		left: 51%;
	}
	.hh-circles-2-selected .hh-circle-item-1 {
		top: 52%;
		left: 10%;
	}
	.hh-circles-0-selected .hh-circle-item-0 .hh-circle-hidden-content,
	.hh-circles-1-selected .hh-circle-item-1 .hh-circle-hidden-content,
	.hh-circles-2-selected .hh-circle-item-2 .hh-circle-hidden-content {
		max-height: 260px;
		opacity: 1;
	}
}

@media(max-width: 1400px) and (min-width:1050px) {
	.hh-circle-item-content .hh-hdr-three {
		font-size: 30px;
	}
	.hh-circle-item-content .hh-fs-body-small {
		font-size: 16px;
	}
	.hh-circles-left {
		left: 0%;
	}
}

@media(max-width: 1200px) and (min-width:1050px) {
  /*
	.hh-circles-left {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.hh-circles-right {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		padding-bottom: 90%;
	}
	.hh-circles-left-content {
		margin-left: auto;
		margin-right: auto;
	}
  */
}

@media (max-width:1050px) {
	.hh-circles-pre-learn-more {
		display: none;
	}
	.hh-circles-left {
		padding-left: 4%;
		padding-right: 4%;
	}
	.hh-circle-main-logo,
	.hh-placeholder-circle {
		display: none;
	}
	#hh-circles-section {
		padding-top: 70px;
		padding-bottom: 0px;
	}
	.hh-circles-left {
		text-align: center;
	}
	.hh-circle-item {
		margin-bottom: 50px;
	}
	.hh-circle-item-inner {
		background-color: #fff;
		border-radius: 50%;
		width: 100%;
		padding-bottom: 100%;
		position: relative;
	}
	.hh-circle-item-image {
		width: 38%;
		top: -8%;
	}
	.hh-circle-item-0,
	.hh-circle-item-2 {
		margin-left: -6%;
	}
	.hh-circle-item-0 .hh-circle-item-image,
	.hh-circle-item-2 .hh-circle-item-image {
		left: 70%;
	}
	.hh-circle-item-1 {
		margin-left: 3%;
		margin-right: -3%;
	}
	.hh-circle-item-1 .hh-circle-item-image {
		left: -5%;
	}
	.hh-circle-item-content {
		opacity: 1;
	}
	.hh-circles-right {
		padding-top: 100px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
	}
	#hh-circles-section .hh-gutter {
		padding: 0px;
	}
}

@media(max-width:500px) {
	#hh-circles-section .hh-hdr-2 {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
  .hh-circles-right {
		overflow: hidden;
  }
}

@-webkit-keyframes hidePlacholderCircle {
	0% {
		opacity: 1;
	}
	64% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes hidePlacholderCircle {
	0% {
		opacity: 1;
	}
	64% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

@-webkit-keyframes animateContent {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		opacity: 0
	}
	40% {
		-webkit-transform: translate(-50%, -50%) rotate(-120deg);
		transform: translate(-50%, -50%) rotate(-120deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(-120deg);
		transform: translate(-50%, -50%) rotate(-120deg);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(-295deg);
		transform: translate(-50%, -50%) rotate(-295deg);
		opacity: 1
	}
}

@keyframes animateContent {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		opacity: 0
	}
	40% {
		-webkit-transform: translate(-50%, -50%) rotate(-120deg);
		transform: translate(-50%, -50%) rotate(-120deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(-120deg);
		transform: translate(-50%, -50%) rotate(-120deg);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(-295deg);
		transform: translate(-50%, -50%) rotate(-295deg);
		opacity: 1
	}
}

@-webkit-keyframes animateCircle0 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(-60%, -25%) rotate(175deg);
		transform: translate(-60%, -25%) rotate(175deg);
		background-color: rgba(255, 255, 255, .9);
	}
}

@keyframes animateCircle0 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(-60%, -25%) rotate(175deg);
		transform: translate(-60%, -25%) rotate(175deg);
		background-color: rgba(255, 255, 255, .9);
	}
}

@-webkit-keyframes showBackground {
	100% {
		background-color: rgba(255, 255, 255, .9);
	}
}

@keyframes showBackground {
	100% {
		background-color: rgba(255, 255, 255, .9);
	}
}

@-webkit-keyframes hideCircle0Content {
	0% {
		max-height: 260px;
		opacity: 1;
	}
	100% {
		max-height: 0px;
		opacity: 0;
	}
}

@keyframes hideCircle0Content {
	0% {
		max-height: 260px;
		opacity: 1;
	}
	100% {
		max-height: 0px;
		opacity: 0;
	}
}
@-webkit-keyframes adjustHeader {
  0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.35);
		        transform: scale(1.35);
	}
}
@keyframes adjustHeader {
  0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.35);
		        transform: scale(1.35);
	}
}


@-webkit-keyframes animateCircle1 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(25%, -50%) rotate(175deg) scale(.75);
		transform: translate(6%, -50%) rotate(175deg) scale(.75);
		background-color: rgba(255, 255, 255, .9);
	}
}

@keyframes animateCircle1 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(25%, -50%) rotate(175deg) scale(.75);
		transform: translate(6%, -50%) rotate(175deg) scale(.75);
		background-color: rgba(255, 255, 255, .9);
	}
}

@-webkit-keyframes showCircle1 {
	0% {
		width: 38%;
		padding-bottom: 38%;
	}
	100% {
		-webkit-transform: translate(-15%, -50%) rotate(175deg);
		transform: translate(-15%, -50%) rotate(175deg);
		width: 51%;
		padding-bottom: 51%;
	}
}

@keyframes showCircle1 {
	0% {
		width: 38%;
		padding-bottom: 38%;
	}
	100% {
		-webkit-transform: translate(-15%, -50%) rotate(175deg);
		transform: translate(-15%, -50%) rotate(175deg);
		width: 51%;
		padding-bottom: 51%;
	}
}

@-webkit-keyframes animateCircle2 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(-40%, -110%) rotate(175deg) scale(.75);
		transform: translate(-43%, -95%) rotate(175deg) scale(.75);
		background-color: rgba(255, 255, 255, .9);
	}
}

@keyframes animateCircle2 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
		background-color: rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-transform: translate(-40%, -110%) rotate(175deg) scale(.75);
		transform: translate(-43%, -95%) rotate(175deg) scale(.75);
		background-color: rgba(255, 255, 255, .9);
	}
}

@-webkit-keyframes showCircleContent {
	0% {
		max-height: 0px;
		opacity: 0;
	}
	100% {
		max-height: 260px;
		opacity: 1;
	}
}

@keyframes showCircleContent {
	0% {
		max-height: 0px;
		opacity: 0;
	}
	100% {
		max-height: 260px;
		opacity: 1;
	}
}

@-webkit-keyframes hideCircleContent {
	0% {
		max-height: 260px;
		opacity: 1;
	}
	100% {
		max-height: 0px;
		opacity: 0;
	}
}

@keyframes hideCircleContent {
	0% {
		max-height: 260px;
		opacity: 1;
	}
	100% {
		max-height: 0px;
		opacity: 0;
	}
}

@-webkit-keyframes zoomLogo {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@keyframes zoomLogo {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes rotateTest {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	40% {
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg)
	}
	100% {
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg)
	}
}

@keyframes rotateTest {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	40% {
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg)
	}
	100% {
		-webkit-transform: rotate(120deg);
		transform: rotate(120deg)
	}
}

@-webkit-keyframes rotateTestReverse0 {
	0% {
		-webkit-transform: translate(30%, 30%) rotate(0deg);
		transform: translate(30%, 30%) rotate(0deg)
	}
	40% {
		-webkit-transform: translate(70%, 20%) rotate(-120deg);
		transform: translate(70%, 20%) rotate(-120deg);
	}
	60% {
		-webkit-transform: translate(70%, 20%) rotate(-120deg);
		transform: translate(70%, 20%) rotate(-120deg);
	}
	100% {
		-webkit-transform: translate(70%, 20%) rotate(-295deg);
		transform: translate(70%, 20%) rotate(-295deg);
	}
}

@keyframes rotateTestReverse0 {
	0% {
		-webkit-transform: translate(30%, 30%) rotate(0deg);
		transform: translate(30%, 30%) rotate(0deg)
	}
	40% {
		-webkit-transform: translate(70%, 20%) rotate(-120deg);
		transform: translate(70%, 20%) rotate(-120deg);
	}
	60% {
		-webkit-transform: translate(70%, 20%) rotate(-120deg);
		transform: translate(70%, 20%) rotate(-120deg);
	}
	100% {
		-webkit-transform: translate(70%, 20%) rotate(-295deg);
		transform: translate(70%, 20%) rotate(-295deg);
	}
}

@-webkit-keyframes hideCircle0Image {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hideCircle0Image {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes rotateTestReverse1 {
	0% {
		-webkit-transform: translate(-50%, -150%) rotate(0deg);
		transform: translate(-50%, -150%) rotate(0deg);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate(-50%, -180%) rotate(-120deg);
		transform: translate(-50%, -180%) rotate(-120deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-50%, -180%) rotate(-120deg);
		transform: translate(-50%, -180%) rotate(-120deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-50%, -180%) rotate(-160deg);
		transform: translate(-50%, -180%) rotate(-160deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-145%, -140%) rotate(-280deg);
		transform: translate(-145%, -140%) rotate(-280deg);
		opacity: 0;
	}
}

@keyframes rotateTestReverse1 {
	0% {
		-webkit-transform: translate(-50%, -150%) rotate(0deg);
		transform: translate(-50%, -150%) rotate(0deg);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate(-50%, -180%) rotate(-120deg);
		transform: translate(-50%, -180%) rotate(-120deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-50%, -180%) rotate(-120deg);
		transform: translate(-50%, -180%) rotate(-120deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-50%, -180%) rotate(-160deg);
		transform: translate(-50%, -180%) rotate(-160deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-145%, -140%) rotate(-280deg);
		transform: translate(-145%, -140%) rotate(-280deg);
		opacity: 0;
	}
}

@-webkit-keyframes rotateTestReverse2 {
	0% {
		-webkit-transform: translate(-120%, 20%) rotate(0deg);
		transform: translate(-120%, 20%) rotate(0deg);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate(-175%, 20%) rotate(-120deg);
		transform: translate(-175%, 20%) rotate(-120deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-175%, 20%) rotate(-120deg);
		transform: translate(-175%, 20%) rotate(-120deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-175%, 20%) rotate(-160deg);
		transform: translate(-175%, 20%) rotate(-160deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-125%, 50%) rotate(-270deg);
		transform: translate(-125%, 50%) rotate(-270deg);
		opacity: 0;
	}
}

@keyframes rotateTestReverse2 {
	0% {
		-webkit-transform: translate(-120%, 20%) rotate(0deg);
		transform: translate(-120%, 20%) rotate(0deg);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate(-175%, 20%) rotate(-120deg);
		transform: translate(-175%, 20%) rotate(-120deg);
		opacity: 1;
	}
	60% {
		-webkit-transform: translate(-175%, 20%) rotate(-120deg);
		transform: translate(-175%, 20%) rotate(-120deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-175%, 20%) rotate(-160deg);
		transform: translate(-175%, 20%) rotate(-160deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-125%, 50%) rotate(-270deg);
		transform: translate(-125%, 50%) rotate(-270deg);
		opacity: 0;
	}
}
