/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	max-height: 1000000px;
}

body {
	color: #333;
	min-width: 320px;
	background: #fff;
	font: 16px/1.2 "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
	display: inline-block;
}

p {
	margin: 0 0 1em;
}

a {
	text-decoration: none;
	color: #333;
}

#wrapper {
	width: 300px;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	display: inline-block;
}

#ad {
	width: 100%;
	height: 100%;
	position: absolute;
}

.animate-block-1 .bg {
	width: 300px;
	height: 600px;
	background-color: #202a44;
}

.animate-block-1 .logo {
	z-index: 1;
	position: absolute;
	top: 495px;
	left: 185px;
	width: 90px;
	-webkit-animation: logo 14s linear forwards infinite;
	animation: logo 14s linear forwards infinite;
}

.animate-block-1 .btn {
	z-index: 6;
	position: absolute;
	top: 546px;
	left: 26px;
	background-color: #3874fd;
	width: 85px;
	height: 30px;
	border-radius: 4px;
	padding: 10px 10px;
}

.animate-block-1 .btn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}

.animate-block-1 .type {
	z-index: 6;
	width: 85px;
	height: 26px;
	position: absolute;
	top: 549px;
	right: 192px;
	border-radius: 4px;
	background-color: #3874fd;
	-webkit-animation: type 14s linear forwards infinite;
	animation: type 14s linear forwards infinite;
}

.animate-block-1 .circle_blue {
	position: absolute;
	top: -232px;
	left: 0;
	width: 304px;
	-webkit-animation: circle_blue 14s linear forwards infinite;
	animation: circle_blue 14s linear forwards infinite;
}

