/*reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
	overflow: hidden;
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
}
/*reset css - end*/
/*size-related and colors*/
body, .background {
	width: 640px;
	height: 480px;
	margin: 0px;
}
#mainContainer {
	position: absolute;
	width: 640px;
	height: 480px;
	overflow: hidden;
	background-color: #3f504c;
}
.animObj {
	position: absolute;
}
.start-invis, #frame_1, #frame_2, #frame_3, #frame_4, #frame_5, #frame_6, #frame_7 {
	visibility: hidden;
}
.set-WH {
	width: 640px;
	height: 480px;
}
.soft-light {
	mix-blend-mode: soft-light;
}
/*size-related and colors - end*/
/*specific*/
.st0, .st1, .st2, .st3, .st4 {
	fill: none;
}

.st5, .st6, .st7 {
	fill-rule: evenodd;
}

.st5, .st8 {
	fill: #fff;
}

.st9, .st10, .st7 {
	fill: #f79420;
}

.st11, .st6, .st12 {
	fill: #5ac8ff;
}

.st13 {
	clip-path: url(#clippath-11);
}

.st14 {
	clip-path: url(#clippath-16);
}

.st15 {
	clip-path: url(#clippath-10);
}

.st16 {
	clip-path: url(#clippath-15);
}

.st17 {
	clip-path: url(#clippath-13);
}

.st18 {
	clip-path: url(#clippath-14);
}

.st19 {
	clip-path: url(#clippath-12);
}

.st20 {
	clip-path: url(#clippath-1);
}

.st21 {
	clip-path: url(#clippath-3);
}

.st22 {
	clip-path: url(#clippath-4);
}

.st23 {
	clip-path: url(#clippath-2);
}

.st24 {
	clip-path: url(#clippath-7);
}

.st25 {
	clip-path: url(#clippath-6);
}

.st26 {
	clip-path: url(#clippath-9);
}

.st27 {
	clip-path: url(#clippath-8);
}

.st28 {
	clip-path: url(#clippath-5);
}

.st12 {
	stroke-width: .6px;
}

.st12, .st1, .st10, .st4 {
	stroke-miterlimit: 10;
}

.st12, .st4 {
	stroke: #5ac8ff;
}

.st1, .st10 {
	stroke: #f79420;
}

.st1, .st4 {
	stroke-width: 20px;
}

.st2 {
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 5.2px;
}

.st3 {
	clip-rule: evenodd;
}

.st10 {
	stroke-width: .3px;
}

.st29 {
	fill: url(#New_Gradient_Swatch_1);
}

.st30 {
	clip-path: url(#clippath);
}