/*! 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: 250px;
	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: 250px;
	background-color: #202a44;
}

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

.animate-block-1 .btn {
	z-index: 6;
	position: absolute;
	top: 205px;
	left: 15px;
	background-color: #3874fd;
	width: 85px;
	height: 30px;
	border-radius: 4px;
	padding: 9px 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: 207px;
	right: 202px;
	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: 0;
	left: 1px;
	width: 165px;
	-webkit-animation: circle_blue 14s linear forwards infinite;
	animation: circle_blue 14s linear forwards infinite;
}

.animate-block-1 .circle_yellow {
	position: absolute;
	top: 125px;
	left: 172px;
	width: 190px;
	-webkit-animation: circle_yellow 14s linear forwards infinite;
	animation: circle_yellow 14s linear forwards infinite;
}

.animate-block-1 .text1 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 237px;
	-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: 51px;
	left: 15px;
	width: 232px;
	-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: 86px;
	left: 17px;
	width: 114px;
	-webkit-animation: text1_3 14s linear forwards infinite;
	animation: text1_3 14s linear forwards infinite;
}

.animate-block-1 .text2 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 15px;
	left: 16px;
	width: 209px;
	-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: 44px;
	left: 16px;
	width: 176px;
	-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: 72px;
	left: 16px;
	width: 153px;
	-webkit-animation: text2_3 14s linear forwards infinite;
	animation: text2_3 14s linear forwards infinite;
}

.animate-block-1 .text3 img:nth-child(1) {
	z-index: 1;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 209px;
	-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: 44px;
	left: 17px;
	width: 265px;
	-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: 72px;
	left: 16px;
	width: 221px;
	-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: 101px;
	left: 16px;
	width: 186px;
	-webkit-animation: text3_4 14s linear forwards infinite;
	animation: text3_4 14s linear forwards infinite;
}

.animate-block-1 .text4 img:nth-child(1) {
	z-index: 6;
	position: absolute;
	top: 15px;
	left: 16px;
	width: 35px;
	-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: 15px;
	left: 57px;
	width: 13px;
	-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: 15px;
	left: 76px;
	width: 65px;
	-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: 19px;
	left: 148px;
	width: 99px;
	-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: 6;
	position: absolute;
	top: 156px;
	left: 197px;
	width: 87px;
	-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(-20px);
		transform: translateY(0px) translateX(-20px);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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 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 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 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;
	}
}