.animate-block-1 .circle_yellow {
	position: absolute;
	top: 108px;
	left: -127px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background-color: #ffc300;
	-webkit-animation: circle_blue 14s linear forwards infinite;
	animation: circle_blue 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 25px;
	left: 25px;
	width: 230px;
	-webkit-animation: text1_1 14s linear forwards infinite;
	animation: text1_1 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(2) {
	z-index: 1;
	position: absolute;
	top: 73px;
	left: 25px;
	width: 226px;
	-webkit-animation: text1_2 14s linear forwards infinite;
	animation: text1_2 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(3) {
	z-index: 1;
	position: absolute;
	top: 123px;
	left: 27px;
	width: 156px;
	-webkit-animation: text1_3 14s linear forwards infinite;
	animation: text1_3 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(4) {
	z-index: 1;
	position: absolute;
	top: 169px;
	left: 27px;
	width: 153px;
	-webkit-animation: text1_4 14s linear forwards infinite;
	animation: text1_4 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(5) {
	z-index: 1;
	position: absolute;
	top: 149px;
	left: 11px;
	width: 104px;
	-webkit-animation: text1_5 14s linear forwards infinite;
	animation: text1_5 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 25px;
	left: 27px;
	width: 171px;
	-webkit-animation: text2_1 14s linear forwards infinite;
	animation: text2_1 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(2) {
	z-index: 1;
	position: absolute;
	top: 61px;
	left: 27px;
	width: 206px;
	-webkit-animation: text2_2 14s linear forwards infinite;
	animation: text2_2 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(3) {
	z-index: 1;
	position: absolute;
	top: 98px;
	left: 27px;
	width: 150px;
	-webkit-animation: text2_3 14s linear forwards infinite;
	animation: text2_3 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(4) {
	z-index: 1;
	position: absolute;
	top: 133px;
	left: 27px;
	width: 134px;
	-webkit-animation: text2_4 14s linear forwards infinite;
	animation: text2_4 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(5) {
	z-index: 1;
	position: absolute;
	top: 125px;
	left: 11px;
	width: 99px;
	-webkit-animation: text2_5 14s linear forwards infinite;
	animation: text2_5 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 25px;
	left: 26px;
	width: 172px;
	-webkit-animation: text3_1 14s linear forwards infinite;
	animation: text3_1 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(2) {
	z-index: 1;
	position: absolute;
	top: 61px;
	left: 25px;
	width: 204px;
	-webkit-animation: text3_2 14s linear forwards infinite;
	animation: text3_2 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(3) {
	z-index: 1;
	position: absolute;
	top: 97px;
	left: 25px;
	width: 209px;
	-webkit-animation: text3_3 14s linear forwards infinite;
	animation: text3_3 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(4) {
	z-index: 1;
	position: absolute;
	top: 133px;
	left: 26px;
	width: 207px;
	-webkit-animation: text3_4 14s linear forwards infinite;
	animation: text3_4 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(5) {
	z-index: 1;
	position: absolute;
	top: 169px;
	left: 25px;
	width: 174px;
	-webkit-animation: text3_5 14s linear forwards infinite;
	animation: text3_5 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(6) {
	z-index: 1;
	position: absolute;
	top: 206px;
	left: 26px;
	width: 117px;
	-webkit-animation: text3_6 14s linear forwards infinite;
	animation: text3_6 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(7) {
	z-index: 1;
	position: absolute;
	top: 178px;
	left: 11px;
	width: 76px;
	-webkit-animation: text3_7 14s linear forwards infinite;
	animation: text3_7 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(8) {
	z-index: 1;
	position: absolute;
	top: 205px;
	left: 11px;
	width: 86px;
	-webkit-animation: text3_8 14s linear forwards infinite;
	animation: text3_8 14s linear forwards infinite;
}

.animate-block-1 .text4 img:nth-child(1) {
	z-index: 6;
	position: absolute;
	top: 25px;
	left: 25px;
	width: 44px;
	-webkit-animation: text4_1 14s linear forwards infinite;
	animation: text4_1 14s linear forwards infinite;
}

.animate-block-1 .text4 img:nth-child(2) {
	z-index: 6;
	position: absolute;
	top: 26px;
	left: 77px;
	width: 16px;
	-webkit-animation: text4_2 14s linear forwards infinite;
	animation: text4_2 14s linear forwards infinite;
}

.animate-block-1 .text4 img:nth-child(3) {
	z-index: 6;
	position: absolute;
	top: 25px;
	left: 100px;
	width: 81px;
	-webkit-animation: text4_3 14s linear forwards infinite;
	animation: text4_3 14s linear forwards infinite;
}

.animate-block-1 .text4 img:nth-child(4) {
	z-index: 6;
	position: absolute;
	top: 59px;
	left: 27px;
	width: 123px;
	-webkit-animation: text4_4 14s linear forwards infinite;
	animation: text4_4 14s linear forwards infinite;
}

.animate-block-1 .bg2 {
	z-index: 5;
	position: absolute;
	top: 0;
	-webkit-animation: bg2 14s linear forwards infinite;
	animation: bg2 14s linear forwards infinite;
}

.animate-block-1 .logo2 {
	z-index: 1;
	position: absolute;
	top: 495px;
	left: 185px;
	width: 90px;
	-webkit-animation: logo2 14s linear forwards infinite;
	animation: logo2 14s linear forwards infinite;
}

@-webkit-keyframes logo {
	0%,
	2% {
		opacity: 0;
	}

	4%,
	71% {
		opacity: 1;
	}

	73%,
	100% {
		opacity: 0;
	}
}

@keyframes logo {
	0%,
	2% {
		opacity: 0;
	}

	4%,
	71% {
		opacity: 1;
	}

	73%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes type {
	0%,
	2% {
		width: 80px;
	}

	5%,
	100% {
		width: 0;
	}
}

@keyframes type {
	0%,
	2% {
		width: 80px;
	}

	5%,
	100% {
		width: 0;
	}
}

@-webkit-keyframes type2 {
	0%,
	84% {
		width: 0;
	}

	87%,
	100% {
		width: 80px;
	}
}

@keyframes type2 {
	0%,
	84% {
		width: 0;
	}

	87%,
	100% {
		width: 80px;
	}
}

@-webkit-keyframes circle_blue {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	2% {
		opacity: 1;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	71% {
		opacity: 1;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}

	73%,
	100% {
		opacity: 0;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}
}

@keyframes circle_blue {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	2% {
		opacity: 1;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	71% {
		opacity: 1;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}

	73%,
	100% {
		opacity: 0;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}
}

@keyframes circle_blue {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	2% {
		opacity: 1;
		-webkit-transform: translateY(0px) translateX(0px);
		transform: translateY(0px) translateX(0px);
	}

	71% {
		opacity: 1;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}

	73%,
	100% {
		opacity: 0;
		-webkit-transform: translateY(150px) translateX(0px);
		transform: translateY(150px) translateX(0px);
	}
}

@-webkit-keyframes text1_1 {
	0%,
	2% {
		opacity: 0;
	}

	2.5%,
	17% {
		opacity: 1;
	}

	17.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text1_1 {
	0%,
	2% {
		opacity: 0;
	}

	2.5%,
	17% {
		opacity: 1;
	}

	17.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text1_2 {
	0%,
	2.5% {
		opacity: 0;
	}

	3%,
	17.5% {
		opacity: 1;
	}

	18%,
	100% {
		opacity: 0;
	}
}

@keyframes text1_2 {
	0%,
	2.5% {
		opacity: 0;
	}

	3%,
	17.5% {
		opacity: 1;
	}

	18%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text1_3 {
	0%,
	3% {
		opacity: 0;
	}

	3.5%,
	18% {
		opacity: 1;
	}

	18.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text1_3 {
	0%,
	3% {
		opacity: 0;
	}

	3.5%,
	18% {
		opacity: 1;
	}

	18.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text1_4 {
	0%,
	3.5% {
		opacity: 0;
	}

	4%,
	18.5% {
		opacity: 1;
	}

	19%,
	100% {
		opacity: 0;
	}
}

@keyframes text1_4 {
	0%,
	3.5% {
		opacity: 0;
	}

	4%,
	18.5% {
		opacity: 1;
	}

	19%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text1_5 {
	0%,
	4% {
		opacity: 0;
	}

	4.5%,
	19% {
		opacity: 1;
	}

	19.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text1_5 {
	0%,
	4% {
		opacity: 0;
	}

	4.5%,
	19% {
		opacity: 1;
	}

	19.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text2_1 {
	0%,
	22% {
		opacity: 0;
	}

	22.5%,
	35% {
		opacity: 1;
	}

	35.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text2_1 {
	0%,
	22% {
		opacity: 0;
	}

	22.5%,
	35% {
		opacity: 1;
	}

	35.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text2_2 {
	0%,
	22.5% {
		opacity: 0;
	}

	23%,
	35.5% {
		opacity: 1;
	}

	36%,
	100% {
		opacity: 0;
	}
}

@keyframes text2_2 {
	0%,
	22.5% {
		opacity: 0;
	}

	23%,
	35.5% {
		opacity: 1;
	}

	36%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text2_3 {
	0%,
	23% {
		opacity: 0;
	}

	23.5%,
	36% {
		opacity: 1;
	}

	36.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text2_3 {
	0%,
	23% {
		opacity: 0;
	}

	23.5%,
	36% {
		opacity: 1;
	}

	36.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text2_4 {
	0%,
	23.5% {
		opacity: 0;
	}

	24%,
	36.5% {
		opacity: 1;
	}

	37%,
	100% {
		opacity: 0;
	}
}

@keyframes text2_4 {
	0%,
	23.5% {
		opacity: 0;
	}

	24%,
	36.5% {
		opacity: 1;
	}

	37%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text2_5 {
	0%,
	24% {
		opacity: 0;
	}

	24.5%,
	37% {
		opacity: 1;
	}

	37.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text2_5 {
	0%,
	24% {
		opacity: 0;
	}

	24.5%,
	37% {
		opacity: 1;
	}

	37.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_1 {
	0%,
	40% {
		opacity: 0;
	}

	40.5%,
	63% {
		opacity: 1;
	}

	63.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_1 {
	0%,
	40% {
		opacity: 0;
	}

	40.5%,
	63% {
		opacity: 1;
	}

	63.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_2 {
	0%,
	40.5% {
		opacity: 0;
	}

	41%,
	63.5% {
		opacity: 1;
	}

	64%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_2 {
	0%,
	40.5% {
		opacity: 0;
	}

	41%,
	63.5% {
		opacity: 1;
	}

	64%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_3 {
	0%,
	41% {
		opacity: 0;
	}

	41.5%,
	64% {
		opacity: 1;
	}

	64.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_3 {
	0%,
	41% {
		opacity: 0;
	}

	41.5%,
	64% {
		opacity: 1;
	}

	64.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_4 {
	0%,
	41.5% {
		opacity: 0;
	}

	42%,
	64.5% {
		opacity: 1;
	}

	65%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_4 {
	0%,
	41.5% {
		opacity: 0;
	}

	42%,
	64.5% {
		opacity: 1;
	}

	65%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_5 {
	0%,
	42% {
		opacity: 0;
	}

	42.5%,
	65% {
		opacity: 1;
	}

	65.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_5 {
	0%,
	42% {
		opacity: 0;
	}

	42.5%,
	65% {
		opacity: 1;
	}

	65.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_6 {
	0%,
	42.5% {
		opacity: 0;
	}

	43%,
	65.5% {
		opacity: 1;
	}

	66%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_6 {
	0%,
	42.5% {
		opacity: 0;
	}

	43%,
	65.5% {
		opacity: 1;
	}

	66%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_7 {
	0%,
	43% {
		opacity: 0;
	}

	43.5%,
	66% {
		opacity: 1;
	}

	66.5%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_7 {
	0%,
	43% {
		opacity: 0;
	}

	43.5%,
	66% {
		opacity: 1;
	}

	66.5%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text3_8 {
	0%,
	43.5% {
		opacity: 0;
	}

	44%,
	66.5% {
		opacity: 1;
	}

	67%,
	100% {
		opacity: 0;
	}
}

@keyframes text3_8 {
	0%,
	43.5% {
		opacity: 0;
	}

	44%,
	66.5% {
		opacity: 1;
	}

	67%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text4_1 {
	0%,
	77% {
		opacity: 0;
	}

	78%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes text4_1 {
	0%,
	77% {
		opacity: 0;
	}

	78%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text4_2 {
	0%,
	78% {
		opacity: 0;
	}

	79%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes text4_2 {
	0%,
	78% {
		opacity: 0;
	}

	79%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text4_3 {
	0%,
	79% {
		opacity: 0;
	}

	80%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes text4_3 {
	0%,
	79% {
		opacity: 0;
	}

	80%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes text4_4 {
	0%,
	80% {
		opacity: 0;
	}

	81%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes text4_4 {
	0%,
	80% {
		opacity: 0;
	}

	81%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes bg2 {
	0%,
	74% {
		opacity: 0;
	}

	77%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes bg2 {
	0%,
	74% {
		opacity: 0;
	}

	77%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes logo2 {
	0%,
	74% {
		opacity: 0;
	}

	77%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes logo2 {
	0%,
	74% {
		opacity: 0;
	}

	77%,
	97% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}