html{
  height:100%
}
body{
  height:100%;
  font-size: 18px;
	font-family: 'Work Sans', sans-serif;
	color:#808080;
	margin: 0;
	padding: 0;
}
.intro{
  height:100%
}
.intro .row{
	height: 100%;
	margin: 0;
}
.left{
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
  height : 100%;
  color : #FFF;

}
.right{
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
  background-color:#f0f0ed;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 992px) { 
  .left{
    height:50%
  }
  .right{
    height:50%
  }
}
h3 {
  font-size: 1.2em;
  letter-spacing: -0.2px;
}
a{
	color: #329cf0;
	text-decoration: underline;
	display: inline-block;
}
a:hover {
	color: #329cf0;
}
.grid-item{
	background: #d00000;
	width: 100px;
	height: 100px;
}
.animation-container {
	width: 550px;
	height: 500px;
	position: relative;
}
.icons-cover{
	position: relative;
	width: 550px;
	overflow: hidden;
}
.icons-list {
	width: 550px;
	height: 330px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	align-content: center;
}
.icons-list:after{
	width:70px;
	height: 330px;
	content: '';
	position: absolute;
	right: 0;
	top:0;
	opacity: 0.9;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.icons-list:before{
	width:70px;
	height: 330px;
	content: '';
	position: absolute;
	left: 0;
	top:0;
	opacity: 0.9;
	z-index: 1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.icons-list.animated{
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.icons-list > div {
	width: 100px;
	height: 100px;
	margin: 5px;
}
.icon-container{
	background: #f8f8f6;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

@-webkit-keyframes zoomOutIn {
  from {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
@keyframes zoomOutIn {
  from {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
.zoomOutIn {
  -webkit-animation-name: zoomOutIn;
  animation-name: zoomOutIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.delay1{
	-webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.delay2{
	-webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.delay3{
	-webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.delay4{
	-webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.delay5{
	-webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay6{
	-webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.delay7{
	-webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.delay8{
	-webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
@-webkit-keyframes getSmall {
  from {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100%{
  	opacity: 0.3;
  	-webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@keyframes getSmall {
  from {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100%{
  	opacity: 0.3;
  	-webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
.getSmall {
  -webkit-animation-name: getSmall;
  animation-name: getSmall;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 3s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.pikachu-container {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 200px;
	height: 200px;
}
.pikachu-icon {
	position:relative;
	width: 200px;
	height: 200px;
	margin: 0;
	background: #f8f8f6;
	border-radius: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	top:0;
	box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
}
.pikachu-icon img {
	width: 115px;
}
@-webkit-keyframes zoomInPikachu {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
		background: #f8f8f6;
  }
  21% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
  }
  45%{
  	opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
  }
  50%{
  	opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
		top:0;
		box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  }
  60%{
  	opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: -90px;
  }
  93% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: -90px;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: 80px;
  }
}
@keyframes zoomInPikachu {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
		background: #f8f8f6;
  }
  21% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
  }
  45%{
  	opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
  }
  50%{
  	opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
		background: #fff;
		top:0;
		box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  }
  60%{
  	opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: -90px;
  }
  93% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: -90px;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
		background: #f8f8f6;
		box-shadow: 0 0 0 transparent;
		top: 80px;
  }
}
.zoomInPikachu {
  -webkit-animation-name: zoomInPikachu;
  animation-name: zoomInPikachu;
  -webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
	-webkit-animation-duration: 6.5s;
	animation-duration: 6.5s;
}
.circle-icon-container{
	width: 75px;
	height: 75px;
	position: absolute;
}
.circle-icon {
	width: 75px;
	height: 75px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
}
.buy-icon {
	right: -50px;
	top: 63px;
}
.bid-icon {
	left: -50px;
	top: 63px;
}
.circle-icon.animated{
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.circle-icon-container.animated{
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
@-webkit-keyframes pikachuZoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
  	-webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 1;
  }
}

@keyframes pikachuZoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
  	-webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 1;
  }
}
.pikachuZoomOut {
  -webkit-animation-name: pikachuZoomOut;
  animation-name: pikachuZoomOut;
  -webkit-animation-delay: 5.5s;
	animation-delay: 5.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.seller{
	position: absolute;
	bottom: 105px;
	left: 75px;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.rinkya{
	position: absolute;
	bottom: 40px;
	right: 75px;
	-webkit-animation-delay: 5.3s;
	animation-delay: 5.3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.seller-cover{
	-webkit-animation-delay: 7.5s;
	animation-delay: 7.5s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.rinkya-cover{
	-webkit-animation-delay: 7.7s;
	animation-delay: 7.7s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes moveCar {
  from {
    left:-150px;
    bottom: 20px;
  }
  
  8% {
  	left:220px;
  	bottom:20px;
  }
  
  17%{
  	left:220px;
  	bottom: 20px;
  }
  
  23%{
  	left:50px;
  	bottom: 0;
  }
  
  26%{
  	left:50px;
  	bottom: 0;
  }
  
  37%{
  	left:300px;
  	bottom: 0;
  }
  
  40%{
  	left:300px;
  	bottom: 0;
  }
  
  48%{
  	left:555px;
  	bottom: 0;
  }
  
  to {
  	left:555px;
  	bottom: 0;
  }
}

@keyframes moveCar {
  from {
    left:-150px;
    bottom: 20px;
  }
  
  8% {
  	left:220px;
  	bottom:20px;
  }
  
  17%{
  	left:220px;
  	bottom: 20px;
  }
  
  23%{
  	left:50px;
  	bottom: 0;
  }
  
  26%{
  	left:50px;
  	bottom: 0;
  }
  
  37%{
  	left:300px;
  	bottom: 0;
  }
  
  40%{
  	left:300px;
  	bottom: 0;
  }
  
  48%{
  	left:555px;
  	bottom: 0;
  }
  
  to {
  	left:555px;
  	bottom: 0;
  }
}
.moveCar{
	-webkit-animation-name: moveCar;
  animation-name: moveCar;
}
.deliveryCar{
	position: absolute;
	bottom: 20px;
	left:-150px;
	z-index: 1;
	-webkit-animation-delay: 7.5s;
	animation-delay: 7.5s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 12s;
  animation-duration: 12s;
}
.pikachu-car {
	position: absolute;
	top: 7px;
	left: 33px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-animation-delay: 9s;
	animation-delay: 9s;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.pikachu-car-container {
	width: 100%;
	height: 100%;
	background: #f8f8f6;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-animation-delay: 11.8s;
	animation-delay: 11.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.pikachu-car img {
	width: 32px;
}
.city-container {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 330px;
}

@-webkit-keyframes cityZoomOut {
  from {
    opacity: 1;
  }

  40% {
    opacity: 0.5;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
}

@keyframes cityZoomOut {
  from {
    opacity: 1;
  }

  40% {
    opacity: 0.5;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
}

.cityZoomOut {
  -webkit-animation-name: cityZoomOut;
  animation-name: cityZoomOut;
  -webkit-animation-delay: 13s;
	animation-delay: 13s;
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.city-container img {
	position: absolute;
}
.mountains {
	top: 15px;
	right: -550px;
}
@-webkit-keyframes moveMountain {
  from {
    right:-550px;
  }
  
  to {
  	right:0;
  }
}

@keyframes moveMountain {
  from {
    right:-550px;
  }
  
  to {
  	right:0;
  }
}
.moveMountain{
	-webkit-animation-name: moveMountain;
  animation-name: moveMountain;
  -webkit-animation-delay: 9.5s;
	animation-delay: 9.5s;
	-webkit-animation-duration: 1.05s;
  animation-duration: 1.05s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.train {
	left: 70px;
	top: 117px;
	opacity: 0;
}
@-webkit-keyframes moveTrain {
  from {
    left: 70px;
    opacity: 0;
  }
  
  30%{
  	left: 70px;
  	opacity: 0;
  }
  
  40%{
  	left: 70px;
  	opacity: 1;
  }
  
  to {
  	left: 165px;
  	opacity: 1;
  }
}

@keyframes moveTrain {
  from {
    left: 70px;
    opacity: 0;
  }
  
  30%{
  	left: 70px;
  	opacity: 0;
  }
  
  40%{
  	left: 70px;
  	opacity: 1;
  }
  
  to {
  	left: 165px;
  	opacity: 1;
  }
}
.moveTrain{
	-webkit-animation-name: moveTrain;
  animation-name: moveTrain;
  -webkit-animation-delay: 10s;
	animation-delay: 10s;
	-webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.buildings {
	top: 15px;
	right:-550px;
}
@-webkit-keyframes moveBuilding {
  from {
    right:-550px;
  }
  
  to {
  	right:0;
  }
}

@keyframes moveBuilding {
  from {
    right:-550px;
  }
  
  to {
  	right:0;
  }
}
.moveBuilding{
	-webkit-animation-name: moveBuilding;
  animation-name: moveBuilding;
  -webkit-animation-delay: 9.5s;
	animation-delay: 9.5s;
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.warehouse {
	right: -250px;
	bottom: 3px;
}
@-webkit-keyframes moveWarehouse {
  from {
    right: -250px;
  }
  
  to {
  	right: 120px;
  }
}

@keyframes moveWarehouse {
  from {
    right: -250px;
  }
  
  to {
  	right: 120px;
  }
}
.moveWarehouse{
	-webkit-animation-name: moveWarehouse;
  animation-name: moveWarehouse;
  -webkit-animation-delay: 9.5s;
	animation-delay: 9.5s;
	-webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.warehouse2 {
	right: 120px;
	bottom: 3px;
	opacity: 0;
	-webkit-animation-delay: 11.7s;
	animation-delay: 11.7s;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.sky-container{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 330px;
	-webkit-animation-delay: 17.5s;
	animation-delay: 17.5s;
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.clouds-container{
	-webkit-animation-delay: 17s;
	animation-delay: 17s;
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.cloud2 {
	position: absolute;
	bottom: 20px;
	right: -120px;
	-webkit-animation-delay: 13.5s;
	animation-delay: 13.5s;
}
.cloud1 {
	position: absolute;
	top: 15px;
	right: -120px;
	-webkit-animation-delay: 14s;
	animation-delay: 14s;
}
@-webkit-keyframes moveCloud {
  from {
    right: -120px;
  }
  
  to {
  	right: 550px;
  }
}

@keyframes moveCloud {
  from {
    right: -120px;
  }
  
  to {
  	right: 550px;
  }
}
.moveCloud{
	-webkit-animation-name: moveCloud;
  animation-name: moveCloud;
	-webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
  -webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.airplan-container {
	width: 228px;
	height: 120px;
	position: absolute;
	top: 0;
	bottom: -207px;
	margin: auto;
	left: -777px;
	right: 0;
}
@-webkit-keyframes moveAirplane {
  from {
    bottom: -207px;
    left: -777px;
  }
  
  18%{
  	bottom: 0px;
    left: 0px;
  }
  
  23%{
  	bottom: 0px;
    left: 0px;
  }
  
  32%{
  	bottom: -35px;
    left: 0px;
  }
  
  37%{
  	bottom: -35px;
    left: 0px;
  }
  
  46%{
  	bottom: 35px;
    left: 0px;
  }
  
  48%{
  	bottom: 35px;
    left: 0px;
  }
  
  63%{
  	bottom: 0px;
    left: 0px;
  }
  
  to {
  	bottom: 0px;
    left: 0px;
  }
}

@keyframes moveAirplane {
  from {
    bottom: -207px;
    left: -777px;
  }
  
  18%{
  	bottom: 0px;
    left: 0px;
  }
  
  23%{
  	bottom: 0px;
    left: 0px;
  }
  
  32%{
  	bottom: -35px;
    left: 0px;
  }
  
  37%{
  	bottom: -35px;
    left: 0px;
  }
  
  46%{
  	bottom: 35px;
    left: 0px;
  }
  
  48%{
  	bottom: 35px;
    left: 0px;
  }
  
  63%{
  	bottom: 0px;
    left: 0px;
  }
  
  to {
  	bottom: 0px;
    left: 0px;
  }
}
.moveAirplane{
	-webkit-animation-name: moveAirplane;
  animation-name: moveAirplane;
	-webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 13s;
	animation-delay: 13s;
}
.pikachu-plane {
	position: absolute;
	top: 7px;
	left: 33px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 13.8s;
	animation-delay: 13.8s;
}
.pikachu-plane-container {
	width: 100%;
	height: 100%;
	background: #f8f8f6;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 50%;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 16.8s;
	animation-delay: 16.8s;
}
.pikachu-plane img {
	width: 32px;
}

.circles-container{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 330px;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 22.8s;
	animation-delay: 22.8s;
}
.outer-circle {
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: #f7f7f380;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	-webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 17.8s;
	animation-delay: 17.8s;
}
.inner-circle {
	width: 220px;
	height: 220px;
	background: #f8f8f6;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	-webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 18.3s;
	animation-delay: 18.3s;
}
.gift-container {
	width: 88px;
	height: 86px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 18.8s;
	animation-delay: 18.8s;
}
.gift-container img{
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 20s;
	animation-delay: 20s;
}
.item-container {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 20.4s;
	animation-delay: 20.4s;
}
.item-container img {
	width: 100px;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 22.5s;
	animation-delay: 22.5s;
}
@-webkit-keyframes zoomInCircle {
  from {
    opacity: 0;
   -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomInCircle {
  from {
    opacity: 0;
   -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.zoomInCircle {
  -webkit-animation-name: zoomInCircle;
  animation-name: zoomInCircle;
}
.icons-list.grid-list{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}


@-webkit-keyframes zoomInItem {
  from {
    opacity: 0;
   -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomInItem {
  from {
    opacity: 0;
   -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.icons-list.grid-list .animated{
	-webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
	-webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-name: zoomInItem;
  animation-name: zoomInItem;
}
.delayx1{
	-webkit-animation-delay: 23.1s;
	animation-delay: 23.1s;
}
.delayx2{
	-webkit-animation-delay: 23.12s;
	animation-delay: 23.12s;
}
.delayx3{
	-webkit-animation-delay: 23.14s;
	animation-delay: 23.14s;
}
.delayx4{
	-webkit-animation-delay: 23.16s;
	animation-delay: 23.16s;
}
.delayx5{
	-webkit-animation-delay: 23.18s;
	animation-delay: 23.18s;
}
.delayx6{
	-webkit-animation-delay: 23.2s;
	animation-delay: 23.2s;
}
.delayx7{
	-webkit-animation-delay: 23.22s;
	animation-delay: 23.22s;
}
.delayx8{
	-webkit-animation-delay: 23.24s;
	animation-delay: 23.24s;
}
.delayx9{
	-webkit-animation-delay: 23.26s;
	animation-delay: 23.26s;
}
.delayx10{
	-webkit-animation-delay: 23.28s;
	animation-delay: 23.28s;
}
.delayx11{
	-webkit-animation-delay: 23.3s;
	animation-delay: 23.3s;
}
.delayx12{
	-webkit-animation-delay: 23.32s;
	animation-delay: 23.32s;
}
.delayx13{
	-webkit-animation-delay: 23.34s;
	animation-delay: 23.34s;
}
.delayx14{
	-webkit-animation-delay: 23.36s;
	animation-delay: 23.36s;
}
.delayx15{
	-webkit-animation-delay: 23.38s;
	animation-delay: 23.38s;
}
.text-cover {
	position: absolute;
	bottom: 10px;
	width: 550px;
	height: 100px;
}
.text-cover > div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.text{
  border-radius: 20px;
  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #ebebe7;
  background-color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
  text-align: center;
  color: #8c8c8c;
}
.text strong {
	font-weight: 600;
}
.text1-cover {
	width: 250px;
}
.text1{
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.text2-cover {
	width: 300px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.text2{
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.text3-cover {
	width: 435px;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.text3{
	-webkit-animation-delay: 9s;
	animation-delay: 9s;
}
.text4-cover {
	width: 490px;
	-webkit-animation-delay: 9s;
	animation-delay: 9s;
}
.text4{
	-webkit-animation-delay: 13.2s;
	animation-delay: 13.2s;
}
.text5-cover {
	width: 250px;
	-webkit-animation-delay: 13.2s;
	animation-delay: 13.2s;
}
.text5{
	-webkit-animation-delay: 23s;
	animation-delay: 23s;
}
.text6-cover {
	width: 250px;
	-webkit-animation-delay: 23s;
	animation-delay: 23s;
}