body {
                overflow: hidden;
				width: 320px;
				height: 480px;
				margin: 0 auto;
				position: relative;
            }
						
			#top, #left, #right, #bottom {
				position:absolute;
				width:100%;
				height:100%; 
				left:0%;
				top:0%;
				opacity:0;
				transform: scale(0.6);
				-webkit-transform: scale(0.6);
				pointer-events:none;
			}
			
			.logo {
				position:absolute;
				width:100%;
				height:100%; 
				left:0%;
				top:0%;
				pointer-events:none;
			}
			
			#copy {
				position:absolute;
				width:100%;
				height:100%; 
				left:-5%;
				top:0%;
				opacity: 0;
				pointer-events:none;
			}
            
            .flower {
				position:absolute;
				width:13.0%;
				height:auto; 
				left:4%;
				top:10%;
				pointer-events:none;
                transform-origin: 44.2% 45%;
                -webkit-transform-origin: 44.2% 45%;
				animation: loop_flower 8s linear infinite;
				-webkit-animation: loop_flower 8s linear infinite;
			}
            
            @keyframes loop_flower {
				0% {transform: rotate(0);}
				50% {transform: rotate(180deg);}
				100% {transform:  rotate(360deg);}
			}
            
            @-webkit-keyframes loop_flower {
				0% {-webkit-transform: rotate(0);}
				50% {-webkit-transform: rotate(180deg);}
				100% {-webkit-transform:  rotate(360deg);}
			}
            
            .flower2 {
				position:absolute;
				width:13.0%;
				height:auto; 
				left:0%;
				top:25%;
				pointer-events:none;
                transform-origin: 44.2% 45%;
                -webkit-transform-origin: 44.2% 45%;
				animation: loop_flower-2 7s linear infinite;
				-webkit-animation: loop_flower-2 7s linear infinite;
			}
            
            @keyframes loop_flower-2 {
				0% {transform: rotate(0) scale(0.7);}
				50% {transform: rotate(180deg) scale(0.7);}
				100% {transform:  rotate(360deg) scale(0.7);}
			}
            
            @-webkit-keyframes loop_flower-2 {
				0% {-webkit-transform: rotate(0) scale(0.7);}
				50% {-webkit-transform: rotate(180deg) scale(0.7);}
				100% {-webkit-transform:  rotate(360deg) scale(0.7);}
			}
            
            .flower3 {
				position:absolute;
				width:13.0%;
				height:auto; 
				right:0%;
				top:5%;
				pointer-events:none;
                transform-origin: 44.2% 45%;
                -webkit-transform-origin: 44.2% 45%;
				animation: loop_flower-2 7s linear infinite;
				-webkit-animation: loop_flower-2 7s linear infinite;
			}
            
            .flower4 {
				position:absolute;
				width:13.0%;
				height:auto; 
				right:4%;
				top:19%;
				pointer-events:none;
                transform-origin: 44.2% 45%;
                -webkit-transform-origin: 44.2% 45%;
				animation: loop_flower 10s linear infinite;
				-webkit-animation: loop_flower 10s linear infinite;
			}
			
			#cta {
				position:absolute;
				width:100%;
				height:100%; 
				left:0%;
				top:0%;
				opacity: 0;
				pointer-events:none;
				animation: ctaAnim 1s linear infinite;
				-webkit-animation: ctaAnim 1s linear infinite;
			}

			@keyframes ctaAnim {
				0% {transform: translateX(0px);}
				50% {transform: translateX(5px);}
				100% {transform:  translateX(0px);}
			}

			@-webkit-keyframes ctaAnim {
				0% {-webkit-transform: translateX(0px);}
				50% {-webkit-transform: translateX(5px);}
				100% {-webkit-transform: translateX(0px);}
			}

			#txt_spin {
				position:absolute;
				width:100%;
				height:100%; 
				left:0%;
				top:0%;
				pointer-events:none;
				animation: loop_spin 5s linear infinite;
				-webkit-animation: loop_spin 5s linear infinite;
			}

			@keyframes loop_spin {
				0% {transform: rotate(0deg);}
				50% {transform: rotate(-10deg);}
				100% {transform: rotate(0deg);}
			}

			@-webkit-keyframes loop_spin {
				0% {-webkit-transform: rotate(0deg);}
				50% {-webkit-transform: rotate(-10deg);}
				100% {-webkit-transform: rotate(0deg);}
			}
* {
    padding: 0;
    margin: 0;
}

#spinner {
    width: 100%;
    overflow: hidden;
	height: 480px;
}

#ad-invitation {
    width: 100%;
    height: 25%;
    overflow: hidden;
	padding-top:319px;
}
#invitation-content {
    width: 100%;
    margin: auto;
    position: relative;
    top: 0;
}
.invitation-spin-img {
    vertical-align: middle;
		width: 100%;
}

.floating-content {
	position:absolute;
	width:100%;
	height:0;
	padding-bottom:100%;
	pointer-events:none;
	overflow:hidden;
	
}

.floating-content {
	pointer-events:none;
}
.floating-on-top {
	z-index:100;
}


/* This is temporary iOS workaround to fix iOS scroll event blocking touch events. */
#ios-workaround {
    width: 1px;
    height: 1px;
    border: none;
    overflow: hidden;
}

.conteiner{
  width: 320px;
  position: relative;
  margin:0 auto;
  height: 480px;
  animation: fadein 2s;
	background-image:url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-position: top;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.clickTag{
  width: 320px;
  height: 350px;
  position: absolute;
  z-index: 3;
  bottom: 19px;
  top: 0px;
  left: 0px;
}