@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#title {
	animation-name: fadeInUp;
	animation-fill-mode:backwards;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: 1;
}


@-webkit-keyframes sun {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes sun {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#sun {
	-webkit-animation-name: sun;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-name: sun;
	animation-fill-mode:backwards;
	animation-timing-function:linear;
	animation-delay: 2s;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes flag {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 0 25px; }
}
@keyframes flag {
	0%, 100% { background-position: 0 0; }
	50% { background-position: 0 25px; }
}
#flag {
	-webkit-animation-name: flag;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-duration: 2.7s;
	-webkit-animation-iteration-count: infinite;
	animation-name: flag;
	animation-fill-mode:backwards;
	animation-timing-function:ease-out;
	animation-delay: 2s;
	animation-duration: 2.7s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes twincle_l {
	0% { background-position: 0 0; }
	100% { background-position: 0 -176px; }
}
@keyframes twincle_l {
	0% { background-position: 0 0; }
	100% { background-position: 0 -176px; }
}
#twincle_l {
	-webkit-animation-name: twincle_l;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function: steps(2, end);
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	animation-name: twincle_l;
	animation-fill-mode:backwards;
	animation-timing-function: steps(2, end);
	animation-delay: 2s;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes twincle_c {
	0% { background-position: 0 0; }
	100% { background-position: 0 -96px; }
}
@keyframes twincle_c {
	0% { background-position: 0 0; }
	100% { background-position: 0 -96px; }
}
#twincle_c {
	-webkit-animation-name: twincle_c;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function: steps(2, end);
	-webkit-animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: twincle_c;
	animation-fill-mode:backwards;
	animation-timing-function: steps(2, end);
	animation-delay: 2s;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes twincle_r {
	0% { background-position: 0 0; }
	100% { background-position: 0 -158px; }
}
@keyframes twincle_r {
	0% { background-position: 0 0; }
	100% { background-position: 0 -158px; }
}
#twincle_r {
	-webkit-animation-name: twincle_r;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-timing-function: steps(2, end);
	-webkit-animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-name: twincle_r;
	animation-fill-mode:backwards;
	animation-timing-function: steps(2, end);
	animation-delay: 2s;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
}