a{
	z-index: 10;
	position: absolute;
	display: block;
	}
	html{
		    position: absolute;
		    margin: 0;
	}
	body {
		background-color: rgb(160,219,237);
		overflow: hidden;
		margin: 0px auto;
		padding: 0px;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	#app {
		position: absolute;
		 background-color: #fff; margin: 0 auto; 
		 background-size: contain;
	}
	#container {
		position: absolute;
		width: 320px;
		z-index:2;
		top: 0px;
		overflow: hidden;
		margin: 0 auto;
	}
	.h460{
		width:320px;
		height: 460px;
	}
	.h548{
		width:320px;
		height: 548px;
	}
	#container img {
		width: 100%;
	}

	#car{
		background-image: url(../images/car.png);
		width: 100%;
		background-position: 50% 65%;
		background-size: 70% !important;
		height: 100%;
		background-repeat: no-repeat;
		height: 100%;
		left: 0;
		bottom: 0;
	}
	.h548 #car{

	}
	#text01{
		height: 20%;
		background-position: center;
		width: 100%;
		top: 10.9%;
		left: 0%;
		background-image: url(../images/text01.png);
	}
	.h548 #text01{
		
	}

	#tac{
		height: 18%;
		width: 28%;
		z-index: 10 !important;
		bottom: 0%;
		right: 5%;
		background-image: url(../images/tac.png);
	}
	.h548 #tac {
		bottom: 0%;
		height: 15%;
		right: 3%;
	}

	#text02{
		height: 20%;
		width: 90%;
		top: 10%;
		left: 5%;
		background-image: url(../images/text02.png);
	}
	#product {
		height: 75%;
		width: 100%;
		top: 18%;
		left: 0%;
		background-image: url(../images/product.png);
	}
	.h548 #product {
		top: 25%;
		height: 75%;
	}
	#product02 {
		height: 68%;
		width: 56%;
		top: 20%;
		right: 0%;
		background-image: url(../images/product02.png);
	}
	.h548 #product02{
		width: 63%;
	}
	.h548 #product02 {
		top: 25%;
		height: 68%;
	}
	#scrollbg{
		height: 460px;
		background-size: cover !important;
		width: 320px;
		top: 0%;
		left: 0%;
		background-image: url(../images/460/02.jpg);
	}
	.h548 #scrollbg{
		background-image: url(../images/548/02.jpg);
		height: 548px;
	}
	.h690 #scrollbg{
		height:690px;
		background-image: url(../images/690/02.jpg);
	}


	#text03{
		height: 20%;
		width: 90%;
		top: 10%;
		left: 5%;
		background-image: url(../images/text03.png);
	}
	.h548 #text03{
	}
	#text04{
		height: 25%;
		width: 90%;
		top: 5%;
		left: 5%;
		background-image: url(../images/text04.png);
	}
	.h548 #text04{
	}
	#text05{
		height: 20%;
		width: 50%;
		top: 30%;
		left: 35%;
		transform: rotate(-7deg);
		-webkit-transform: rotate(-7deg);
		-moz-transform: rotate(-7deg);
		background-image: url(../images/text05.png);
	}
	.h548 #text05{
	}
	#road{
		height: 52%;
		width: 100%;
		background-position-y: bottom;
		background-size: cover!important;
		bottom: 0%;
		right: 0%;
		background-image: url(../images/road.png);
	}
	.h548 #road{
		height: 44%;
	}
	.h460 .road {
		background-position-x: 6500%;
	}
	.h548 .road{
		background-position-x: 4500%;
	}
	#bear2{
		height: 56%;
		width: 50%;
		bottom: 0%;
		background-size: cover !important;
		left: 0%;
		background-image: url(../images/bear.png);
	}
	.h548 #bear2{
		width: 54%;
	}
	.h460 .bear2{
		background-position-x: 700%;
	}
	.h548 .bear2{
		background-position-x: 325%;
	}
	#logo{
		height: 100%;
		width: 100%;
		bottom: 0%;
		left: 0;
		background-image: url(../images/logo.png);
		background-position-y: bottom;
	}
	.h548 #logo{
	}

	#btn_landing {
	width: 100%;
	height: 100%;
	z-index: 10;
	bottom: 0;
	}

	#car,#text01,#btn_landing,#tac,#scrollbg,#text02,#product,#product02,#text03,#text04,#road,#bear2,#logo,#text05{
	background-size: contain;
	z-index: 1;
	position: absolute;
	background-repeat:no-repeat;
	}



	.hide{
		display:none;
	}

	/*** Preloader ***/
	#preloader {z-index: 9; width: 320px; padding-top: 180px; text-align: center; margin:0 auto;}
	#preloader p {margin: 5px 0; color: #fff; text-align: center; font-weight: bold;}
	#preloader .pool {position: absolute; display: none;}

	/*** Progress Bar ***/

	.meter {
		position: relative;
		padding: 5px;
		height: 10px;
		width: 200px;
		margin: auto;
		background: #fff;
		
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		-webkit-border-top-left-radius: 25px;
		-webkit-border-top-right-radius: 25px;
		-webkit-border-bottom-left-radius: 25px;
		-webkit-border-bottom-right-radius: 25px;
		-moz-border-top-left-radius: 25px;
		-moz-border-top-right-radius: 25px;
		-moz-border-bottom-left-radius: 25px;
		-moz-border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	.meter > span {
		position: relative;
		display: block;
		height: 100%;
		background-color:rgb(160,219,237);
		overflow: hidden;
		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-top-left-radius: 8px;
		-moz-border-top-right-radius: 8px;
		-moz-border-bottom-left-radius: 8px;
		-moz-border-bottom-right-radius: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	.meter > span > span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image: 
			-webkit-gradient(linear, 0 0, 100% 100%, 
				color-stop(.25, #0070B8  ), 
				color-stop(.25, transparent), color-stop(.5, transparent), 
				color-stop(.5, #0070B8  ), 
				color-stop(.75, #0070B8  ), 
				color-stop(.75, transparent), to(transparent)
			);
		background-image: 
			-webkit-linear-gradient(
				-45deg, 
				#0070B8   25%, 
				transparent 25%, 
				transparent 50%, 
				#0070B8   50%, 
				#0070B8   75%, 
				transparent 75%, 
				transparent
			);
		background-image: 
			-moz-linear-gradient(
				-45deg, 
				#0070B8   25%, 
				transparent 25%, 
				transparent 50%, 
				#0070B8   50%, 
				#0070B8   75%, 
				transparent 75%, 
				transparent
			);
		background-image: 
			-ms-linear-gradient(
				-45deg, 
				#0070B8   25%, 
				transparent 25%, 
				transparent 50%, 
				#0070B8   50%, 
				#0070B8   75%, 
				transparent 75%, 
				transparent
			);
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size: 50px 50px;
		background-size: 50px 50px;
		
		-webkit-animation: move 2s linear infinite;
		-moz-animation: move 2s linear infinite;
		animation: move 2s linear infinite;
		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-top-left-radius: 8px;
		-moz-border-top-right-radius: 8px;
		-moz-border-bottom-left-radius: 8px;
		-moz-border-bottom-right-radius: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		
		overflow: hidden;
	}
	.animate > span:after {
		display: none;
	}
	.meter > span:after, .animate > span > span {
		-webkit-animation: move 2s linear infinite;
		-moz-animation: move 2s linear infinite;
		animation: move 2s linear infinite;
	}
	@-webkit-keyframes move {
		0% {background-position: 0 0;}
		100% {background-position: 50px 50px;}
	}
	@-moz-keyframes move {
		0% {background-position: 0 0;}
		100% {background-position: 50px 50px;}
	}
	@keyframes move {
		0% {background-position: 0 0;}
		100% {background-position: 50px 50px;}
	}

	/* Webkit */
	@-webkit-keyframes pressToShake {
		0% {-webkit-transform: rotate(0deg);left: 185px;top: 106px;z-index: 2;}
		100% {-webkit-transform: rotate(-60deg);left: 70px;top: 548px;z-index: 2;display:none;}
	}
	@-webkit-keyframes slideInFromRight {
		from {-webkit-transform: translateX(100%);}
		to {-webkit-transform: translateX(0);}
	}
	@-webkit-keyframes slideInFromLeft {
		from {-webkit-transform: translateX(-100%);}
		to {-webkit-transform: translateX(0);}
	}
	@-webkit-keyframes slideInFromLeft {
		from {-webkit-transform: translateX(-100%);}
		to {-webkit-transform: translateX(0);}
	}
	@-webkit-keyframes slideOutToLeft {
		from {-webkit-transform: translateX(0);}
		to {-webkit-transform: translateX(-100%);}
	}
	@-webkit-keyframes slideOutToRight {
		from {-webkit-transform: translateX(0);}
		to {-webkit-transform: translateX(100%);}
	}
	@-webkit-keyframes slideOutToUp {
		from {-webkit-transform: translateY(0);}
		to {-webkit-transform: translateY(-100%);}
	}
	@-webkit-keyframes slideInFromDown {
		from {-webkit-transform: translateY(100%);}
		to {-webkit-transform: translateY(0);}
	}
	@-webkit-keyframes slideOutToDown {
		from {-webkit-transform: translateY(0);}
		to {-webkit-transform: translateY(100%);}
	}
	@-webkit-keyframes slideInFromUp {
		from {-webkit-transform: translateY(-100%);}
		to {-webkit-transform: translateY(0);}
	}
	@-webkit-keyframes slideFadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
	}
	@-webkit-keyframes slideFadeIn {
		from {opacity: 1;}
		to {opacity: 1;}
	}
	@-webkit-keyframes shakePhone {
		0% {-webkit-transform: rotate(0deg);bottom:200px;left: 50px;}
		20% {-webkit-transform: rotate(-26deg);bottom: 230px;left: 33px;}
		30% {-webkit-transform: rotate(0deg);bottom:200px;left: 50px;}
		40% {-webkit-transform: rotate(26deg);bottom: 184px;left: 50px;}
		50% {-webkit-transform: rotate(0deg);bottom:200px;left: 50px;}
		60% {-webkit-transform: rotate(-26deg);bottom: 230px;left: 33px;}
		70% {-webkit-transform: rotate(0deg);bottom:200px;left: 50px;}
		80% {-webkit-transform: rotate(26deg);bottom: 184px;left: 50px;}
		100% {-webkit-transform: rotate(0deg);bottom:200px;left: 50px;}
	}
	@-webkit-keyframes shakeGesture {
		0% {-webkit-transform: translate(0,0);}
		25% {-webkit-transform: translate(10%,10%);}
		50% {-webkit-transform: translate(0,0);}
		75% {-webkit-transform: translate(10%,10%);}
		100% {-webkit-transform: translate(0,0);}
	}
	/* effect for new Compaign*/

	@-webkit-keyframes clickButtonBrightness {
		from {-webkit-filter:brightness(100%);}
		to {-webkit-filter:brightness(50%);}
	}
	@-webkit-keyframes zoomIn {
		from {width: 45px;height: 45px;}
		to {height: 1000px;width: 1000px;}
	}
	@-webkit-keyframes bgScrollToRight{
		from {background-position-x: 0;}
		to {background-position-x: 100%;}
	}
	@-webkit-keyframes bgScrollToLeft{
		from {background-position-x:  100%;}
		to {background-position-x: 0;}
	}
	@-webkit-keyframes roadScrollToRight548{
		from {background-position-x: 4500%;}
		to {background-position-x: -1400%;}
	}
	@-webkit-keyframes roadScrollToRight460{
		from {background-position-x: 6500%;}
		to {background-position-x: -2100%;}
	}
	@-webkit-keyframes bearScrollToRight{
		from {background-position-x: 700%;}
		to {background-position-x: 100%;}
	}
	@-webkit-keyframes carShake{
		0% {background-position: 40% 70%;background-size: 70%;}
		20% {background-position: 40% 70.5%;background-size: 70%;}
		40%  {background-position: 40% 70%;background-size: 70%;}
		70% {background-position: 40% 70.5%;background-size: 70%;}
		100%  {background-position: 40% 70%;background-size: 70%;}
	}
	@-webkit-keyframes carMoving{
		0% {background-position: 40% 70%;-webkit-transform: translateX(0);}
		10% {background-position: 35% 70%;-webkit-transform: translateX(0%);}
		30% {background-position: 35% 70%;-webkit-transform: translateX(0%);}
		100% {background-position: 40% 70%;-webkit-transform: translateX(100%);}
	}
	@-webkit-keyframes flashText{
		0% {opacity: 0;}
		50% {opacity: 100;}
		100% {opacity: 0;}
	}
	/* Mozilla */
	@-moz-keyframes pressToShake {
		0% {-moz-transform: rotate(0deg);left: 185px;top: 106px;z-index: 2;}
		100% {-moz-transform: rotate(-60deg);left: 70px;top: 548px;z-index: 2;display:none;}
	}
	@-moz-keyframes slideInFromRight {
		from {-moz-transform: translateX(100%);}
		to {-moz-transform: translateX(0);}
	}
	@-moz-keyframes slideInFromLeft {
		from {-moz-transform: translateX(-100%);}
		to {-moz-transform: translateX(0);}
	}
	@-moz-keyframes slideOutToLeft {
		from {-moz-transform: translateX(0);}
		to {-moz-transform: translateX(-100%);}
	}
	@-moz-keyframes slideOutToRight {
		from {-moz-transform: translateX(0);}
		to {-moz-transform: translateX(100%);}
	}
	@-moz-keyframes slideOutToUp {
		from {-moz-transform: translateY(0);}
		to {-moz-transform: translateY(-100%);}
	}
	@-moz-keyframes slideInFromDown {
		from {-moz-transform: translateY(100%);}
		to {-moz-transform: translateY(0);}
	}
	@-moz-keyframes slideOutToDown {
		from {-moz-transform: translateY(0);}
		to {-moz-transform: translateY(100%);}
	}
	@-moz-keyframes slideInFromUp {
		from {-moz-transform: translateY(-100%);}
		to {-moz-transform: translateY(0);}
	}
	@-moz-keyframes slideFadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
	}
	@-moz-keyframes slideFadeIn {
		from {opacity: 1;}
		to {opacity: 1;}
	}
	@-moz-keyframes shakePhone {
		0% {-moz-transform: rotate(0deg);bottom:200px;left: 50px;}
		20% {-moz-transform: rotate(-26deg);bottom: 230px;left: 33px;}
		30% {-moz-transform: rotate(0deg);bottom:200px;left: 50px;}
		40% {-moz-transform: rotate(26deg);bottom: 184px;left: 50px;}
		50% {-moz-transform: rotate(0deg);bottom:200px;left: 50px;}
		60% {-moz-transform: rotate(-26deg);bottom: 230px;left: 33px;}
		70% {-moz-transform: rotate(0deg);bottom:200px;left: 50px;}
		80% {-moz-transform: rotate(26deg);bottom: 184px;left: 50px;}
		100% {-moz-transform: rotate(0deg);bottom:200px;left: 50px;}
	}
	@-moz-keyframes shakeGesture {
		0% {-moz-transform: translate(0,0);}
		25% {-moz-transform: translate(10%,10%);}
		50% {-moz-transform: translate(0,0);}
		75%{-moz-transform: translate(10%,10%);}
		100% {-moz-transform: translate(0,0);}
	}
	/* effect for new Compaign*/
	@-moz-keyframes clickButtonBrightness {
		from {-moz-filter:brightness(100%);}
		to {-moz-filter:brightness(50%);}
	}
	@-moz-keyframes zoomIn {
		from {width: 45px;height: 45px;}
		to {height: 1000px;width: 1000px;}
	}
	@-moz-keyframes bgScrollToRight{
		from {background-position-x: 0;}
		to {background-position-x: 100%;}
	}
	@-moz-keyframes bgScrollToLeft{
		from {background-position-x: 100%;}
		to {background-position-x: 0%;}
	}
	@-moz-keyframes roadScrollToRight548{
		from {background-position-x: 4500%;}
		to {background-position-x: -1400%;}
	}
	@-moz-keyframes roadScrollToRight460{
		from {background-position-x: 6500%;}
		to {background-position-x: -2100%;}
	}
	@-moz-keyframes bearScrollToRight{
		from {background-position-x: 700%;}
		to {background-position-x: 100%;}
	}
	@-moz-keyframes carShake{
		0% {background-position: 40% 70%;background-size: 70%;}
		20% {background-position: 40% 70.5%;background-size: 70%;}
		40%  {background-position: 40% 70%;background-size: 70%;}
		70% {background-position: 40% 70.5%;background-size: 70%;}
		100%  {background-position: 40% 70%;background-size: 70%;}
	}
	@-moz-keyframes carMoving{
		0% {background-position: 40% 70%;-moz-transform: translateX(0);}
		10% {background-position: 35% 70%;-moz-transform: translateX(0%);}
		30% {background-position: 35% 70%;-moz-transform: translateX(0%);}
		100% {background-position: 40% 70%;-moz-transform: translateX(100%);}
	}
	@-moz-keyframes flashText{
		from {opacity: 0;}
		to {opacity: 100;}
	}
	.slideInFromRight,
	.slideInFromLeft,
	.slideOutToLeft,
	.slideOutToRight,
	.slideOutToUp,
	.slideInFromDown {
		-webkit-animation-timing-function: ease;
		-webkit-animation-duration: 0.4s;
		/*-webkit-animation-fill-mode: forwards;*/
		
		-moz-animation-timing-function: ease;
		-moz-animation-duration: 0.4s;
		/*-moz-animation-fill-mode: forwards;*/
	}
	.slideOutToUp {
		-webkit-transform: translateY(-100%);
		-webkit-animation-name: slideOutToUp;
		
		-moz-transform: translateY(-100%);
		-moz-animation-name: slideOutToUp;
	}
	.slideInFromDown {
		-webkit-transform: translateY(0);
		-webkit-animation-name: slideInFromDown;
		
		-moz-transform: translateY(0);
		-moz-animation-name: slideInFromDown;
	}
	.slideInFromRight {
		-webkit-transform: translateX(0);
		-webkit-animation-name: slideInFromRight;
		
		-moz-transform: translateX(0);
		-moz-animation-name: slideInFromRight;
	}
	.slideInFromLeft {
		-webkit-transform: translateX(0);
		-webkit-animation-name: slideInFromLeft;
		
		-moz-transform: translateX(0);
		-moz-animation-name: slideInFromLeft;
	}
	.slideOutToLeft {
		-webkit-transform: translateX(-100%);
		-webkit-animation-name: slideOutToLeft;
		-moz-transform: translateX(-100%);
		-moz-animation-name: slideOutToLeft;
	}
	.slideOutToRight {
		-webkit-transform: translateX(100%);
		-webkit-animation-name: slideOutToRight;
		-moz-transform: translateX(100%);
		-moz-animation-name: slideOutToRight;
	}

	.pressToShake {
		-webkit-transform: rotate(-60deg);
		-webkit-animation: pressToShake 1s ease;
		z-index: 2;
		-moz-transform: rotate(-60deg);
		-moz-animation: pressToShake 1s ease;
		top: 548px;
		
	}
	.slideFadeIn {
		-webkit-animation: slideFadeIn 1s ease;
		-moz-animation: slideFadeIn 1s ease;
	}
	.slideFadeOut {
		-webkit-animation: slideFadeOut 1s ease;
		-moz-animation: slideFadeOut 1s ease;
	}
	.shakePhone{
		-webkit-transform: rotate(0deg);
		-webkit-animation: shakePhone 1.5s linear;
		-moz-transform: rotate(0deg);
		-moz-animation: shakePhone 1.5s linear;
	}
	.shakeGesture{
		-webkit-transform: translate(0,0);
		-webkit-animation: shakeGesture 1.5s linear;
		-moz-transform: translate(0,0);
		-moz-animation: shakeGesture 1.5s linear;
	}
	/* effect for new Compaign*/


	.clickButtonBrightness{
		-webkit-animation-timing-function: ease;
		-webkit-animation-duration: 0.5s;
		-moz-animation-timing-function: ease;
		-moz-animation-duration: 0.5s;
	}
	.clickButtonBrightness{
		-webkit-filter: brightness(50%);
		-webkit-animation-name: clickButtonBrightness;
		-moz-filter: brightness(50%);
		-moz-animation-name: clickButtonBrightness;
	}

	.zoomIn{
		-webkit-animation: zoomIn 1s ease;
		-moz-animation: zoomIn 1s ease;
		width: 1000px !important;
		height: 1000px !important;
	}

	.bgScrollToRight{
		-webkit-animation: bgScrollToRight 1.5s ease;
		-moz-animation: bgScrollToRight 1.5s ease;
		background-position-x: 100%;
	}
	.bgScrollToLeft{
		-webkit-animation: bgScrollToLeft 1.5s ease;
		-moz-animation: bgScrollToLeft 1.5s ease;
		background-position-x: 0%;
	}
	.bearScrollToRight{
		-webkit-animation: bearScrollToRight 0.8s ease;
		-moz-animation: bearScrollToRight 0.8s ease;
		background-position-x: 100%;
	}
	.h460 .roadScrollToRight{
		-webkit-animation: roadScrollToRight460 1.28s ease;
		-moz-animation: roadScrollToRight460 1.28s ease;
		background-position-x: -2100%;
	}
	.h548 .roadScrollToRight{
		-webkit-animation: roadScrollToRight548 0.8s ease;
		-moz-animation: roadScrollToRight548 0.8s ease;
		background-position-x: -1400%;
	}

	.slideOutToRight {
		-webkit-transform: translateX(100%);
		-webkit-animation-name: slideOutToRight;
		-moz-transform: translateX(100%);
		-moz-animation-name: slideOutToRight;
		-webkit-animation-timing-function: ease;
		-webkit-animation-duration: 0.7s;
		-moz-animation-timing-function: ease;
		-moz-animation-duration: 0.7s;
	}
	.carShake{
	  -webkit-animation: carShake 0.5s infinite; /* Safari 4+ */
	  -moz-animation:    carShake 0.5s infinite; /* Fx 5+ */
	  animation:         carShake 0.5s infinite; /* IE 10+, Fx 29+ */
	}
	.carMoving{
	  -webkit-animation: carMoving 2s ease; /* Safari 4+ */
	  -moz-animation:    carMoving 2s ease; /* Fx 5+ */
	  animation:         carMoving 2s ease; /* IE 10+, Fx 29+ */
	  background-position: 40% 60%;
	  -webkit-transform: translateX(100%);
	  -moz-transform: translateX(100%);
	}
	.flashText{
		-webkit-transform: rotate(0deg);
		-webkit-animation: flashText 2s infinite;
		-moz-transform: rotate(0deg);
		-moz-animation: flashText 20%s infinite;
	}