@charset "UTF-8";
.movBlock, .quesBlock, .visualBlock {
	min-width: 1000px
}
.quesBlock__content li a, .quesBlock__content02 li a, .quesBlock__content03 li a, .quesBlock__content04 li a, .quesBlock__content05 li a, .quesBlock__content06 li a {
	cursor: pointer
}
body, html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", Arial, verdana, sans-serif
}
#contentsWrapper, body {
	position: relative
}
#contentsWrapper, .visualBlock {
	overflow: hidden;
	min-width: 1000px;
}
.arcBlock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.visualBlock {
	position: relative;
	overflow: hidden;
	background: url(../../opencampus/weboc/img/bg.png) top center repeat-x
}
.visualBlock__inner {
	margin: 0 auto;
	padding: 100px 0 0;
	width: 1000px
}
.visualBlock__title img {
	margin: 0 auto
}
.visualBlock__imgBlock {
	position: relative;
	padding: 87px 0 0
}
.visualBlock__textBlock, .visualBlock__textBlock02, .visualBlock__textBlock03, .visualBlock__textBlock04, .visualBlock__textBlock05, .visualBlock__textBlock06 {
	position: absolute;
	left: 567px;
	top: 260px
}
.visualBlock__textBlock__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock__copy--1 span {
	background: #ffe7fe
}
.visualBlock__textBlock__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock02__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock02__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock02__copy--2 span {
	background: #ffde00
}
.visualBlock__textBlock02__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock02__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock03__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock03__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock03__copy--3 span {
	background: #bbe5ff
}
.visualBlock__textBlock03__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock03__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock04__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock04__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock04__copy--4 span {
	background: #d9b7f4
}
.visualBlock__textBlock04__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock04__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock05__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock05__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock05__copy--5 span {
	background: #ffbd70
}
.visualBlock__textBlock05__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock05__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock06__copy {
	font-size: 22px;
	color: #461927
}
.visualBlock__textBlock06__copy span {
	display: inline-block;
	margin: 7px 0 0;
	padding: 6px 7px 0
}
.visualBlock__textBlock06__copy--6 span {
	background: #9ef59a
}
.visualBlock__textBlock06__class {
	margin: 22px 0 0;
	padding: 3px 7px 0;
	font-size: 12px;
	color: #461927;
	background: #fff
}
.visualBlock__textBlock06__name {
	margin: 5px 0 0;
	padding: 3px 7px 0;
	font-size: 16px;
	color: #461927;
	background: #fff
}
.quesBlock {
	position: relative;
	overflow: hidden;
	padding: 90px 0 0
}
.quesBlock__title {
	padding: 0 0 60px
}
.quesBlock__title img {
	margin: 0 auto
}
.quesBlock__content {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg1.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content li:first-child {
	margin-left: 0
}
.quesBlock__content li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content li:nth-child(4n), .quesBlock__content li:nth-child(5n) {
	margin-top: 5px
}
.quesBlock__content02 {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg2.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content02 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content02 li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content02 li:first-child {
	margin-left: 0
}
.quesBlock__content02 li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content02 li:nth-child(4n), .quesBlock__content02 li:nth-child(5n) {
	margin-top: 5px
}
.quesBlock__content03 {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg3.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content03 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content03 li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content03 li:first-child {
	margin-left: 0
}
.quesBlock__content03 li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content03 li:nth-child(4n), .quesBlock__content03 li:nth-child(5n) {
	margin-top: 5px
}
.quesBlock__content04 {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg4.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content04 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content04 li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content04 li:first-child {
	margin-left: 0
}
.quesBlock__content04 li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content04 li:nth-child(4n), .quesBlock__content04 li:nth-child(5n) {
	margin-top: 5px
}
.quesBlock__content05 {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg5.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content05 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content05 li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content05 li:first-child {
	margin-left: 0
}
.quesBlock__content05 li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content05 li:nth-child(4n), .quesBlock__content05 li:nth-child(5n) {
	margin-top: 5px
}
.quesBlock__content06 {
	padding: 33px 0 26px;
	background: url(../../opencampus/weboc/img/q_bg6.png) center center no-repeat;
	background-size: cover
}
.quesBlock__content06 ul {
	overflow: hidden;
	margin: 0 auto;
	width: 738px
}
.quesBlock__content06 li {
	float: left;
	margin: 0 0 0 30px
}
.quesBlock__content06 li:first-child {
	margin-left: 0
}
.quesBlock__content06 li:nth-child(4n) {
	margin-left: 132px
}
.quesBlock__content06 li:nth-child(4n), .quesBlock__content06 li:nth-child(5n) {
	margin-top: 5px
}
.movBlock {
	text-align: center;
	position: relative
}
.movBlock__inner {
	margin: 0 auto;
	padding: 90px 0 50px
}
.movBlock__title {
	padding: 0 0 65px
}
.movBlock__title img {
	margin: 0 auto
}
.movBlock__topBtn {
	padding: 50px 0 0
}
.movBlock__topBtn a {
	display: block;
	margin: 0 auto;
	width: 260px;
	height: 60px;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	font-weight: 700;
	color: #fff;
	background: #751835
}
.modalBlock, .modalBlock__box {
	display: none;
	position: absolute
}
.movBlock__classBtn {
	width: 860px;
	margin: 0 auto;
	padding: 50px 0 0
}
.movBlock__classBtn img {
	opacity: 1
}
.movBlock__classBtn img:hover {
	opacity: .6
}
.modalBlock {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 100
}
.modalBlock__inner1, .modalBlock__inner2, .modalBlock__inner3, .modalBlock__inner4, .modalBlock__inner5 {
	display: none;
	position: absolute;
	left: 50%;
	top: 940px;
	margin: 0 0 0 -250px;
	width: 500px;
	height: 643px;
	background: url(../../opencampus/weboc/img/modal_bf_flame.png) top center no-repeat;
	background-size: 500px 643px;
	box-sizing: border-box
}
.modalBlock__box {
	left: 0;
	top: 0;
	padding: 0 42px;
	width: 500px;
	height: 643px;
	background: url(../../opencampus/weboc/img/modal_bg.png) top center no-repeat;
	box-sizing: border-box
}
.arc1, .arc2, .arc3, .arc4, .arc5, .modalBlock.cre1, .modalBlock.cre2 {
	display: block
}
.modalBlock.cre1 .q1, .modalBlock.cre2 .q2, .modalBlock.cre3 .q3 {
	opacity: 1
}
.modalBlock__icon {
	display: block;
	position: absolute;
	left: 50%;
	top: 80px
}
.modalBlock__icon--1 {
	margin: 0 0 0 -58.5px
}
.modalBlock__icon--2 {
	margin: 0 0 0 -59.5px
}
.modalBlock__icon--3 {
	margin: 0 0 0 -50.5px
}
.modalBlock__icon--4 {
	margin: 0 0 0 -46.5px
}
.modalBlock__icon--5 {
	margin: 0 0 0 -49.5px
}
.modalBlock__title {
	position: relative;
	padding: 166px 0 0
}
.modalBlock__text, .modalBlock__textS {
	padding: 15px 0 45px;
	position: relative;
	font-size: 16px
}
.modalBlock__text {
	line-height: 2.1
}
.modalBlock__textS {
	line-height: 1.9
}
.modalBlock__closeBtn {
	position: relative;
	float: right;
	font-size: 16px;
	color: #ba4a6f;
	transition: .3s ease 0s;
	cursor: pointer
}
.arc1, .arc1:after, .arc1__line, .arc2 {
	position: absolute
}
.modalBlock__closeBtn:hover {
	opacity: .4;
	transition: .3s ease 0s
}
.arc1 {
	overflow: hidden;
	left: 50%;
	top: 536px;
	margin: 0 0 0 -610px;
	width: 231px;
	height: 231px
}
.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: 10px solid #fffcb4;
	width: 284px;
	height: 284px
}
.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 7s infinite .1s linear;
	animation: arc11 7s 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 7s infinite .2s linear;
	animation: arc12 7s 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 7s infinite .3s linear;
	animation: arc13 7s 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 7s infinite .4s linear;
	animation: arc14 7s 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 7s infinite .5s linear;
	animation: arc15 7s 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 7s infinite .6s linear;
	animation: arc16 7s 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 7s infinite .7s linear;
	animation: arc17 7s 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 7s infinite .8s linear;
	animation: arc18 7s 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 7s infinite .9s linear;
	animation: arc19 7s 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 7s infinite 1s linear;
	animation: arc110 7s 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 7s infinite 1.1s linear;
	animation: arc111 7s 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 7s infinite 1.2s linear;
	animation: arc112 7s 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 7s infinite 1.3s linear;
	animation: arc113 7s 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 7s infinite 1.4s linear;
	animation: arc114 7s 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 7s infinite 1.5s linear;
	animation: arc115 7s 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 {
	overflow: hidden;
	left: 50%;
	top: 745px;
	margin: 0 0 0 450px;
	width: 164px;
	height: 164px
}
.arc2:after, .arc2__line {
	left: 0;
	position: absolute
}
.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;
	overflow: hidden;
	left: 50%;
	top: 1470px;
	margin: 0 0 0 -500px;
	width: 132px;
	height: 132px
}
.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;
	overflow: hidden;
	left: 50%;
	top: 1470px;
	margin: 0 0 0 400px;
	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)
}
}
.arc5 {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 1570px;
	margin: 0 0 0 200px;
	width: 144px;
	height: 144px;
	background: url(../../opencampus/weboc/img/bg_obj.png) center no-repeat;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
@-webkit-keyframes arc5 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes arc5 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}