@charset "UTF-8";
#contentsWrapper, .visualBlock {
	min-width: 1000px;
	overflow: hidden
}
#contentsWrapper, .arc1, .arc2, .arc3, .arc4, .listBlock__inner, .visualBlock {
	overflow: hidden
}
body, html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", Arial, verdana, sans-serif
}
.visualBlock {
	position: relative;
	padding: 100px 0 0;
	background: url(../../opencampus/weboc/img/bg.png) top center repeat-x
}
.visualBlock__title {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 507px
}
.visualBlock__title:after, .visualBlock__title:before {
	position: absolute;
	content: ''
}
.visualBlock__title:before {
	left: -60px;
	bottom: -135px;
	border-radius: 45px;
	width: 90px;
	height: 90px;
	background: #ffe6c8
}
.visualBlock__title:after {
	right: -260px;
	top: -140px;
	border-radius: 79px;
	width: 158px;
	height: 158px;
	background: #ffeffe
}
.visualBlock__inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 530px;
	box-sizing: border-box
}
.visualBlock__box {
	position: relative;
	margin: 70px 0 0;
	width: 100%;
	height: 100%
}
.visualBlock__item {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer
}
.visualBlock__link {
	position: relative;
	display: block;
	width: 303px;
	height: 433px;
	transition: -webkit-transform .8s ease 0s, opacity .3s ease 0s;
	transition: transform .8s ease 0s, opacity .3s ease 0s
}
.visualBlock__link__overImg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
.visualBlock__link .defImgWrapper {
	display: block;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 303px;
	height: 433px
}
.visualBlock__link .defImgWrapper__textBlock {
	position: absolute;
	left: -12px;
	bottom: 20px;
	transition: opacity .3s ease .3s
}
.visualBlock__link .defImgWrapper__textBlock .class {
	display: inline-block;
	margin: 30px 0 0;
	padding: 0 5px;
	font-size: 14px;
	background: rgba(255,255,255,0)
}
.visualBlock__link .defImgWrapper__textBlock .name {
	display: inline-block;
	margin: 8px 0 0;
	padding: 0 5px;
	font-size: 18px;
	background: rgba(255,255,255,0)
}
.visualBlock__link .defImgWrapper__textBlock .class, .visualBlock__link .defImgWrapper__textBlock .name {
	color: #000
}
.visualBlock__link .defImgWrapper__textBlock .class--1, .visualBlock__link .defImgWrapper__textBlock .name--1 {
	background: #ffe7fe
}
.visualBlock__link .defImgWrapper__textBlock .class--2, .visualBlock__link .defImgWrapper__textBlock .name--2 {
	background: #ffde00
}
.visualBlock__link .defImgWrapper__textBlock .class--3, .visualBlock__link .defImgWrapper__textBlock .name--3 {
	background: #bbe5ff
}
.visualBlock__link .defImgWrapper__textBlock .class--4, .visualBlock__link .defImgWrapper__textBlock .name--4 {
	background: #d9b7f4
}
.visualBlock__link .defImgWrapper__textBlock .class--5, .visualBlock__link .defImgWrapper__textBlock .name--5 {
	background: #ffbd70
}
.visualBlock__link .defImgWrapper__textBlock .class--6, .visualBlock__link .defImgWrapper__textBlock .name--6 {
	background: #9ef59a
}
.visualBlock__link__defImg {
	display: block;
	width: 303px;
	height: 433px
}
.visualBlock__link .overTextBlock {
	position: absolute;
	left: -32px;
	bottom: 20px
}
.visualBlock__link .overTextBlock--1 {
	width: 260px
}
.visualBlock__link .overTextBlock--2 {
	width: 280px
}
.visualBlock__link .overTextBlock--3 {
	width: 340px
}
.visualBlock__link .overTextBlock--4 {
	width: 320px
}
.visualBlock__link .overTextBlock--5 {
	width: 340px
}
.visualBlock__link .overTextBlock--6 {
	width: 310px
}
.visualBlock__link .overTextBlock .title {
	display: inline-block;
	margin: 8px 0 0;
	padding: 0 5px;
	font-size: 21px;
	color: rgba(255,255,255,0);
	background: rgba(255,255,255,0)
}
.arc1, .arc2, .arc3, .arc4, .listBlock a figure img {
	display: block
}
.visualBlock__link .defImgWrapper {
	transition: width .4s cubic-bezier(.55, .085, .68, .53) 0s
}
.visualBlock__link .overTextBlock .name {
	transition: background .3s ease 0s, color .3s ease 0s
}
.visualBlock__link.inac {
	-webkit-transform: scale(.92);
	-ms-transform: scale(.92);
	transform: scale(.92);
	opacity: .5;
	transition: -webkit-transform .6s ease 0s, opacity .3s ease 0s;
	transition: transform .6s ease 0s, opacity .3s ease 0s
}
.visualBlock__link.ac {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: -webkit-transform .8s ease 0s;
	transition: transform .8s ease 0s
}
.visualBlock__link.ac .defImgWrapper {
	width: 0;
	transition: width .4s cubic-bezier(.55, .085, .68, .53) 0s
}
.visualBlock__link.ac .defImgWrapper__textBlock {
	opacity: 0;
	transition: opacity .3s ease 0s
}
.visualBlock__link.ac .overTextBlock .title {
	background: #fff;
	transition: background .3s ease .3s, color .3s ease .5s
}
.visualBlock__link.ac .overTextBlock .title--1 {
	color: #e491ca
}
.visualBlock__link.ac .overTextBlock .title--2 {
	color: #dcc000
}
.visualBlock__link.ac .overTextBlock .title--3 {
	color: #6ab3e0
}
.visualBlock__link.ac .overTextBlock .title--4 {
	color: #9c5ad1
}
.visualBlock__link.ac .overTextBlock .title--5 {
	color: #f49040
}
.visualBlock__link.ac .overTextBlock .title--6 {
	color: #2acb23
}
.arcBlock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.listBlock {
	position: relative;
	margin: 0 auto;
	padding: 0 0 78px;
	width: 1000px
}
.listBlock__inner {
	position: relative
}
.listBlock__title {
	float: left
}
.listBlock__text {
	padding: 0 0 0 70px;
	font-size: 16px;
	line-height: 2;
	color: #461927;
	text-align: center
}
.listBlock__text span {
	color: #a71b48
}
.listBlock__subTitle {
	position: relative;
	clear: both;
	padding: 82px 0 0
}
.listBlock__subTitle img {
	display: block;
	margin: 0 auto
}
.listBlock_ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.listBlock__item {
	float: left;
	margin: 50px 0 0 50px;
	font-size: 14px;
	line-height: 1.4;
	text-align: center
}
.listBlock__item--1 {
	margin: 50px 0 0
}
.listBlock__item--1 p {
	background: #ffe7fe
}
.listBlock__item--1 figure {
	background: url(../../opencampus/weboc/img/t1.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__item--2 p {
	background: #fffcb4
}
.listBlock__item--2 figure {
	background: url(../../opencampus/weboc/img/t2.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__item--3 p {
	background: #bbe5ff
}
.listBlock__item--3 figure {
	background: url(../../opencampus/weboc/img/t3.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__item--4 p {
	background: #d9c8e6
}
.listBlock__item--4 figure {
	background: url(../../opencampus/weboc/img/t4.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__item--5 p {
	background: #ffbd70
}
.listBlock__item--5 figure {
	background: url(../../opencampus/weboc/img/t5.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__item--6 p {
	background: #9ef59a
}
.listBlock__item--6 figure {
	background: url(../../opencampus/weboc/img/t6.png) center 0 no-repeat;
	background-size: contain
}
.listBlock__class {
	margin: 23px 0 0;
	padding: 2px 0
}
.listBlock__name {
	margin: 11px 0 0;
	padding: 2px 0
}
.listBlock a {
	color: #000;
	text-decoration: none
}
.listBlock a figure {
	position: relative;
	width: 248px;
	height: 248px
}
.arc1, .arc1:after, .arc1__line {
	position: absolute
}
.listBlock a figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0
}
.listBlock a:hover .i1 {
	-webkit-animation: i1 4s linear 0s infinite;
	animation: i1 4s linear 0s infinite
}
@-webkit-keyframes i1 {
0%, 100%, 43% {
opacity:0
}
10%, 33% {
opacity:1
}
}
@keyframes i1 {
0%, 100%, 43% {
opacity:0
}
10%, 33% {
opacity:1
}
}
.listBlock a:hover .i2 {
	-webkit-animation: i2 4s linear 0s infinite;
	animation: i2 4s linear 0s infinite
}
@-webkit-keyframes i2 {
0%, 100%, 33%, 77% {
opacity:0
}
43%, 67% {
opacity:1
}
}
@keyframes i2 {
0%, 100%, 33%, 77% {
opacity:0
}
43%, 67% {
opacity:1
}
}
.listBlock a:hover .i3 {
	-webkit-animation: i3 4s linear 1s infinite;
	animation: i3 4s linear 1s infinite
}
@-webkit-keyframes i3 {
0%, 100%, 42%, 95% {
opacity:0
}
52%, 85% {
opacity:1
}
}
@keyframes i3 {
0%, 100%, 42%, 95% {
opacity:0
}
52%, 85% {
opacity:1
}
}
.arc1 {
	left: -111px;
	top: -43px;
	width: 284px;
	height: 284px
}
.arc1:after {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../opencampus/weboc/img/arc.png) center center no-repeat;
	background-size: contain
}
.arc2:after, .arc3:after {
	background: url(../../opencampus/weboc/img/arc.png) center center no-repeat;
	content: ''
}
.arc1__line {
	left: -38px;
	top: -38px;
	border-left: 7px solid #fffcb4;
	width: 284px;
	height: 284px
}
.arc2:after, .arc2__line {
	left: 0;
	position: absolute
}
.arc1__line--1 {
	-webkit-transform: rotate(45deg) translate(20px, 0);
	-ms-transform: rotate(45deg) translate(20px, 0);
	transform: rotate(45deg) translate(20px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc11 10s infinite .1s linear;
	animation: arc11 10s infinite .1s linear
}
@-webkit-keyframes arc11 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(20px, 0);
transform:rotate(45deg) translate(20px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(60px, 0);
transform:rotate(45deg) translate(60px, 0)
}
}
@keyframes arc11 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(20px, 0);
transform:rotate(45deg) translate(20px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(60px, 0);
transform:rotate(45deg) translate(60px, 0)
}
}
.arc1__line--2 {
	-webkit-transform: rotate(45deg) translate(40px, 0);
	-ms-transform: rotate(45deg) translate(40px, 0);
	transform: rotate(45deg) translate(40px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc12 10s infinite .2s linear;
	animation: arc12 10s infinite .2s linear
}
@-webkit-keyframes arc12 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(40px, 0);
transform:rotate(45deg) translate(40px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(80px, 0);
transform:rotate(45deg) translate(80px, 0)
}
}
@keyframes arc12 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(40px, 0);
transform:rotate(45deg) translate(40px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(80px, 0);
transform:rotate(45deg) translate(80px, 0)
}
}
.arc1__line--3 {
	-webkit-transform: rotate(45deg) translate(60px, 0);
	-ms-transform: rotate(45deg) translate(60px, 0);
	transform: rotate(45deg) translate(60px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc13 10s infinite .3s linear;
	animation: arc13 10s infinite .3s linear
}
@-webkit-keyframes arc13 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(60px, 0);
transform:rotate(45deg) translate(60px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(100px, 0);
transform:rotate(45deg) translate(100px, 0)
}
}
@keyframes arc13 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(60px, 0);
transform:rotate(45deg) translate(60px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(100px, 0);
transform:rotate(45deg) translate(100px, 0)
}
}
.arc1__line--4 {
	-webkit-transform: rotate(45deg) translate(80px, 0);
	-ms-transform: rotate(45deg) translate(80px, 0);
	transform: rotate(45deg) translate(80px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc14 10s infinite .4s linear;
	animation: arc14 10s infinite .4s linear
}
@-webkit-keyframes arc14 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(80px, 0);
transform:rotate(45deg) translate(80px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(120px, 0);
transform:rotate(45deg) translate(120px, 0)
}
}
@keyframes arc14 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(80px, 0);
transform:rotate(45deg) translate(80px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(120px, 0);
transform:rotate(45deg) translate(120px, 0)
}
}
.arc1__line--5 {
	-webkit-transform: rotate(45deg) translate(100px, 0);
	-ms-transform: rotate(45deg) translate(100px, 0);
	transform: rotate(45deg) translate(100px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc15 10s infinite .5s linear;
	animation: arc15 10s infinite .5s linear
}
@-webkit-keyframes arc15 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(100px, 0);
transform:rotate(45deg) translate(100px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(140px, 0);
transform:rotate(45deg) translate(140px, 0)
}
}
@keyframes arc15 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(100px, 0);
transform:rotate(45deg) translate(100px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(140px, 0);
transform:rotate(45deg) translate(140px, 0)
}
}
.arc1__line--6 {
	-webkit-transform: rotate(45deg) translate(120px, 0);
	-ms-transform: rotate(45deg) translate(120px, 0);
	transform: rotate(45deg) translate(120px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc16 10s infinite .6s linear;
	animation: arc16 10s infinite .6s linear
}
@-webkit-keyframes arc16 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(120px, 0);
transform:rotate(45deg) translate(120px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(160px, 0);
transform:rotate(45deg) translate(160px, 0)
}
}
@keyframes arc16 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(120px, 0);
transform:rotate(45deg) translate(120px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(160px, 0);
transform:rotate(45deg) translate(160px, 0)
}
}
.arc1__line--7 {
	-webkit-transform: rotate(45deg) translate(140px, 0);
	-ms-transform: rotate(45deg) translate(140px, 0);
	transform: rotate(45deg) translate(140px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc17 10s infinite .7s linear;
	animation: arc17 10s infinite .7s linear
}
@-webkit-keyframes arc17 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(140px, 0);
transform:rotate(45deg) translate(140px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(180px, 0);
transform:rotate(45deg) translate(180px, 0)
}
}
@keyframes arc17 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(140px, 0);
transform:rotate(45deg) translate(140px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(180px, 0);
transform:rotate(45deg) translate(180px, 0)
}
}
.arc1__line--8 {
	-webkit-transform: rotate(45deg) translate(160px, 0);
	-ms-transform: rotate(45deg) translate(160px, 0);
	transform: rotate(45deg) translate(160px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc18 10s infinite .8s linear;
	animation: arc18 10s infinite .8s linear
}
@-webkit-keyframes arc18 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(160px, 0);
transform:rotate(45deg) translate(160px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(200px, 0);
transform:rotate(45deg) translate(200px, 0)
}
}
@keyframes arc18 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(160px, 0);
transform:rotate(45deg) translate(160px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(200px, 0);
transform:rotate(45deg) translate(200px, 0)
}
}
.arc1__line--9 {
	-webkit-transform: rotate(45deg) translate(180px, 0);
	-ms-transform: rotate(45deg) translate(180px, 0);
	transform: rotate(45deg) translate(180px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc19 10s infinite .9s linear;
	animation: arc19 10s infinite .9s linear
}
@-webkit-keyframes arc19 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(180px, 0);
transform:rotate(45deg) translate(180px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(220px, 0);
transform:rotate(45deg) translate(220px, 0)
}
}
@keyframes arc19 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(180px, 0);
transform:rotate(45deg) translate(180px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(220px, 0);
transform:rotate(45deg) translate(220px, 0)
}
}
.arc1__line--10 {
	-webkit-transform: rotate(45deg) translate(200px, 0);
	-ms-transform: rotate(45deg) translate(200px, 0);
	transform: rotate(45deg) translate(200px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc110 10s infinite 1s linear;
	animation: arc110 10s infinite 1s linear
}
@-webkit-keyframes arc110 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(200px, 0);
transform:rotate(45deg) translate(200px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(240px, 0);
transform:rotate(45deg) translate(240px, 0)
}
}
@keyframes arc110 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(200px, 0);
transform:rotate(45deg) translate(200px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(240px, 0);
transform:rotate(45deg) translate(240px, 0)
}
}
.arc1__line--11 {
	-webkit-transform: rotate(45deg) translate(220px, 0);
	-ms-transform: rotate(45deg) translate(220px, 0);
	transform: rotate(45deg) translate(220px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc111 10s infinite 1.1s linear;
	animation: arc111 10s infinite 1.1s linear
}
@-webkit-keyframes arc111 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(220px, 0);
transform:rotate(45deg) translate(220px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(260px, 0);
transform:rotate(45deg) translate(260px, 0)
}
}
@keyframes arc111 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(220px, 0);
transform:rotate(45deg) translate(220px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(260px, 0);
transform:rotate(45deg) translate(260px, 0)
}
}
.arc1__line--12 {
	-webkit-transform: rotate(45deg) translate(240px, 0);
	-ms-transform: rotate(45deg) translate(240px, 0);
	transform: rotate(45deg) translate(240px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc112 10s infinite 1.2s linear;
	animation: arc112 10s infinite 1.2s linear
}
@-webkit-keyframes arc112 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(240px, 0);
transform:rotate(45deg) translate(240px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(280px, 0);
transform:rotate(45deg) translate(280px, 0)
}
}
@keyframes arc112 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(240px, 0);
transform:rotate(45deg) translate(240px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(280px, 0);
transform:rotate(45deg) translate(280px, 0)
}
}
.arc1__line--13 {
	-webkit-transform: rotate(45deg) translate(260px, 0);
	-ms-transform: rotate(45deg) translate(260px, 0);
	transform: rotate(45deg) translate(260px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc113 10s infinite 1.3s linear;
	animation: arc113 10s infinite 1.3s linear
}
@-webkit-keyframes arc113 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(260px, 0);
transform:rotate(45deg) translate(260px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(300px, 0);
transform:rotate(45deg) translate(300px, 0)
}
}
@keyframes arc113 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(260px, 0);
transform:rotate(45deg) translate(260px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(300px, 0);
transform:rotate(45deg) translate(300px, 0)
}
}
.arc1__line--14 {
	-webkit-transform: rotate(45deg) translate(280px, 0);
	-ms-transform: rotate(45deg) translate(280px, 0);
	transform: rotate(45deg) translate(280px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc114 10s infinite 1.4s linear;
	animation: arc114 10s infinite 1.4s linear
}
@-webkit-keyframes arc114 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(280px, 0);
transform:rotate(45deg) translate(280px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(320px, 0);
transform:rotate(45deg) translate(320px, 0)
}
}
@keyframes arc114 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(280px, 0);
transform:rotate(45deg) translate(280px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(320px, 0);
transform:rotate(45deg) translate(320px, 0)
}
}
.arc1__line--15 {
	-webkit-transform: rotate(45deg) translate(300px, 0);
	-ms-transform: rotate(45deg) translate(300px, 0);
	transform: rotate(45deg) translate(300px, 0);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc115 10s infinite 1.5s linear;
	animation: arc115 10s infinite 1.5s linear
}
@-webkit-keyframes arc115 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(300px, 0);
transform:rotate(45deg) translate(300px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(340px, 0);
transform:rotate(45deg) translate(340px, 0)
}
}
@keyframes arc115 {
0%, 100% {
-webkit-transform:rotate(45deg) translate(300px, 0);
transform:rotate(45deg) translate(300px, 0)
}
50% {
-webkit-transform:rotate(45deg) translate(340px, 0);
transform:rotate(45deg) translate(340px, 0)
}
}
.arc2 {
	position: absolute;
	right: -138px;
	top: 103px;
	width: 260px;
	height: 260px
}
.arc2:after {
	top: 0;
	width: 100%;
	height: 100%;
	background-size: contain
}
.arc2__line {
	top: -3px;
	border-left: 4px solid #ecf8ff;
	width: 260px;
	height: 260px
}
.arc2__line--1 {
	-webkit-transform: translateX(8px);
	-ms-transform: translateX(8px);
	transform: translateX(8px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc21 16s infinite 1.1s linear;
	animation: arc21 16s infinite 1.1s linear
}
@-webkit-keyframes arc21 {
0%, 100% {
-webkit-transform:translateX(8px);
transform:translateX(8px)
}
50% {
-webkit-transform:translateX(-22px);
transform:translateX(-22px)
}
}
@keyframes arc21 {
0%, 100% {
-webkit-transform:translateX(8px);
transform:translateX(8px)
}
50% {
-webkit-transform:translateX(-22px);
transform:translateX(-22px)
}
}
.arc2__line--2 {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc22 16s infinite 1.2s linear;
	animation: arc22 16s infinite 1.2s linear
}
@-webkit-keyframes arc22 {
0%, 100% {
-webkit-transform:translateX(16px);
transform:translateX(16px)
}
50% {
-webkit-transform:translateX(-14px);
transform:translateX(-14px)
}
}
@keyframes arc22 {
0%, 100% {
-webkit-transform:translateX(16px);
transform:translateX(16px)
}
50% {
-webkit-transform:translateX(-14px);
transform:translateX(-14px)
}
}
.arc2__line--3 {
	-webkit-transform: translateX(24px);
	-ms-transform: translateX(24px);
	transform: translateX(24px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc23 16s infinite 1.3s linear;
	animation: arc23 16s infinite 1.3s linear
}
@-webkit-keyframes arc23 {
0%, 100% {
-webkit-transform:translateX(24px);
transform:translateX(24px)
}
50% {
-webkit-transform:translateX(-6px);
transform:translateX(-6px)
}
}
@keyframes arc23 {
0%, 100% {
-webkit-transform:translateX(24px);
transform:translateX(24px)
}
50% {
-webkit-transform:translateX(-6px);
transform:translateX(-6px)
}
}
.arc2__line--4 {
	-webkit-transform: translateX(32px);
	-ms-transform: translateX(32px);
	transform: translateX(32px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc24 16s infinite 1.4s linear;
	animation: arc24 16s infinite 1.4s linear
}
@-webkit-keyframes arc24 {
0%, 100% {
-webkit-transform:translateX(32px);
transform:translateX(32px)
}
50% {
-webkit-transform:translateX(2px);
transform:translateX(2px)
}
}
@keyframes arc24 {
0%, 100% {
-webkit-transform:translateX(32px);
transform:translateX(32px)
}
50% {
-webkit-transform:translateX(2px);
transform:translateX(2px)
}
}
.arc2__line--5 {
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc25 16s infinite 1.5s linear;
	animation: arc25 16s infinite 1.5s linear
}
@-webkit-keyframes arc25 {
0%, 100% {
-webkit-transform:translateX(40px);
transform:translateX(40px)
}
50% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes arc25 {
0%, 100% {
-webkit-transform:translateX(40px);
transform:translateX(40px)
}
50% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
.arc2__line--6 {
	-webkit-transform: translateX(48px);
	-ms-transform: translateX(48px);
	transform: translateX(48px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc26 16s infinite 1.6s linear;
	animation: arc26 16s infinite 1.6s linear
}
@-webkit-keyframes arc26 {
0%, 100% {
-webkit-transform:translateX(48px);
transform:translateX(48px)
}
50% {
-webkit-transform:translateX(18px);
transform:translateX(18px)
}
}
@keyframes arc26 {
0%, 100% {
-webkit-transform:translateX(48px);
transform:translateX(48px)
}
50% {
-webkit-transform:translateX(18px);
transform:translateX(18px)
}
}
.arc2__line--7 {
	-webkit-transform: translateX(56px);
	-ms-transform: translateX(56px);
	transform: translateX(56px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc27 16s infinite 1.7s linear;
	animation: arc27 16s infinite 1.7s linear
}
@-webkit-keyframes arc27 {
0%, 100% {
-webkit-transform:translateX(56px);
transform:translateX(56px)
}
50% {
-webkit-transform:translateX(26px);
transform:translateX(26px)
}
}
@keyframes arc27 {
0%, 100% {
-webkit-transform:translateX(56px);
transform:translateX(56px)
}
50% {
-webkit-transform:translateX(26px);
transform:translateX(26px)
}
}
.arc2__line--8 {
	-webkit-transform: translateX(64px);
	-ms-transform: translateX(64px);
	transform: translateX(64px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc28 16s infinite 1.8s linear;
	animation: arc28 16s infinite 1.8s linear
}
@-webkit-keyframes arc28 {
0%, 100% {
-webkit-transform:translateX(64px);
transform:translateX(64px)
}
50% {
-webkit-transform:translateX(34px);
transform:translateX(34px)
}
}
@keyframes arc28 {
0%, 100% {
-webkit-transform:translateX(64px);
transform:translateX(64px)
}
50% {
-webkit-transform:translateX(34px);
transform:translateX(34px)
}
}
.arc2__line--9 {
	-webkit-transform: translateX(72px);
	-ms-transform: translateX(72px);
	transform: translateX(72px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc29 16s infinite 1.9s linear;
	animation: arc29 16s infinite 1.9s linear
}
@-webkit-keyframes arc29 {
0%, 100% {
-webkit-transform:translateX(72px);
transform:translateX(72px)
}
50% {
-webkit-transform:translateX(42px);
transform:translateX(42px)
}
}
@keyframes arc29 {
0%, 100% {
-webkit-transform:translateX(72px);
transform:translateX(72px)
}
50% {
-webkit-transform:translateX(42px);
transform:translateX(42px)
}
}
.arc2__line--10 {
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc210 16s infinite 2s linear;
	animation: arc210 16s infinite 2s linear
}
@-webkit-keyframes arc210 {
0%, 100% {
-webkit-transform:translateX(80px);
transform:translateX(80px)
}
50% {
-webkit-transform:translateX(50px);
transform:translateX(50px)
}
}
@keyframes arc210 {
0%, 100% {
-webkit-transform:translateX(80px);
transform:translateX(80px)
}
50% {
-webkit-transform:translateX(50px);
transform:translateX(50px)
}
}
.arc2__line--11 {
	-webkit-transform: translateX(88px);
	-ms-transform: translateX(88px);
	transform: translateX(88px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc211 16s infinite 2.1s linear;
	animation: arc211 16s infinite 2.1s linear
}
@-webkit-keyframes arc211 {
0%, 100% {
-webkit-transform:translateX(88px);
transform:translateX(88px)
}
50% {
-webkit-transform:translateX(58px);
transform:translateX(58px)
}
}
@keyframes arc211 {
0%, 100% {
-webkit-transform:translateX(88px);
transform:translateX(88px)
}
50% {
-webkit-transform:translateX(58px);
transform:translateX(58px)
}
}
.arc2__line--12 {
	-webkit-transform: translateX(96px);
	-ms-transform: translateX(96px);
	transform: translateX(96px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc212 16s infinite 2.2s linear;
	animation: arc212 16s infinite 2.2s linear
}
@-webkit-keyframes arc212 {
0%, 100% {
-webkit-transform:translateX(96px);
transform:translateX(96px)
}
50% {
-webkit-transform:translateX(66px);
transform:translateX(66px)
}
}
@keyframes arc212 {
0%, 100% {
-webkit-transform:translateX(96px);
transform:translateX(96px)
}
50% {
-webkit-transform:translateX(66px);
transform:translateX(66px)
}
}
.arc2__line--13 {
	-webkit-transform: translateX(104px);
	-ms-transform: translateX(104px);
	transform: translateX(104px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc213 16s infinite 2.3s linear;
	animation: arc213 16s infinite 2.3s linear
}
@-webkit-keyframes arc213 {
0%, 100% {
-webkit-transform:translateX(104px);
transform:translateX(104px)
}
50% {
-webkit-transform:translateX(74px);
transform:translateX(74px)
}
}
@keyframes arc213 {
0%, 100% {
-webkit-transform:translateX(104px);
transform:translateX(104px)
}
50% {
-webkit-transform:translateX(74px);
transform:translateX(74px)
}
}
.arc2__line--14 {
	-webkit-transform: translateX(112px);
	-ms-transform: translateX(112px);
	transform: translateX(112px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc214 16s infinite 2.4s linear;
	animation: arc214 16s infinite 2.4s linear
}
@-webkit-keyframes arc214 {
0%, 100% {
-webkit-transform:translateX(112px);
transform:translateX(112px)
}
50% {
-webkit-transform:translateX(82px);
transform:translateX(82px)
}
}
@keyframes arc214 {
0%, 100% {
-webkit-transform:translateX(112px);
transform:translateX(112px)
}
50% {
-webkit-transform:translateX(82px);
transform:translateX(82px)
}
}
.arc2__line--15 {
	-webkit-transform: translateX(120px);
	-ms-transform: translateX(120px);
	transform: translateX(120px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc215 16s infinite 2.5s linear;
	animation: arc215 16s infinite 2.5s linear
}
@-webkit-keyframes arc215 {
0%, 100% {
-webkit-transform:translateX(120px);
transform:translateX(120px)
}
50% {
-webkit-transform:translateX(90px);
transform:translateX(90px)
}
}
@keyframes arc215 {
0%, 100% {
-webkit-transform:translateX(120px);
transform:translateX(120px)
}
50% {
-webkit-transform:translateX(90px);
transform:translateX(90px)
}
}
.arc2__line--16 {
	-webkit-transform: translateX(128px);
	-ms-transform: translateX(128px);
	transform: translateX(128px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc216 16s infinite 2.6s linear;
	animation: arc216 16s infinite 2.6s linear
}
@-webkit-keyframes arc216 {
0%, 100% {
-webkit-transform:translateX(128px);
transform:translateX(128px)
}
50% {
-webkit-transform:translateX(98px);
transform:translateX(98px)
}
}
@keyframes arc216 {
0%, 100% {
-webkit-transform:translateX(128px);
transform:translateX(128px)
}
50% {
-webkit-transform:translateX(98px);
transform:translateX(98px)
}
}
.arc2__line--17 {
	-webkit-transform: translateX(136px);
	-ms-transform: translateX(136px);
	transform: translateX(136px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc217 16s infinite 2.7s linear;
	animation: arc217 16s infinite 2.7s linear
}
@-webkit-keyframes arc217 {
0%, 100% {
-webkit-transform:translateX(136px);
transform:translateX(136px)
}
50% {
-webkit-transform:translateX(106px);
transform:translateX(106px)
}
}
@keyframes arc217 {
0%, 100% {
-webkit-transform:translateX(136px);
transform:translateX(136px)
}
50% {
-webkit-transform:translateX(106px);
transform:translateX(106px)
}
}
.arc2__line--18 {
	-webkit-transform: translateX(144px);
	-ms-transform: translateX(144px);
	transform: translateX(144px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc218 16s infinite 2.8s linear;
	animation: arc218 16s infinite 2.8s linear
}
@-webkit-keyframes arc218 {
0%, 100% {
-webkit-transform:translateX(144px);
transform:translateX(144px)
}
50% {
-webkit-transform:translateX(114px);
transform:translateX(114px)
}
}
@keyframes arc218 {
0%, 100% {
-webkit-transform:translateX(144px);
transform:translateX(144px)
}
50% {
-webkit-transform:translateX(114px);
transform:translateX(114px)
}
}
.arc2__line--19 {
	-webkit-transform: translateX(152px);
	-ms-transform: translateX(152px);
	transform: translateX(152px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc219 16s infinite 2.9s linear;
	animation: arc219 16s infinite 2.9s linear
}
@-webkit-keyframes arc219 {
0%, 100% {
-webkit-transform:translateX(152px);
transform:translateX(152px)
}
50% {
-webkit-transform:translateX(122px);
transform:translateX(122px)
}
}
@keyframes arc219 {
0%, 100% {
-webkit-transform:translateX(152px);
transform:translateX(152px)
}
50% {
-webkit-transform:translateX(122px);
transform:translateX(122px)
}
}
.arc2__line--20 {
	-webkit-transform: translateX(160px);
	-ms-transform: translateX(160px);
	transform: translateX(160px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc220 16s infinite 3s linear;
	animation: arc220 16s infinite 3s linear
}
@-webkit-keyframes arc220 {
0%, 100% {
-webkit-transform:translateX(160px);
transform:translateX(160px)
}
50% {
-webkit-transform:translateX(130px);
transform:translateX(130px)
}
}
@keyframes arc220 {
0%, 100% {
-webkit-transform:translateX(160px);
transform:translateX(160px)
}
50% {
-webkit-transform:translateX(130px);
transform:translateX(130px)
}
}
.arc2__line--21 {
	-webkit-transform: translateX(168px);
	-ms-transform: translateX(168px);
	transform: translateX(168px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc221 16s infinite 3.1s linear;
	animation: arc221 16s infinite 3.1s linear
}
@-webkit-keyframes arc221 {
0%, 100% {
-webkit-transform:translateX(168px);
transform:translateX(168px)
}
50% {
-webkit-transform:translateX(138px);
transform:translateX(138px)
}
}
@keyframes arc221 {
0%, 100% {
-webkit-transform:translateX(168px);
transform:translateX(168px)
}
50% {
-webkit-transform:translateX(138px);
transform:translateX(138px)
}
}
.arc2__line--22 {
	-webkit-transform: translateX(176px);
	-ms-transform: translateX(176px);
	transform: translateX(176px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc222 16s infinite 3.2s linear;
	animation: arc222 16s infinite 3.2s linear
}
@-webkit-keyframes arc222 {
0%, 100% {
-webkit-transform:translateX(176px);
transform:translateX(176px)
}
50% {
-webkit-transform:translateX(146px);
transform:translateX(146px)
}
}
@keyframes arc222 {
0%, 100% {
-webkit-transform:translateX(176px);
transform:translateX(176px)
}
50% {
-webkit-transform:translateX(146px);
transform:translateX(146px)
}
}
.arc2__line--23 {
	-webkit-transform: translateX(184px);
	-ms-transform: translateX(184px);
	transform: translateX(184px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc223 16s infinite 3.3s linear;
	animation: arc223 16s infinite 3.3s linear
}
@-webkit-keyframes arc223 {
0%, 100% {
-webkit-transform:translateX(184px);
transform:translateX(184px)
}
50% {
-webkit-transform:translateX(154px);
transform:translateX(154px)
}
}
@keyframes arc223 {
0%, 100% {
-webkit-transform:translateX(184px);
transform:translateX(184px)
}
50% {
-webkit-transform:translateX(154px);
transform:translateX(154px)
}
}
.arc2__line--24 {
	-webkit-transform: translateX(192px);
	-ms-transform: translateX(192px);
	transform: translateX(192px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc224 16s infinite 3.4s linear;
	animation: arc224 16s infinite 3.4s linear
}
@-webkit-keyframes arc224 {
0%, 100% {
-webkit-transform:translateX(192px);
transform:translateX(192px)
}
50% {
-webkit-transform:translateX(162px);
transform:translateX(162px)
}
}
@keyframes arc224 {
0%, 100% {
-webkit-transform:translateX(192px);
transform:translateX(192px)
}
50% {
-webkit-transform:translateX(162px);
transform:translateX(162px)
}
}
.arc2__line--25 {
	-webkit-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc225 16s infinite 3.5s linear;
	animation: arc225 16s infinite 3.5s linear
}
@-webkit-keyframes arc225 {
0%, 100% {
-webkit-transform:translateX(200px);
transform:translateX(200px)
}
50% {
-webkit-transform:translateX(170px);
transform:translateX(170px)
}
}
@keyframes arc225 {
0%, 100% {
-webkit-transform:translateX(200px);
transform:translateX(200px)
}
50% {
-webkit-transform:translateX(170px);
transform:translateX(170px)
}
}
.arc2__line--26 {
	-webkit-transform: translateX(208px);
	-ms-transform: translateX(208px);
	transform: translateX(208px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc226 16s infinite 3.6s linear;
	animation: arc226 16s infinite 3.6s linear
}
@-webkit-keyframes arc226 {
0%, 100% {
-webkit-transform:translateX(208px);
transform:translateX(208px)
}
50% {
-webkit-transform:translateX(178px);
transform:translateX(178px)
}
}
@keyframes arc226 {
0%, 100% {
-webkit-transform:translateX(208px);
transform:translateX(208px)
}
50% {
-webkit-transform:translateX(178px);
transform:translateX(178px)
}
}
.arc2__line--27 {
	-webkit-transform: translateX(216px);
	-ms-transform: translateX(216px);
	transform: translateX(216px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc227 16s infinite 3.7s linear;
	animation: arc227 16s infinite 3.7s linear
}
@-webkit-keyframes arc227 {
0%, 100% {
-webkit-transform:translateX(216px);
transform:translateX(216px)
}
50% {
-webkit-transform:translateX(186px);
transform:translateX(186px)
}
}
@keyframes arc227 {
0%, 100% {
-webkit-transform:translateX(216px);
transform:translateX(216px)
}
50% {
-webkit-transform:translateX(186px);
transform:translateX(186px)
}
}
.arc2__line--28 {
	-webkit-transform: translateX(224px);
	-ms-transform: translateX(224px);
	transform: translateX(224px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc228 16s infinite 3.8s linear;
	animation: arc228 16s infinite 3.8s linear
}
@-webkit-keyframes arc228 {
0%, 100% {
-webkit-transform:translateX(224px);
transform:translateX(224px)
}
50% {
-webkit-transform:translateX(194px);
transform:translateX(194px)
}
}
@keyframes arc228 {
0%, 100% {
-webkit-transform:translateX(224px);
transform:translateX(224px)
}
50% {
-webkit-transform:translateX(194px);
transform:translateX(194px)
}
}
.arc2__line--29 {
	-webkit-transform: translateX(232px);
	-ms-transform: translateX(232px);
	transform: translateX(232px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc229 16s infinite 3.9s linear;
	animation: arc229 16s infinite 3.9s linear
}
@-webkit-keyframes arc229 {
0%, 100% {
-webkit-transform:translateX(232px);
transform:translateX(232px)
}
50% {
-webkit-transform:translateX(202px);
transform:translateX(202px)
}
}
@keyframes arc229 {
0%, 100% {
-webkit-transform:translateX(232px);
transform:translateX(232px)
}
50% {
-webkit-transform:translateX(202px);
transform:translateX(202px)
}
}
.arc2__line--30 {
	-webkit-transform: translateX(240px);
	-ms-transform: translateX(240px);
	transform: translateX(240px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc230 16s infinite 4s linear;
	animation: arc230 16s infinite 4s linear
}
@-webkit-keyframes arc230 {
0%, 100% {
-webkit-transform:translateX(240px);
transform:translateX(240px)
}
50% {
-webkit-transform:translateX(210px);
transform:translateX(210px)
}
}
@keyframes arc230 {
0%, 100% {
-webkit-transform:translateX(240px);
transform:translateX(240px)
}
50% {
-webkit-transform:translateX(210px);
transform:translateX(210px)
}
}
.arc2__line--31 {
	-webkit-transform: translateX(248px);
	-ms-transform: translateX(248px);
	transform: translateX(248px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc231 16s infinite 4.1s linear;
	animation: arc231 16s infinite 4.1s linear
}
@-webkit-keyframes arc231 {
0%, 100% {
-webkit-transform:translateX(248px);
transform:translateX(248px)
}
50% {
-webkit-transform:translateX(218px);
transform:translateX(218px)
}
}
@keyframes arc231 {
0%, 100% {
-webkit-transform:translateX(248px);
transform:translateX(248px)
}
50% {
-webkit-transform:translateX(218px);
transform:translateX(218px)
}
}
.arc2__line--32 {
	-webkit-transform: translateX(256px);
	-ms-transform: translateX(256px);
	transform: translateX(256px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc232 16s infinite 4.2s linear;
	animation: arc232 16s infinite 4.2s linear
}
@-webkit-keyframes arc232 {
0%, 100% {
-webkit-transform:translateX(256px);
transform:translateX(256px)
}
50% {
-webkit-transform:translateX(226px);
transform:translateX(226px)
}
}
@keyframes arc232 {
0%, 100% {
-webkit-transform:translateX(256px);
transform:translateX(256px)
}
50% {
-webkit-transform:translateX(226px);
transform:translateX(226px)
}
}
.arc2__line--33 {
	-webkit-transform: translateX(264px);
	-ms-transform: translateX(264px);
	transform: translateX(264px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc233 16s infinite 4.3s linear;
	animation: arc233 16s infinite 4.3s linear
}
@-webkit-keyframes arc233 {
0%, 100% {
-webkit-transform:translateX(264px);
transform:translateX(264px)
}
50% {
-webkit-transform:translateX(234px);
transform:translateX(234px)
}
}
@keyframes arc233 {
0%, 100% {
-webkit-transform:translateX(264px);
transform:translateX(264px)
}
50% {
-webkit-transform:translateX(234px);
transform:translateX(234px)
}
}
.arc3 {
	position: absolute;
	left: 260px;
	top: 380px;
	width: 193px;
	height: 193px
}
.arc3:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: contain
}
.arc3__line {
	position: absolute;
	left: -40px;
	top: 1px;
	border-left: 1px solid #d0bbe0;
	width: 193px;
	height: 193px
}
.arc3__line--1 {
	-webkit-transform: rotate(45deg) translateX(7px);
	-ms-transform: rotate(45deg) translateX(7px);
	transform: rotate(45deg) translateX(7px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc31 20s infinite .1s linear;
	animation: arc31 20s infinite .1s linear
}
@-webkit-keyframes arc31 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(7px);
transform:rotate(45deg) translateX(7px)
}
50% {
-webkit-transform:rotate(45deg) translateX(47px);
transform:rotate(45deg) translateX(47px)
}
}
@keyframes arc31 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(7px);
transform:rotate(45deg) translateX(7px)
}
50% {
-webkit-transform:rotate(45deg) translateX(47px);
transform:rotate(45deg) translateX(47px)
}
}
.arc3__line--2 {
	-webkit-transform: rotate(45deg) translateX(14px);
	-ms-transform: rotate(45deg) translateX(14px);
	transform: rotate(45deg) translateX(14px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc32 20s infinite .2s linear;
	animation: arc32 20s infinite .2s linear
}
@-webkit-keyframes arc32 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(14px);
transform:rotate(45deg) translateX(14px)
}
50% {
-webkit-transform:rotate(45deg) translateX(54px);
transform:rotate(45deg) translateX(54px)
}
}
@keyframes arc32 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(14px);
transform:rotate(45deg) translateX(14px)
}
50% {
-webkit-transform:rotate(45deg) translateX(54px);
transform:rotate(45deg) translateX(54px)
}
}
.arc3__line--3 {
	-webkit-transform: rotate(45deg) translateX(21px);
	-ms-transform: rotate(45deg) translateX(21px);
	transform: rotate(45deg) translateX(21px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc33 20s infinite .3s linear;
	animation: arc33 20s infinite .3s linear
}
@-webkit-keyframes arc33 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(21px);
transform:rotate(45deg) translateX(21px)
}
50% {
-webkit-transform:rotate(45deg) translateX(61px);
transform:rotate(45deg) translateX(61px)
}
}
@keyframes arc33 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(21px);
transform:rotate(45deg) translateX(21px)
}
50% {
-webkit-transform:rotate(45deg) translateX(61px);
transform:rotate(45deg) translateX(61px)
}
}
.arc3__line--4 {
	-webkit-transform: rotate(45deg) translateX(28px);
	-ms-transform: rotate(45deg) translateX(28px);
	transform: rotate(45deg) translateX(28px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc34 20s infinite .4s linear;
	animation: arc34 20s infinite .4s linear
}
@-webkit-keyframes arc34 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(28px);
transform:rotate(45deg) translateX(28px)
}
50% {
-webkit-transform:rotate(45deg) translateX(68px);
transform:rotate(45deg) translateX(68px)
}
}
@keyframes arc34 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(28px);
transform:rotate(45deg) translateX(28px)
}
50% {
-webkit-transform:rotate(45deg) translateX(68px);
transform:rotate(45deg) translateX(68px)
}
}
.arc3__line--5 {
	-webkit-transform: rotate(45deg) translateX(35px);
	-ms-transform: rotate(45deg) translateX(35px);
	transform: rotate(45deg) translateX(35px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc35 20s infinite .5s linear;
	animation: arc35 20s infinite .5s linear
}
@-webkit-keyframes arc35 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(35px);
transform:rotate(45deg) translateX(35px)
}
50% {
-webkit-transform:rotate(45deg) translateX(75px);
transform:rotate(45deg) translateX(75px)
}
}
@keyframes arc35 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(35px);
transform:rotate(45deg) translateX(35px)
}
50% {
-webkit-transform:rotate(45deg) translateX(75px);
transform:rotate(45deg) translateX(75px)
}
}
.arc3__line--6 {
	-webkit-transform: rotate(45deg) translateX(42px);
	-ms-transform: rotate(45deg) translateX(42px);
	transform: rotate(45deg) translateX(42px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc36 20s infinite .6s linear;
	animation: arc36 20s infinite .6s linear
}
@-webkit-keyframes arc36 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(42px);
transform:rotate(45deg) translateX(42px)
}
50% {
-webkit-transform:rotate(45deg) translateX(82px);
transform:rotate(45deg) translateX(82px)
}
}
@keyframes arc36 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(42px);
transform:rotate(45deg) translateX(42px)
}
50% {
-webkit-transform:rotate(45deg) translateX(82px);
transform:rotate(45deg) translateX(82px)
}
}
.arc3__line--7 {
	-webkit-transform: rotate(45deg) translateX(49px);
	-ms-transform: rotate(45deg) translateX(49px);
	transform: rotate(45deg) translateX(49px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc37 20s infinite .7s linear;
	animation: arc37 20s infinite .7s linear
}
@-webkit-keyframes arc37 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(49px);
transform:rotate(45deg) translateX(49px)
}
50% {
-webkit-transform:rotate(45deg) translateX(89px);
transform:rotate(45deg) translateX(89px)
}
}
@keyframes arc37 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(49px);
transform:rotate(45deg) translateX(49px)
}
50% {
-webkit-transform:rotate(45deg) translateX(89px);
transform:rotate(45deg) translateX(89px)
}
}
.arc3__line--8 {
	-webkit-transform: rotate(45deg) translateX(56px);
	-ms-transform: rotate(45deg) translateX(56px);
	transform: rotate(45deg) translateX(56px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc38 20s infinite .8s linear;
	animation: arc38 20s infinite .8s linear
}
@-webkit-keyframes arc38 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(56px);
transform:rotate(45deg) translateX(56px)
}
50% {
-webkit-transform:rotate(45deg) translateX(96px);
transform:rotate(45deg) translateX(96px)
}
}
@keyframes arc38 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(56px);
transform:rotate(45deg) translateX(56px)
}
50% {
-webkit-transform:rotate(45deg) translateX(96px);
transform:rotate(45deg) translateX(96px)
}
}
.arc3__line--9 {
	-webkit-transform: rotate(45deg) translateX(63px);
	-ms-transform: rotate(45deg) translateX(63px);
	transform: rotate(45deg) translateX(63px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc39 20s infinite .9s linear;
	animation: arc39 20s infinite .9s linear
}
@-webkit-keyframes arc39 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(63px);
transform:rotate(45deg) translateX(63px)
}
50% {
-webkit-transform:rotate(45deg) translateX(103px);
transform:rotate(45deg) translateX(103px)
}
}
@keyframes arc39 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(63px);
transform:rotate(45deg) translateX(63px)
}
50% {
-webkit-transform:rotate(45deg) translateX(103px);
transform:rotate(45deg) translateX(103px)
}
}
.arc3__line--10 {
	-webkit-transform: rotate(45deg) translateX(70px);
	-ms-transform: rotate(45deg) translateX(70px);
	transform: rotate(45deg) translateX(70px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc310 20s infinite 1s linear;
	animation: arc310 20s infinite 1s linear
}
@-webkit-keyframes arc310 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(70px);
transform:rotate(45deg) translateX(70px)
}
50% {
-webkit-transform:rotate(45deg) translateX(110px);
transform:rotate(45deg) translateX(110px)
}
}
@keyframes arc310 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(70px);
transform:rotate(45deg) translateX(70px)
}
50% {
-webkit-transform:rotate(45deg) translateX(110px);
transform:rotate(45deg) translateX(110px)
}
}
.arc3__line--11 {
	-webkit-transform: rotate(45deg) translateX(77px);
	-ms-transform: rotate(45deg) translateX(77px);
	transform: rotate(45deg) translateX(77px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc311 20s infinite 1.1s linear;
	animation: arc311 20s infinite 1.1s linear
}
@-webkit-keyframes arc311 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(77px);
transform:rotate(45deg) translateX(77px)
}
50% {
-webkit-transform:rotate(45deg) translateX(117px);
transform:rotate(45deg) translateX(117px)
}
}
@keyframes arc311 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(77px);
transform:rotate(45deg) translateX(77px)
}
50% {
-webkit-transform:rotate(45deg) translateX(117px);
transform:rotate(45deg) translateX(117px)
}
}
.arc3__line--12 {
	-webkit-transform: rotate(45deg) translateX(84px);
	-ms-transform: rotate(45deg) translateX(84px);
	transform: rotate(45deg) translateX(84px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc312 20s infinite 1.2s linear;
	animation: arc312 20s infinite 1.2s linear
}
@-webkit-keyframes arc312 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(84px);
transform:rotate(45deg) translateX(84px)
}
50% {
-webkit-transform:rotate(45deg) translateX(124px);
transform:rotate(45deg) translateX(124px)
}
}
@keyframes arc312 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(84px);
transform:rotate(45deg) translateX(84px)
}
50% {
-webkit-transform:rotate(45deg) translateX(124px);
transform:rotate(45deg) translateX(124px)
}
}
.arc3__line--13 {
	-webkit-transform: rotate(45deg) translateX(91px);
	-ms-transform: rotate(45deg) translateX(91px);
	transform: rotate(45deg) translateX(91px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc313 20s infinite 1.3s linear;
	animation: arc313 20s infinite 1.3s linear
}
@-webkit-keyframes arc313 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(91px);
transform:rotate(45deg) translateX(91px)
}
50% {
-webkit-transform:rotate(45deg) translateX(131px);
transform:rotate(45deg) translateX(131px)
}
}
@keyframes arc313 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(91px);
transform:rotate(45deg) translateX(91px)
}
50% {
-webkit-transform:rotate(45deg) translateX(131px);
transform:rotate(45deg) translateX(131px)
}
}
.arc3__line--14 {
	-webkit-transform: rotate(45deg) translateX(98px);
	-ms-transform: rotate(45deg) translateX(98px);
	transform: rotate(45deg) translateX(98px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc314 20s infinite 1.4s linear;
	animation: arc314 20s infinite 1.4s linear
}
@-webkit-keyframes arc314 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(98px);
transform:rotate(45deg) translateX(98px)
}
50% {
-webkit-transform:rotate(45deg) translateX(138px);
transform:rotate(45deg) translateX(138px)
}
}
@keyframes arc314 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(98px);
transform:rotate(45deg) translateX(98px)
}
50% {
-webkit-transform:rotate(45deg) translateX(138px);
transform:rotate(45deg) translateX(138px)
}
}
.arc3__line--15 {
	-webkit-transform: rotate(45deg) translateX(105px);
	-ms-transform: rotate(45deg) translateX(105px);
	transform: rotate(45deg) translateX(105px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc315 20s infinite 1.5s linear;
	animation: arc315 20s infinite 1.5s linear
}
@-webkit-keyframes arc315 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(105px);
transform:rotate(45deg) translateX(105px)
}
50% {
-webkit-transform:rotate(45deg) translateX(145px);
transform:rotate(45deg) translateX(145px)
}
}
@keyframes arc315 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(105px);
transform:rotate(45deg) translateX(105px)
}
50% {
-webkit-transform:rotate(45deg) translateX(145px);
transform:rotate(45deg) translateX(145px)
}
}
.arc3__line--16 {
	-webkit-transform: rotate(45deg) translateX(112px);
	-ms-transform: rotate(45deg) translateX(112px);
	transform: rotate(45deg) translateX(112px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc316 20s infinite 1.6s linear;
	animation: arc316 20s infinite 1.6s linear
}
@-webkit-keyframes arc316 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(112px);
transform:rotate(45deg) translateX(112px)
}
50% {
-webkit-transform:rotate(45deg) translateX(152px);
transform:rotate(45deg) translateX(152px)
}
}
@keyframes arc316 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(112px);
transform:rotate(45deg) translateX(112px)
}
50% {
-webkit-transform:rotate(45deg) translateX(152px);
transform:rotate(45deg) translateX(152px)
}
}
.arc3__line--17 {
	-webkit-transform: rotate(45deg) translateX(119px);
	-ms-transform: rotate(45deg) translateX(119px);
	transform: rotate(45deg) translateX(119px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc317 20s infinite 1.7s linear;
	animation: arc317 20s infinite 1.7s linear
}
@-webkit-keyframes arc317 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(119px);
transform:rotate(45deg) translateX(119px)
}
50% {
-webkit-transform:rotate(45deg) translateX(159px);
transform:rotate(45deg) translateX(159px)
}
}
@keyframes arc317 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(119px);
transform:rotate(45deg) translateX(119px)
}
50% {
-webkit-transform:rotate(45deg) translateX(159px);
transform:rotate(45deg) translateX(159px)
}
}
.arc3__line--18 {
	-webkit-transform: rotate(45deg) translateX(126px);
	-ms-transform: rotate(45deg) translateX(126px);
	transform: rotate(45deg) translateX(126px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc318 20s infinite 1.8s linear;
	animation: arc318 20s infinite 1.8s linear
}
@-webkit-keyframes arc318 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(126px);
transform:rotate(45deg) translateX(126px)
}
50% {
-webkit-transform:rotate(45deg) translateX(166px);
transform:rotate(45deg) translateX(166px)
}
}
@keyframes arc318 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(126px);
transform:rotate(45deg) translateX(126px)
}
50% {
-webkit-transform:rotate(45deg) translateX(166px);
transform:rotate(45deg) translateX(166px)
}
}
.arc3__line--19 {
	-webkit-transform: rotate(45deg) translateX(133px);
	-ms-transform: rotate(45deg) translateX(133px);
	transform: rotate(45deg) translateX(133px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc319 20s infinite 1.9s linear;
	animation: arc319 20s infinite 1.9s linear
}
@-webkit-keyframes arc319 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(133px);
transform:rotate(45deg) translateX(133px)
}
50% {
-webkit-transform:rotate(45deg) translateX(173px);
transform:rotate(45deg) translateX(173px)
}
}
@keyframes arc319 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(133px);
transform:rotate(45deg) translateX(133px)
}
50% {
-webkit-transform:rotate(45deg) translateX(173px);
transform:rotate(45deg) translateX(173px)
}
}
.arc3__line--20 {
	-webkit-transform: rotate(45deg) translateX(140px);
	-ms-transform: rotate(45deg) translateX(140px);
	transform: rotate(45deg) translateX(140px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc320 20s infinite 2s linear;
	animation: arc320 20s infinite 2s linear
}
@-webkit-keyframes arc320 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(140px);
transform:rotate(45deg) translateX(140px)
}
50% {
-webkit-transform:rotate(45deg) translateX(180px);
transform:rotate(45deg) translateX(180px)
}
}
@keyframes arc320 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(140px);
transform:rotate(45deg) translateX(140px)
}
50% {
-webkit-transform:rotate(45deg) translateX(180px);
transform:rotate(45deg) translateX(180px)
}
}
.arc3__line--21 {
	-webkit-transform: rotate(45deg) translateX(147px);
	-ms-transform: rotate(45deg) translateX(147px);
	transform: rotate(45deg) translateX(147px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc321 20s infinite 2.1s linear;
	animation: arc321 20s infinite 2.1s linear
}
@-webkit-keyframes arc321 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(147px);
transform:rotate(45deg) translateX(147px)
}
50% {
-webkit-transform:rotate(45deg) translateX(187px);
transform:rotate(45deg) translateX(187px)
}
}
@keyframes arc321 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(147px);
transform:rotate(45deg) translateX(147px)
}
50% {
-webkit-transform:rotate(45deg) translateX(187px);
transform:rotate(45deg) translateX(187px)
}
}
.arc3__line--22 {
	-webkit-transform: rotate(45deg) translateX(154px);
	-ms-transform: rotate(45deg) translateX(154px);
	transform: rotate(45deg) translateX(154px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc322 20s infinite 2.2s linear;
	animation: arc322 20s infinite 2.2s linear
}
@-webkit-keyframes arc322 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(154px);
transform:rotate(45deg) translateX(154px)
}
50% {
-webkit-transform:rotate(45deg) translateX(194px);
transform:rotate(45deg) translateX(194px)
}
}
@keyframes arc322 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(154px);
transform:rotate(45deg) translateX(154px)
}
50% {
-webkit-transform:rotate(45deg) translateX(194px);
transform:rotate(45deg) translateX(194px)
}
}
.arc3__line--23 {
	-webkit-transform: rotate(45deg) translateX(161px);
	-ms-transform: rotate(45deg) translateX(161px);
	transform: rotate(45deg) translateX(161px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc323 20s infinite 2.3s linear;
	animation: arc323 20s infinite 2.3s linear
}
@-webkit-keyframes arc323 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(161px);
transform:rotate(45deg) translateX(161px)
}
50% {
-webkit-transform:rotate(45deg) translateX(201px);
transform:rotate(45deg) translateX(201px)
}
}
@keyframes arc323 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(161px);
transform:rotate(45deg) translateX(161px)
}
50% {
-webkit-transform:rotate(45deg) translateX(201px);
transform:rotate(45deg) translateX(201px)
}
}
.arc3__line--24 {
	-webkit-transform: rotate(45deg) translateX(168px);
	-ms-transform: rotate(45deg) translateX(168px);
	transform: rotate(45deg) translateX(168px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc324 20s infinite 2.4s linear;
	animation: arc324 20s infinite 2.4s linear
}
@-webkit-keyframes arc324 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(168px);
transform:rotate(45deg) translateX(168px)
}
50% {
-webkit-transform:rotate(45deg) translateX(208px);
transform:rotate(45deg) translateX(208px)
}
}
@keyframes arc324 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(168px);
transform:rotate(45deg) translateX(168px)
}
50% {
-webkit-transform:rotate(45deg) translateX(208px);
transform:rotate(45deg) translateX(208px)
}
}
.arc3__line--25 {
	-webkit-transform: rotate(45deg) translateX(175px);
	-ms-transform: rotate(45deg) translateX(175px);
	transform: rotate(45deg) translateX(175px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc325 20s infinite 2.5s linear;
	animation: arc325 20s infinite 2.5s linear
}
@-webkit-keyframes arc325 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(175px);
transform:rotate(45deg) translateX(175px)
}
50% {
-webkit-transform:rotate(45deg) translateX(215px);
transform:rotate(45deg) translateX(215px)
}
}
@keyframes arc325 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(175px);
transform:rotate(45deg) translateX(175px)
}
50% {
-webkit-transform:rotate(45deg) translateX(215px);
transform:rotate(45deg) translateX(215px)
}
}
.arc3__line--26 {
	-webkit-transform: rotate(45deg) translateX(182px);
	-ms-transform: rotate(45deg) translateX(182px);
	transform: rotate(45deg) translateX(182px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc326 20s infinite 2.6s linear;
	animation: arc326 20s infinite 2.6s linear
}
@-webkit-keyframes arc326 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(182px);
transform:rotate(45deg) translateX(182px)
}
50% {
-webkit-transform:rotate(45deg) translateX(222px);
transform:rotate(45deg) translateX(222px)
}
}
@keyframes arc326 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(182px);
transform:rotate(45deg) translateX(182px)
}
50% {
-webkit-transform:rotate(45deg) translateX(222px);
transform:rotate(45deg) translateX(222px)
}
}
.arc3__line--27 {
	-webkit-transform: rotate(45deg) translateX(189px);
	-ms-transform: rotate(45deg) translateX(189px);
	transform: rotate(45deg) translateX(189px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc327 20s infinite 2.7s linear;
	animation: arc327 20s infinite 2.7s linear
}
@-webkit-keyframes arc327 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(189px);
transform:rotate(45deg) translateX(189px)
}
50% {
-webkit-transform:rotate(45deg) translateX(229px);
transform:rotate(45deg) translateX(229px)
}
}
@keyframes arc327 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(189px);
transform:rotate(45deg) translateX(189px)
}
50% {
-webkit-transform:rotate(45deg) translateX(229px);
transform:rotate(45deg) translateX(229px)
}
}
.arc3__line--28 {
	-webkit-transform: rotate(45deg) translateX(196px);
	-ms-transform: rotate(45deg) translateX(196px);
	transform: rotate(45deg) translateX(196px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc328 20s infinite 2.8s linear;
	animation: arc328 20s infinite 2.8s linear
}
@-webkit-keyframes arc328 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(196px);
transform:rotate(45deg) translateX(196px)
}
50% {
-webkit-transform:rotate(45deg) translateX(236px);
transform:rotate(45deg) translateX(236px)
}
}
@keyframes arc328 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(196px);
transform:rotate(45deg) translateX(196px)
}
50% {
-webkit-transform:rotate(45deg) translateX(236px);
transform:rotate(45deg) translateX(236px)
}
}
.arc3__line--29 {
	-webkit-transform: rotate(45deg) translateX(203px);
	-ms-transform: rotate(45deg) translateX(203px);
	transform: rotate(45deg) translateX(203px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc329 20s infinite 2.9s linear;
	animation: arc329 20s infinite 2.9s linear
}
@-webkit-keyframes arc329 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(203px);
transform:rotate(45deg) translateX(203px)
}
50% {
-webkit-transform:rotate(45deg) translateX(243px);
transform:rotate(45deg) translateX(243px)
}
}
@keyframes arc329 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(203px);
transform:rotate(45deg) translateX(203px)
}
50% {
-webkit-transform:rotate(45deg) translateX(243px);
transform:rotate(45deg) translateX(243px)
}
}
.arc3__line--30 {
	-webkit-transform: rotate(45deg) translateX(210px);
	-ms-transform: rotate(45deg) translateX(210px);
	transform: rotate(45deg) translateX(210px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc330 20s infinite 3s linear;
	animation: arc330 20s infinite 3s linear
}
@-webkit-keyframes arc330 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(210px);
transform:rotate(45deg) translateX(210px)
}
50% {
-webkit-transform:rotate(45deg) translateX(250px);
transform:rotate(45deg) translateX(250px)
}
}
@keyframes arc330 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(210px);
transform:rotate(45deg) translateX(210px)
}
50% {
-webkit-transform:rotate(45deg) translateX(250px);
transform:rotate(45deg) translateX(250px)
}
}
.arc3__line--31 {
	-webkit-transform: rotate(45deg) translateX(217px);
	-ms-transform: rotate(45deg) translateX(217px);
	transform: rotate(45deg) translateX(217px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc331 20s infinite 3.1s linear;
	animation: arc331 20s infinite 3.1s linear
}
@-webkit-keyframes arc331 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(217px);
transform:rotate(45deg) translateX(217px)
}
50% {
-webkit-transform:rotate(45deg) translateX(257px);
transform:rotate(45deg) translateX(257px)
}
}
@keyframes arc331 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(217px);
transform:rotate(45deg) translateX(217px)
}
50% {
-webkit-transform:rotate(45deg) translateX(257px);
transform:rotate(45deg) translateX(257px)
}
}
.arc3__line--32 {
	-webkit-transform: rotate(45deg) translateX(224px);
	-ms-transform: rotate(45deg) translateX(224px);
	transform: rotate(45deg) translateX(224px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc332 20s infinite 3.2s linear;
	animation: arc332 20s infinite 3.2s linear
}
@-webkit-keyframes arc332 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(224px);
transform:rotate(45deg) translateX(224px)
}
50% {
-webkit-transform:rotate(45deg) translateX(264px);
transform:rotate(45deg) translateX(264px)
}
}
@keyframes arc332 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(224px);
transform:rotate(45deg) translateX(224px)
}
50% {
-webkit-transform:rotate(45deg) translateX(264px);
transform:rotate(45deg) translateX(264px)
}
}
.arc3__line--33 {
	-webkit-transform: rotate(45deg) translateX(231px);
	-ms-transform: rotate(45deg) translateX(231px);
	transform: rotate(45deg) translateX(231px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc333 20s infinite 3.3s linear;
	animation: arc333 20s infinite 3.3s linear
}
@-webkit-keyframes arc333 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(231px);
transform:rotate(45deg) translateX(231px)
}
50% {
-webkit-transform:rotate(45deg) translateX(271px);
transform:rotate(45deg) translateX(271px)
}
}
@keyframes arc333 {
0%, 100% {
-webkit-transform:rotate(45deg) translateX(231px);
transform:rotate(45deg) translateX(231px)
}
50% {
-webkit-transform:rotate(45deg) translateX(271px);
transform:rotate(45deg) translateX(271px)
}
}
.arc4 {
	position: absolute;
	left: 90px;
	bottom: 0;
	width: 87px;
	height: 87px
}
.arc4:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../opencampus/weboc/img/arc.png) center center no-repeat;
	background-size: contain
}
.arc4__line {
	position: absolute;
	left: -3px;
	top: -10px;
	border-left: 3px solid #d7edd4;
	width: 87px;
	height: 87px
}
.arc4__line--1 {
	-webkit-transform: rotate(90deg) translateX(6px);
	-ms-transform: rotate(90deg) translateX(6px);
	transform: rotate(90deg) translateX(6px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc41 20s infinite .1s linear;
	animation: arc41 20s infinite .1s linear
}
@-webkit-keyframes arc41 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(6px);
transform:rotate(90deg) translateX(6px)
}
50% {
-webkit-transform:rotate(90deg) translateX(26px);
transform:rotate(90deg) translateX(26px)
}
}
@keyframes arc41 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(6px);
transform:rotate(90deg) translateX(6px)
}
50% {
-webkit-transform:rotate(90deg) translateX(26px);
transform:rotate(90deg) translateX(26px)
}
}
.arc4__line--2 {
	-webkit-transform: rotate(90deg) translateX(12px);
	-ms-transform: rotate(90deg) translateX(12px);
	transform: rotate(90deg) translateX(12px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc42 20s infinite .2s linear;
	animation: arc42 20s infinite .2s linear
}
@-webkit-keyframes arc42 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(12px);
transform:rotate(90deg) translateX(12px)
}
50% {
-webkit-transform:rotate(90deg) translateX(32px);
transform:rotate(90deg) translateX(32px)
}
}
@keyframes arc42 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(12px);
transform:rotate(90deg) translateX(12px)
}
50% {
-webkit-transform:rotate(90deg) translateX(32px);
transform:rotate(90deg) translateX(32px)
}
}
.arc4__line--3 {
	-webkit-transform: rotate(90deg) translateX(18px);
	-ms-transform: rotate(90deg) translateX(18px);
	transform: rotate(90deg) translateX(18px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc43 20s infinite .3s linear;
	animation: arc43 20s infinite .3s linear
}
@-webkit-keyframes arc43 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(18px);
transform:rotate(90deg) translateX(18px)
}
50% {
-webkit-transform:rotate(90deg) translateX(38px);
transform:rotate(90deg) translateX(38px)
}
}
@keyframes arc43 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(18px);
transform:rotate(90deg) translateX(18px)
}
50% {
-webkit-transform:rotate(90deg) translateX(38px);
transform:rotate(90deg) translateX(38px)
}
}
.arc4__line--4 {
	-webkit-transform: rotate(90deg) translateX(24px);
	-ms-transform: rotate(90deg) translateX(24px);
	transform: rotate(90deg) translateX(24px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc44 20s infinite .4s linear;
	animation: arc44 20s infinite .4s linear
}
@-webkit-keyframes arc44 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(24px);
transform:rotate(90deg) translateX(24px)
}
50% {
-webkit-transform:rotate(90deg) translateX(44px);
transform:rotate(90deg) translateX(44px)
}
}
@keyframes arc44 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(24px);
transform:rotate(90deg) translateX(24px)
}
50% {
-webkit-transform:rotate(90deg) translateX(44px);
transform:rotate(90deg) translateX(44px)
}
}
.arc4__line--5 {
	-webkit-transform: rotate(90deg) translateX(30px);
	-ms-transform: rotate(90deg) translateX(30px);
	transform: rotate(90deg) translateX(30px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc45 20s infinite .5s linear;
	animation: arc45 20s infinite .5s linear
}
@-webkit-keyframes arc45 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(30px);
transform:rotate(90deg) translateX(30px)
}
50% {
-webkit-transform:rotate(90deg) translateX(50px);
transform:rotate(90deg) translateX(50px)
}
}
@keyframes arc45 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(30px);
transform:rotate(90deg) translateX(30px)
}
50% {
-webkit-transform:rotate(90deg) translateX(50px);
transform:rotate(90deg) translateX(50px)
}
}
.arc4__line--6 {
	-webkit-transform: rotate(90deg) translateX(36px);
	-ms-transform: rotate(90deg) translateX(36px);
	transform: rotate(90deg) translateX(36px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc46 20s infinite .6s linear;
	animation: arc46 20s infinite .6s linear
}
@-webkit-keyframes arc46 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(36px);
transform:rotate(90deg) translateX(36px)
}
50% {
-webkit-transform:rotate(90deg) translateX(56px);
transform:rotate(90deg) translateX(56px)
}
}
@keyframes arc46 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(36px);
transform:rotate(90deg) translateX(36px)
}
50% {
-webkit-transform:rotate(90deg) translateX(56px);
transform:rotate(90deg) translateX(56px)
}
}
.arc4__line--7 {
	-webkit-transform: rotate(90deg) translateX(42px);
	-ms-transform: rotate(90deg) translateX(42px);
	transform: rotate(90deg) translateX(42px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc47 20s infinite .7s linear;
	animation: arc47 20s infinite .7s linear
}
@-webkit-keyframes arc47 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(42px);
transform:rotate(90deg) translateX(42px)
}
50% {
-webkit-transform:rotate(90deg) translateX(62px);
transform:rotate(90deg) translateX(62px)
}
}
@keyframes arc47 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(42px);
transform:rotate(90deg) translateX(42px)
}
50% {
-webkit-transform:rotate(90deg) translateX(62px);
transform:rotate(90deg) translateX(62px)
}
}
.arc4__line--8 {
	-webkit-transform: rotate(90deg) translateX(48px);
	-ms-transform: rotate(90deg) translateX(48px);
	transform: rotate(90deg) translateX(48px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc48 20s infinite .8s linear;
	animation: arc48 20s infinite .8s linear
}
@-webkit-keyframes arc48 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(48px);
transform:rotate(90deg) translateX(48px)
}
50% {
-webkit-transform:rotate(90deg) translateX(68px);
transform:rotate(90deg) translateX(68px)
}
}
@keyframes arc48 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(48px);
transform:rotate(90deg) translateX(48px)
}
50% {
-webkit-transform:rotate(90deg) translateX(68px);
transform:rotate(90deg) translateX(68px)
}
}
.arc4__line--9 {
	-webkit-transform: rotate(90deg) translateX(54px);
	-ms-transform: rotate(90deg) translateX(54px);
	transform: rotate(90deg) translateX(54px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc49 20s infinite .9s linear;
	animation: arc49 20s infinite .9s linear
}
@-webkit-keyframes arc49 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(54px);
transform:rotate(90deg) translateX(54px)
}
50% {
-webkit-transform:rotate(90deg) translateX(74px);
transform:rotate(90deg) translateX(74px)
}
}
@keyframes arc49 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(54px);
transform:rotate(90deg) translateX(54px)
}
50% {
-webkit-transform:rotate(90deg) translateX(74px);
transform:rotate(90deg) translateX(74px)
}
}
.arc4__line--10 {
	-webkit-transform: rotate(90deg) translateX(60px);
	-ms-transform: rotate(90deg) translateX(60px);
	transform: rotate(90deg) translateX(60px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc410 20s infinite 1s linear;
	animation: arc410 20s infinite 1s linear
}
@-webkit-keyframes arc410 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(60px);
transform:rotate(90deg) translateX(60px)
}
50% {
-webkit-transform:rotate(90deg) translateX(80px);
transform:rotate(90deg) translateX(80px)
}
}
@keyframes arc410 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(60px);
transform:rotate(90deg) translateX(60px)
}
50% {
-webkit-transform:rotate(90deg) translateX(80px);
transform:rotate(90deg) translateX(80px)
}
}
.arc4__line--11 {
	-webkit-transform: rotate(90deg) translateX(66px);
	-ms-transform: rotate(90deg) translateX(66px);
	transform: rotate(90deg) translateX(66px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc411 20s infinite 1.1s linear;
	animation: arc411 20s infinite 1.1s linear
}
@-webkit-keyframes arc411 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(66px);
transform:rotate(90deg) translateX(66px)
}
50% {
-webkit-transform:rotate(90deg) translateX(86px);
transform:rotate(90deg) translateX(86px)
}
}
@keyframes arc411 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(66px);
transform:rotate(90deg) translateX(66px)
}
50% {
-webkit-transform:rotate(90deg) translateX(86px);
transform:rotate(90deg) translateX(86px)
}
}
.arc4__line--12 {
	-webkit-transform: rotate(90deg) translateX(72px);
	-ms-transform: rotate(90deg) translateX(72px);
	transform: rotate(90deg) translateX(72px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc412 20s infinite 1.2s linear;
	animation: arc412 20s infinite 1.2s linear
}
@-webkit-keyframes arc412 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(72px);
transform:rotate(90deg) translateX(72px)
}
50% {
-webkit-transform:rotate(90deg) translateX(92px);
transform:rotate(90deg) translateX(92px)
}
}
@keyframes arc412 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(72px);
transform:rotate(90deg) translateX(72px)
}
50% {
-webkit-transform:rotate(90deg) translateX(92px);
transform:rotate(90deg) translateX(92px)
}
}
.arc4__line--13 {
	-webkit-transform: rotate(90deg) translateX(78px);
	-ms-transform: rotate(90deg) translateX(78px);
	transform: rotate(90deg) translateX(78px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc413 20s infinite 1.3s linear;
	animation: arc413 20s infinite 1.3s linear
}
@-webkit-keyframes arc413 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(78px);
transform:rotate(90deg) translateX(78px)
}
50% {
-webkit-transform:rotate(90deg) translateX(98px);
transform:rotate(90deg) translateX(98px)
}
}
@keyframes arc413 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(78px);
transform:rotate(90deg) translateX(78px)
}
50% {
-webkit-transform:rotate(90deg) translateX(98px);
transform:rotate(90deg) translateX(98px)
}
}
.arc4__line--14 {
	-webkit-transform: rotate(90deg) translateX(84px);
	-ms-transform: rotate(90deg) translateX(84px);
	transform: rotate(90deg) translateX(84px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc414 20s infinite 1.4s linear;
	animation: arc414 20s infinite 1.4s linear
}
@-webkit-keyframes arc414 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(84px);
transform:rotate(90deg) translateX(84px)
}
50% {
-webkit-transform:rotate(90deg) translateX(104px);
transform:rotate(90deg) translateX(104px)
}
}
@keyframes arc414 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(84px);
transform:rotate(90deg) translateX(84px)
}
50% {
-webkit-transform:rotate(90deg) translateX(104px);
transform:rotate(90deg) translateX(104px)
}
}
.arc4__line--15 {
	-webkit-transform: rotate(90deg) translateX(90px);
	-ms-transform: rotate(90deg) translateX(90px);
	transform: rotate(90deg) translateX(90px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc415 20s infinite 1.5s linear;
	animation: arc415 20s infinite 1.5s linear
}
@-webkit-keyframes arc415 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(90px);
transform:rotate(90deg) translateX(90px)
}
50% {
-webkit-transform:rotate(90deg) translateX(110px);
transform:rotate(90deg) translateX(110px)
}
}
@keyframes arc415 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(90px);
transform:rotate(90deg) translateX(90px)
}
50% {
-webkit-transform:rotate(90deg) translateX(110px);
transform:rotate(90deg) translateX(110px)
}
}
.arc4__line--16 {
	-webkit-transform: rotate(90deg) translateX(96px);
	-ms-transform: rotate(90deg) translateX(96px);
	transform: rotate(90deg) translateX(96px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc416 20s infinite 1.6s linear;
	animation: arc416 20s infinite 1.6s linear
}
@-webkit-keyframes arc416 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(96px);
transform:rotate(90deg) translateX(96px)
}
50% {
-webkit-transform:rotate(90deg) translateX(116px);
transform:rotate(90deg) translateX(116px)
}
}
@keyframes arc416 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(96px);
transform:rotate(90deg) translateX(96px)
}
50% {
-webkit-transform:rotate(90deg) translateX(116px);
transform:rotate(90deg) translateX(116px)
}
}
.arc4__line--17 {
	-webkit-transform: rotate(90deg) translateX(102px);
	-ms-transform: rotate(90deg) translateX(102px);
	transform: rotate(90deg) translateX(102px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc417 20s infinite 1.7s linear;
	animation: arc417 20s infinite 1.7s linear
}
@-webkit-keyframes arc417 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(102px);
transform:rotate(90deg) translateX(102px)
}
50% {
-webkit-transform:rotate(90deg) translateX(122px);
transform:rotate(90deg) translateX(122px)
}
}
@keyframes arc417 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(102px);
transform:rotate(90deg) translateX(102px)
}
50% {
-webkit-transform:rotate(90deg) translateX(122px);
transform:rotate(90deg) translateX(122px)
}
}
.arc4__line--18 {
	-webkit-transform: rotate(90deg) translateX(108px);
	-ms-transform: rotate(90deg) translateX(108px);
	transform: rotate(90deg) translateX(108px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc418 20s infinite 1.8s linear;
	animation: arc418 20s infinite 1.8s linear
}
@-webkit-keyframes arc418 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(108px);
transform:rotate(90deg) translateX(108px)
}
50% {
-webkit-transform:rotate(90deg) translateX(128px);
transform:rotate(90deg) translateX(128px)
}
}
@keyframes arc418 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(108px);
transform:rotate(90deg) translateX(108px)
}
50% {
-webkit-transform:rotate(90deg) translateX(128px);
transform:rotate(90deg) translateX(128px)
}
}
.arc4__line--19 {
	-webkit-transform: rotate(90deg) translateX(114px);
	-ms-transform: rotate(90deg) translateX(114px);
	transform: rotate(90deg) translateX(114px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc419 20s infinite 1.9s linear;
	animation: arc419 20s infinite 1.9s linear
}
@-webkit-keyframes arc419 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(114px);
transform:rotate(90deg) translateX(114px)
}
50% {
-webkit-transform:rotate(90deg) translateX(134px);
transform:rotate(90deg) translateX(134px)
}
}
@keyframes arc419 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(114px);
transform:rotate(90deg) translateX(114px)
}
50% {
-webkit-transform:rotate(90deg) translateX(134px);
transform:rotate(90deg) translateX(134px)
}
}
.arc4__line--20 {
	-webkit-transform: rotate(90deg) translateX(120px);
	-ms-transform: rotate(90deg) translateX(120px);
	transform: rotate(90deg) translateX(120px);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: arc420 20s infinite 2s linear;
	animation: arc420 20s infinite 2s linear
}
@-webkit-keyframes arc420 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(120px);
transform:rotate(90deg) translateX(120px)
}
50% {
-webkit-transform:rotate(90deg) translateX(140px);
transform:rotate(90deg) translateX(140px)
}
}
@keyframes arc420 {
0%, 100% {
-webkit-transform:rotate(90deg) translateX(120px);
transform:rotate(90deg) translateX(120px)
}
50% {
-webkit-transform:rotate(90deg) translateX(140px);
transform:rotate(90deg) translateX(140px)
}
}