@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@900&family=Montserrat:ital,wght@1,900&family=Roboto:wght@300&display=swap');
@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
*{box-sizing:border-box; margin:0; padding:0; font-family:'Roboto', sans-serif; }
body{background: #04254a;}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
.section{
	text-align: center; overflow: hidden;
}
a{color:#b1d5ff;}


@font-face {
    font-family: 'passion_oneregular';
    src: url('fonts/passionone-regular-webfont.woff2') format('woff2'),
         url('fonts/passionone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'passion_onebold';
    src: url('fonts/passionone-bold-webfont.woff2') format('woff2'),
         url('fonts/passionone-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.logo-carrom{position:fixed; z-index: 100; top:10px; left:5%; width:auto; padding:2vw 0; }
.logo-carrom img{display:inline-block; vertical-align: middle; width: 3vw;}
.logo-carrom span{font:bold 1.7vw 'Roboto', sans-serif;  color:#ffffff; text-align: center; display: inline-block; vertical-align: middle; padding:0 10px;
  -webkit-text-stroke-color: white; line-height: 1; }
.logo-carrom span b{display:block; font-size:1.7vw; font-weight: normal;}
/* Menu
 * --------------------------------------- */

.toggle{display:block; height:7.8vw; width:7.8vw; border-radius:100%; position: absolute; right:30px; top:10px; padding:0; z-index: 1001; background:url("data:image/webp;base64,UklGRmwDAABXRUJQVlA4TF8DAAAvQUAQEK/BppEkR32G0PNn89l/fHYtDUZtJDkqIMsf2v72cr7uHsZt2wbi5Xv7b3tnMYokSVH+VsL6l7V3Z4CZMYCs/m/63TfrzvlGfywxZT8Z56w3kbz9I1/2PeL8Y9zZWyKEHlZzFUnki2hSqDFFlKe9+n/qf9p/CmpKAB0YwZkoC3ZKXbCAgnKDHZxgBAs4wV4QKckAQbbttE1cZq6hkR0wKJHCsP+9xfpPltQF6Ef037UkqXGzC9EKHU+xBPqE0XDu13op22YeuZVLvd6PPPO8Ud3cyk7x2R9O2ozMEElAn/xgp2o4Zh1itXPHQdc0MkWEgVofHLGSRE2HkAq5csFRQTWxEQt1HL7nwlSWyC/xSwCJxdAtt3KO1a+NdLppcjsIm444jqQ9aYAIw7rNEN3NQdScmxWiFH/MsRRFlgJBzS53co6jP6mI+dfby+Mdc3x5+8pFTH96gUzaFhwXphOVVeLj8TpB5McPUWU/FlscMRT0Hy7zt7vETn7Ly98fbAr/gbHn1edNMow3XOV9ENgKfUJyDvx7LF6S4WQx/oYmDxS6b4ke5/eJCzkfU9k3mu5YGzFTF9eJG7no5YRYvaNreif64q52kWaDlpxq4Lm4Tdx5K3Jk9ckcp+DqKfHBJ7YOn7vLGrMtPxM/5BI13XkUN6DN0A7OG2TGEqPZ9LNpW70mvsjVpTEQ+8kdbVNx4w03glF3tAd98Z7447tgZtLdr2k/FQ8ewSIFWGuKLF55BGcRdPWS7lp8Jj7JBcBS0pHy1Su4BJAtwItXPCO0DUEqHr3iEU1sIsXfnVfwH1po4veCW6+4hWjC/zRt+HArwy2jkMvw/8OlviDwt6DX4b/H9T78mbAfdYHOpR9merJFFfpsVKO4mYU5nwE2/S0T6I5gdMtEHfae0uZtG+KupJeMedtGFfK+VjTrCJAzWLIOMOwzb0HjIPvqD4YguZM8wAyQLPGdv+HiQs2I+c0hlS0TpuYnj2XDF0drNu4pl8Yp6G5ARQDMPZ83P6PtoKrErGkcagpLQdBthlVGxqBrXQNGt4OrsxkWLsXVfLFzqBBt5eEvXWorEufq6FalYjHFJSZQcuVeKeM6l0SgqvXBR7VOxaBiu1Y7by8Gs2HsXww8v1pYngucXi3+wctJBAA=") center center no-repeat; background-size:48% auto; }
.toggle.active{background:none;}
.toggle span{height:0.2vw; width: 1.5vw; background:#000000; display: block; position: absolute; top:50%; transform: translate(-50%,-50%); left:50%; border-radius:15px;}
.toggle span, .toggle span:before, .toggle span:after{transition:ease-out 0.3s;}
.toggle span:before{content:''; height:0.2vw; width:100%; background:#000000; display: block; position: absolute; top:-7px; transform: rotate(0deg); left:0; border-radius:15px;}
.toggle span:after{content:''; height:0.2vw; width:100%; background:#000000; display: block; position: absolute; bottom:-7px; transform: rotate(0deg); left:0; border-radius:15px;}

.toggle.active span{background:none;}
.toggle.active span:before{transform:rotate(45deg); background: #000000; top:0;}
.toggle.active span:after{transform:rotate(-45deg); background: #000000; bottom:0;}

#menu-full{height:100vh; width:100%; position: absolute; z-index: 100; background:rgba(0,0,0,0.8); display: none;}
#menu-full ul{ list-style: none; display: flex; align-items: flex-start; justify-content: center; flex-flow: column; padding-left:10vw; height: 100vh; width:100%;}
#menu-full ul li{display:block; padding:1.5vw 0; position: relative; left:-100%;}
#menu-full ul li a{text-decoration: none; color: #ffffff; font-family:'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 5vw; transition: ease 0.3s; display: block;
  /* -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
	box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
	*/
}


#menu-full ul li a:first-letter{color:#df1871;}

#menu-full ul li:first-child{-webkit-animation:0.8s tiles-appear 0.2s forwards; }
#menu-full ul li:nth-child(2){-webkit-animation:0.8s tiles-appear 0.4s forwards; }
#menu-full ul li:nth-child(3){-webkit-animation:0.8s tiles-appear 0.6s forwards; }
#menu-full ul li:nth-child(4){-webkit-animation:0.8s tiles-appear 0.8s forwards; }
#menu-full ul li:nth-child(5){-webkit-animation:0.8s tiles-appear 1s forwards; }


#menu-full-striker{background:rgba(0,0,0,0.8);  z-index: 100; position: absolute; width:100%; height: 100vh;}
#menu-full-striker ul{ list-style: none; display: flex; align-items: flex-start; justify-content: left; flex-flow: row; padding:5vh 0 0 10vw; height: 100vh; width:100%;}
#menu-full-striker ul li{margin-right:6vw; position:relative;}
#menu-full-striker ul li:after{content:''; background:url("imgs/coin.webp") center bottom no-repeat; background-size:100% auto;  width:4vw; height:2.5vw; display:inline-block; position:absolute; left:0; right:0; margin:auto;}
#menu-full-striker ul li a{text-decoration: none; color: #ffffff; font-family:'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 3vw; transition: ease 0.3s; display: block;}
#menu-full-striker .striker{position:absolute; bottom:2vh; left:0; width:7vw; transform:translate(35vw,0);}
#menu-full-striker .striker img{-webkit-animation:5s rotate-str linear infinite;}


#menu-full-striker .striker.home-click{	-webkit-animation:0.5s home-click 0.5s forwards; -webkit-animation-timing-function: ease-in;}
#menu-full-striker .striker.about-click{	-webkit-animation:0.5s about-click 0.5s forwards; -webkit-animation-timing-function: ease-in;}	
#menu-full-striker .striker.download-click{	-webkit-animation:1.2s home-click 0.5s forwards; -webkit-animation-timing-function: ease-out;}	
#menu-full-striker .striker.rules-click{	-webkit-animation:1.2s home-click 0.5s forwards; -webkit-animation-timing-function: ease-out;}	
#menu-full-striker .striker.faq-click{	-webkit-animation:1.2s home-click 0.5s forwards; -webkit-animation-timing-function: ease-out;}	


#menu-full-striker2{height:100vh; width:100%; position: relative; background:url("imgs/carrom-covner.webp") left center no-repeat; background-color:#000000; background-size:100% auto; z-index: 1000; display: none;}
#menu-full-striker2 ul li, #menu-full-striker2 ul li a{display:inline-block;}
#menu-full-striker2 ul li{width:7vw; position: absolute;}
#menu-full-striker2 ul li a{position: relative; z-index: 10;}

#menu-full-striker2 ul li a:hover{-webkit-animation:0.3s coin-hover 0.05s forwards;}

#menu-full-striker2 ul li a img{display:block;border-radius:100%; transition: ease-in-out 0.5s; position: relative;}
#menu-full-striker2 ul li a:before{content:''; position: absolute; border-radius:100%; transition: ease-in-out 0.5s;border:2px dashed #ffffff;width:calc(100% + 8px); height:calc(100% + 8px); top:50%; left:50%; transform: translate(-50%,-50%); opacity:0; -webkit-animation:5s rotate-coin linear infinite;}

#menu-full-striker2 ul li a:hover:before{ /* box-shadow:0 0px 50px rgba(255,255,255,1);*/ background:none; opacity:1;transform: translate(-50%,-50%);}



#menu-full-striker2 ul li:hover:after{left:100%; opacity:1; text-align: right;}





@-webkit-keyframes home-click-coin {
	0% {right: 27vw; top: 10vh;-webkit-animation-timing-function: ease-out;}
	70%{top: calc(100% - 17vw); right:70vw; transform:scale(1,1); opacity: 1;}
	100%{top: calc(100% - 17vw); right:70vw; transform:scale(0.6,0.6); opacity: 0; -webkit-animation-timing-function: ease-out;}
}
@-webkit-keyframes about-click-coin {
	0% {right: 29vw;  top: 29vh;-webkit-animation-timing-function: ease-out;}
	70%{top: calc(50% + 10vw); right: 70vw; transform:scale(1,1); opacity: 1;}
	100%{top: calc(50% + 10vw); right: 70vw; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
}
@-webkit-keyframes download-click-coin {
	0% {right: 26vw; top: 47vh;-webkit-animation-timing-function: ease-out;}
	70%{top: calc(50% + 10vw); right: 70vw; transform:scale(1,1); opacity: 1;}
	100%{top: calc(50% + 10vw); right: 70vw; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
}
@-webkit-keyframes rules-click-coin {
	0% {right: 18vw; top:63vh; -webkit-animation-timing-function: ease-out;}
	40%{right: 65vw; top: calc(100% - 8vw); -webkit-animation-timing-function: ease-out;}
	70%{top: calc(100% - 18vw); right: 70vw; transform:scale(1,1); opacity: 1;}
	100%{top: calc(100% - 18vw); right: 70vw; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
}
@-webkit-keyframes faq-click-coin {
	0% {right: 15vw; top: 60vh;-webkit-animation-timing-function: ease-out;}
	40%{right: 60vw; top: calc(100% - 11vw); -webkit-animation-timing-function: ease-out;}
	70%{top: calc(100% - 18vw); right: 70vw; transform:scale(1,1); opacity: 1;}
	100%{top: calc(100% - 18vw); right: 70vw; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
}


@-webkit-keyframes rotate-str {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }	
}
@-webkit-keyframes rotate-coin {
    0% {
        transform:translate(-50%,-50%) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) rotate(360deg);
    }	
}



#menu li {
	display:inline-block;
	margin: 10px;
	color: #FFF;
}
#menu li.active a{
	background:#df1871;
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #ffffff;
	font-family:'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:32px;
	transition: ease 0.3s;
}
#menu li.active a:hover{
	color: #ffffff;
}
#menu li:hover a{
	background:#df1871;
}
#menu li a,
#menu li.active a{
	padding: 0px 5px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:50px;
	right:30px;
	z-index: 70;
	padding: 0;
	margin:0;
	
}


.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.twitter-share-button{
	position: fixed !important;
	z-index: 99;
	right: 149px;
	top: 9px;
}

#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}

#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}

/* Section 1
 * --------------------------------------- */
#section1 h1{
	color: #444;
}
#section1 p{
	color: #333;
	color: rgba(0,0,0,0.3);
}

/* Section 2
 * --------------------------------------- */
#section2 h1,
#section2 p{
	z-index: 3;
}
#section2 p{
	opacity: 0.8;
}

#section2 #colors{
	right: 60px;
	bottom: 0;
	position: absolute;
	height: 413px;
	width: 258px;
	background-image: url(imgs/colors.gif);
	background-repeat: no-repeat;
}

/* Section 3
 * --------------------------------------- */
#section3 #colors{
	left: 60px;
	bottom: 0;
}
#section3 p{
	color: #757575;
}


/* Section 4
 * --------------------------------------- */
#section4 p{
	opacity: 0.6;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #AAA;
}


.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#starGithub{
	position: fixed;
	z-index: 99;
	right: 264px;
	top: 9px;
	width: 90px;
}

.object-bg{background-attachment: fixed;}
#section1 .object-bg{
	height:100vh; width:100%;
	background-image: url(imgs/bg1.webp);
	background-size:cover;
	transition:0.6s all 0s;
}
.section .object-bg:hover{
/*	filter: blur(4px);*/
	}
#section2 .object-bg{
	height:100vh; width:100%;
	background-image: url(imgs/bg2.webp);
	background-size:cover;
	transition:0.6s all 0s;

}
#section3 .object-bg{
	height:100vh; width:100%;
	background-image: url(imgs/bg3.webp);
	background-size:cover;
	transition:0.6s all 0s;		
}
#section4 .object-bg{
	height:100vh; width:100%;
	background-image: url(imgs/bg4.webp);
	background-size:cover;
	transition:0.6s all 0s;		
}



a.download-cta{width:auto; display:inline-block; padding:8px 30px; color:#fcf337; font-size:1.6vw; white-space: pre; letter-spacing: 1px; cursor: pointer; text-decoration: none; position: absolute; top:12vw; left:50%; transform:translate(-50%,0); text-transform: uppercase; font-weight: bold; opacity:0; border-radius:8px; transition: ease 0.5s; border:1px solid #ffffff;}
a.download-cta:active, a.download-cta:hover{ box-shadow:0 0 0 rgba(183,20,93,1); background:#de1871; border:1px solid #de1871; color:#ffffff;}

body.active-anim a.download-cta{-webkit-animation: 1.8s appear 1s linear forwards;}


#section1 .object-blur{width:30vw; position: absolute; left:51%; top:50%; transform: translate(-50%,-50%); transition: 0.6s all 0s; z-index: 2;}
#section1 .object-blur:hover{filter: blur(4px);}	
img{max-width:100%; display: block;}

.content{position:absolute; top:50%; left:30%; transform: translate(-50%,-50%); z-index: 100; z-index: 2;}
#section2 .content h2:first-letter, #section4 .content h2:first-letter, #section3 .content h3:first-letter{color:#df1871;font-family:'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }

.content h2, .content h3{font-family:'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color:#ffffff; text-transform: uppercase; padding:0; margin:0; line-height: 0.8;}


.content p{font-family:'Roboto', sans-serif;  color:#ffffff;}

#section2 .content h2{font-size:8vw; }
#section2 .content h3{font-size:3.5vw;}
#section2 .content .imgs{padding:0 15vw;}
.carrom-inside{right:-100%; position: absolute; top:0; height: 100vh; width:auto; transition:1.5s ease 0.8s;}
.carrom-inside img{height:100vh; width:auto;}

#section3 .pp-tableCell{overflow: hidden; position: relative;}
#section3 .content h2{font-size:9vw; text-align: left;}
#section3 .content h3{font-size:6vw; text-align: left; letter-spacing: 0.3vw;}

#section3 .larg-text{position: absolute; top:42%; left:12%; transform: translate(0,-50%); z-index: 1; transition:1.2s ease-in-out 1.4s; width:40%;opacity:0;}
#section3.active .larg-text{width:23%; opacity:1;}

#section4 .pp-tableCell{overflow: hidden; position: relative;}
#section4 .content h2{font-size:6.5vw; text-align: left;}
#section4 .content h3{font-size:8vw; text-align: left;}

#section4 .larg-text{position: absolute; top:45%; left:8%; transform: translate(0,-50%); z-index: 1; transition:1.2s ease-in-out 1.4s; width:45%; opacity:0;}
#section4.active .larg-text{width:35%; opacity:1;}
#section4 .content{left:27%;}


.shake, .shake2, .shake3 {
	display:block;
	position:relative;
}



.active .shake {	 
	animation: spaceboots 0.6s ease 0.5s forwards;
}
.active .shake2{
	animation: spaceboots 0.5s ease 0.5s forwards;

}		
.active .shake3{
	animation: spaceboots 0.5s ease 0.5s forwards;
}		

.active .carrom-inside{right:0;
}

.footer-carrom{position:absolute; background:#000000; z-index: 10; width:100%; top:100%; left:0; display: flex; padding:40px 0; font-family:'Roboto', sans-serif; align-items: flex-start;
    justify-content: space-around; transition:ease all 0.8s;}
.footer-carrom.active-up{top: calc(100% - 170px);}
.footer-carrom h4{color:#ffffff; font-weight: bold; font-size:1.2vw; margin-bottom:20px;}

.footer-carrom > div{color:#a6a6a6; padding:0 50px; border-right:1px solid #202020; width:25%;}
.footer-carrom > div:nth-child(5) img{width:60%;}
.footer-carrom > div a{color:#a6a6a6; font-size:0.9vw; text-decoration: none; }


.footer-carrom .social-icons-nav a{opacity:0.5;}
.footer-carrom .social-icons-nav a:hover{opacity:1;}

.footer-carrom > div:nth-child(3), .footer-carrom > div:nth-child(4){width:35%;}
.footer-carrom > div:nth-child(3) a{display:inline-block;}
.footer-carrom > div:nth-child(4) img{width:45%; display: inline-block;}
.footer-carrom > div:first-child ul li,.footer-carrom div:nth-child(2) ul li{list-style: none; padding:8px 0; font-weight: bold;}

.footer-carrom i{font-size:2vw; margin-right:0.5vw;}

.footer-click{position:absolute; bottom:100%; width:40px; background:#000000; cursor:pointer; text-align: center; padding:0; }
.footer-click img{display:block; margin:0; transition:ease all 0.8s;}

.footer-click.active img{transform: rotate(-180deg);}

/* inside page*/

#inside{background-color:#000000; height:100vh; width:100vw;}
.download{background:url(imgs/download.webp); background-size:cover; position: relative;}
.rules{background:url(imgs/bg2.webp); background-size:cover; }
.about, .terms, .legal{background:url(imgs/about.webp); background-size:cover; }
.faq{background:url(imgs/bg-faq.webp); background-size:cover; }

#inside .content h2{font-size:4.5vw; text-align: left; letter-spacing: 0.1vw;margin-bottom: 2vh;}
#inside .content h2::first-letter{color:#df1871; }
#inside .content h3{font-size:6vw; text-align: left;}
#inside .content p{font-size:1.2vw; text-align: left;padding:0.5vh 0 1vh; line-height: 1.3;}
#inside .content p u, #inside .content ul li, #inside .content ol li{color:#000000;}
#inside .content ul{list-style:disc outside; margin-left: 25px;}

#inside .content ol{list-style:outside; margin-left:30px;}
#inside .content ol[type="a"]{ list-style: lower-alpha;}
#inside .content ol[type="1"]{ list-style:decimal;}
#inside .content ol[type="I"]{ list-style:lower-roman;}

#inside .content ol li,#inside .content ul li{font-size: 0.9vw;    text-align: left;    padding: 0.5vh 0 1vh; }
#inside .content ol li:before,#inside .content ul li:before{display:none;}
#inside.rules .content li{color: #ffffff;}

#inside .content .app-links{padding:25px 0; display: flex; justify-content: flex-start; align-items: flex-start; }
.content .app-links a{ display: block; width:11vw; margin-right:6vw;}
.download-form{padding:40px; border-radius:10px; background:rgba(255,255,255,0.2); display: inline-block; border:2px solid #474747;}
.download-form span{display:block; margin-bottom:20px; font:normal 42px 'passion_oneregular'; color:#ffffff; }


.download-form{text-align:left;}
.download-form input[type="text"]{background:#ebebea; font-size: 16px;padding:12px; outline:none; border:0; margin-right:10px; font-weight: bold; color:#333333;}
.download-form button{background:#d5379e; font-size:16px;padding:12px; outline:none; border:0; color:#ffffff;}
#inside .content{transform: translate(0,0); top:20%; width:90%; left:5%;}
.faq .text, .rules .text, .legal .text{background:rgba(7,58,106,0.9); padding:30px; border-radius:15px;}


#inside .games.content{position:absolute; width: 600px; max-width:90%; right: 0; left: 100%; top:50%; transform: translate(0,-50%); height:100vh; z-index: 10002; padding:20px;  background:rgba(0,0,0,0.85);   border-left:1px solid rgba(255,255,255,0.4); transition: ease 0.52s;}
#inside .games.content.active{left: calc(100% - 600px);}

#inside .games.content h3{font-size:2.5vw; text-align: left;}
#inside .games.content h3::first-letter{color:#df1871;}

.games.content span.click{position: absolute; background:rgba(0,0,0,0.7); left:-58px; top:50%; transform: translate(0,-50%); padding:10px 5px 10px 15px; border-radius:20px 0 0 20px; border:1px solid rgba(255,255,255,0.4); border-right:0; cursor: pointer;}
.games.content span.click img{width:37px; height: auto;}
.games.content span.click:hover img{animation: jurk ease 1s infinite;}
.games.content span.click b{font-size:12px; color:#ffffff; position: absolute; white-space: pre; right:100%; top:50%; transform: translate(0,-50%); padding:10px; opacity:0; transition: ease 0.2s; text-shadow: 0px 0px 3px rgba(0,0,0,1);}
.games.content span.click:hover b{opacity:1; }


.games .wrap{width:100%; display: flex; height:calc(100vh - 100px); flex-wrap:wrap; align-items: flex-start; justify-content:flex-start; align-content: flex-start; }
.games center{width:100%; text-align: center;}
.games .game-icon {    text-align: center;    width: 80px;    margin: 40px 10px 0 0;}
.oGame-title{font-size:14px; color:#ffffff;}

.games .game-icon img {    border-radius: 20px;    transition: ease all 0.3s;}
.games .game-icon:hover img {    transform: scale(1.18);    box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.games .oGame-title {    font-size: 13px;    padding-top: 10px;}
.overlay{background:rgba(0,0,0,0.8); height: 100vh; width:100vw; position: fixed; z-index: 10001;}
.close-popup{ height: 5px; width:25px; background: #ffffff; display: block; border-radius:5px; position: absolute; transform: rotate(47deg); right: 30px;    top: 10px;}
.close-popup:after{content:''; height: 5px; width:25px; background: #ffffff; display: block; border-radius:5px; position: absolute; transform: rotate(-95deg);}


.scroll-game{width:2050px; display: flex; flex-wrap: nowrap;}


/* accordion */

.accordion-container{  position: relative; height: auto;}
.accordion-container > h2{  text-align: center;  color: #fff;  margin-bottom: 20px;  padding-bottom: 15px;  border-bottom: 1px solid #ddd;}

.content-accordion{  display:none; padding:20px 15px;}
.content-accordion p{  padding: 10px 15px;  margin: 0;  color: #ffffff;}
.content-accordion ul, .tab-container ul{list-style:none;}
.content-accordion ul li, .content-accordion p, .tab-container li, .tab-container p{font-size:1.2vw!important; padding:0.4vw 0; line-height: 1.3; position: relative; padding-left:1.2vw;}
.content-accordion ul li:before, .tab-container li:before{content:''; width:0.7vw; height:0.7vw; border-radius:100%; background:#ffffff; display: block; position: absolute; top:0.8vw; left:0;}

.tab-container{width:100%; background:none; padding-right: 20px;    height: 60vh;    overflow: auto; }
.tab-anchor{display:flex;align-content: space-between;}
.tab-anchor a{width:50%; text-align: center; padding:10px 20px; margin:auto; font-size:2.2vw; font-family:'passion_oneregular',"Gill Sans"; text-decoration:none; color:#ffffff; display: block; background:#8f256c; }
.tab-anchor a i{font-size:2.5vw; display:inline-block; margin-left:10px; transition: ease 0.3s;}
.tab-anchor a.active i{transform:rotate(90deg);}
.tab-anchor a:hover, .tab-anchor a.active{background:#d5379e;}
.tab-anchor a:first-child{border-radius:20px 20px 0 0; border-right:2px solid #00203e;}
.tab-anchor a:last-child{border-radius:20px 20px 0 0;}
.tab-content{padding:20px 30px 30px; background:#1c4595; border-radius:0 0 20px 20px;}
.tab-content > div{ padding-right:10px;}

/* faq */
#faq_sec{height:60vh; overflow: auto;}
.colaps .set{ margin-bottom:15px;  }
.colaps .set a.active{background: #0c54a5; color: #ffffff; border:2px solid #5286e9; border-bottom:0;}
.colaps .set .content-accordion p {color: #000;padding: 10px;}
.colaps .set .content-accordion p a{color: #3074e6}
.colaps .set > a{font-size: 1.4vw; position:relative; color: #fff; background:#021e3e; border-radius:0px; border:2px solid #5286e9; padding: 10px; padding-left:20px; padding-right: 4vw; font-weight: bold; font-family: 'Roboto', Helvetica, Arial, "sans-serif";}
.colaps .set > a:after{display: none}
h2.title_faq{margin-bottom: 2vw;}
.colaps .set.active-par{background:#ffffff;}
.set{  position: relative;  width: 100%;  height: auto;  }
.set > a{  display: block;  padding: 10px 0;  text-decoration: none;  color: #ffffff;  -webkit-transition:all 0.2s linear;  -moz-transition:all 0.2s linear;  transition:all 0.2s linear; font-size:2.5vw;
 font-family: 'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
.set > a:after{content:'>'; transition: ease 0.2s; display:inline-block; margin-left: 20px;}
.set > a.active:after{transform:rotate(90deg);}

.set > a i{  float: right; position: absolute; right: 15px; top: 50%; transform: translate(0,-50%);}
.set > a.active{  color: #fff;}
.set > a.active i{color:#ffffff;}



@media (min-width: 1025px) {
/* scroll bar */
/* width */
::-webkit-scrollbar { width: 5px; display: block;}
/* Track */
::-webkit-scrollbar-track {  border-radius: 0px;	background:rgba(47,126,215,0.6); margin:0; }
/* Handle */
::-webkit-scrollbar-thumb {  border-radius: 0px; background:#2f7ed7;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {  background:rgba(255,255,255,1); }
#faq_sec{padding-right: 20px;}
}


@media (min-width: 513px) {
	#menu-full-striker2 ul li:after{padding:0.4vw 0.8vw; border-radius:1vw; color:#ffffff; font-weight: bold; position: absolute; top:50%; transform:translate(0,-50%); width:auto; left:80%; opacity:1; transition: ease-in-out 0.5s; margin-left: 10px; font-family:'passion_oneregular'; letter-spacing: 1px; background:-webkit-linear-gradient(90deg, rgba(240,183,86,1) 55%, rgba(252,243,226,1) 55%); font-size:1.6vw;
	; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	
	#menu-full-striker2 ul li:first-child:after{content:'HOME';}
	#menu-full-striker2 ul li:nth-child(2):after{content:'DOWNLOAD';}
	#menu-full-striker2 ul li:nth-child(3):after{content:'RULES';}
	#menu-full-striker2 ul li:nth-child(4):after{content:'FAQ';}
	/*#menu-full-striker2 ul li:nth-child(5):after{content:'';}	*/
	
	#menu-full-striker2 ul li:first-child{ right: 27vw; top: 10vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(2){right: 29vw; top: 29vh; transition:0.5s ease 0.3s;}
	#menu-full-striker2 ul li:nth-child(3){right: 26vw; top: 47vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 ul li:nth-child(4){right: 18vw; top: 63vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(5){right: 13vw; top: 60vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 .striker{position:absolute; top:10px; right:30px; width:7.7vw; display:block;  }
	#menu-full-striker2 .striker img{display:block;/*-webkit-animation:5s rotate-str linear infinite;*/}

	#menu-full-striker2 .striker.home-click{	-webkit-animation:0.4s home-click 0.1s forwards;}
	#menu-full-striker2 .striker.about-click{	-webkit-animation:0.4s about-click 0.1s forwards;}
	#menu-full-striker2 .striker.download-click{	-webkit-animation:0.4s download-click 0.1s forwards;}
	#menu-full-striker2 .striker.rules-click{	-webkit-animation:0.4s rules-click 0.1s forwards;}
	#menu-full-striker2 .striker.faq-click{	-webkit-animation:0.4s faq-click 0.1s forwards;}	

	#menu-full-striker2 ul li.home-click-coin{  -webkit-animation:0.4s home-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.about-click-coin{ -webkit-animation:0.4s about-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.download-click-coin{ -webkit-animation:0.4s download-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.rules-click-coin{ -webkit-animation:0.4s rules-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.faq-click-coin{ -webkit-animation:0.4s faq-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	.home-click-coin:after, .download-click-coin:after, .about-click-coin:after, .download-click-coin:after, .rules-click-coin:after, .faq-click-coin:after{opacity:0!important;}


	@-webkit-keyframes coin-hover {
		0% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}
		50% {transform: scale(1.1,1.1); -webkit-animation-timing-function: ease-in;}
		100% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}	
	}

	@-webkit-keyframes home-click {
		0% {right:1.5vw;-webkit-animation-timing-function: ease-in;}
		100% {right: 25vw; top: 3.15vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes about-click {
		0% {right:1.5vw; top:10px;-webkit-animation-timing-function: ease-in;}
		100% {right: 23.8vw; top: 21vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes download-click {
		0% {right:1.5vw; top:10px;-webkit-animation-timing-function: ease-in;}
		100% { right: 22vw;    top: 40vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes rules-click {
		0% {right:1.5vw; top:10px;-webkit-animation-timing-function: ease-in;}
		100% {    right: 15vw; top: 55.8vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes faq-click {
		0% {right:1.5vw; top:10px;-webkit-animation-timing-function: ease-in;}
		100% {right: 8vw; top: 52.8vh;-webkit-animation-timing-function: ease-in;}	
	}
	
	#menu-full-striker2 ul.inactive li{right:0; top:0; opacity:0;}
	
	
	

/* animations key frame */
@-webkit-keyframes tiles-appear {
	0% {left:-100%; -webkit-animation-timing-function: ease-out;}
	60% {left:10%; -webkit-animation-timing-function: ease-out;}
	100% {left:0; -webkit-animation-timing-function: ease-out;}
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(20px, 5px) rotate(0deg); opacity:1; }
	10% { -webkit-transform: translate(-10px, -2px) rotate(0deg);  opacity:1;}
	20% { -webkit-transform: translate(-25px, 0px) rotate(0deg); }
	30% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
	40% { -webkit-transform: translate(20px, -3px) rotate(0deg); }
	50% { -webkit-transform: translate(-15px, 5px) rotate(0deg); }
	60% { -webkit-transform: translate(-5px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(-20px, 1px) rotate(0deg); }
	80% { -webkit-transform: translate(-10px, -1px) rotate(0deg); }
	90% { -webkit-transform: translate(15px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(0px, 0px) rotate(0deg); opacity:1;}
}
	
	@-webkit-keyframes jurk {
	0% { -webkit-transform: translate(-5px, 0); }
	10% { -webkit-transform: translate(5px, 0);  }
	20% { -webkit-transform: translate(-5px, 0px); }
	30% { -webkit-transform: translate(0, 0px); }
	40% { -webkit-transform: translate(0, 0px); }
	50% { -webkit-transform: translate(0, 0px); }
	60% { -webkit-transform: translate(0, 0px); }
	70% { -webkit-transform: translate(, 0px); }
	80% { -webkit-transform: translate(5px, 0px); }
	90% { -webkit-transform: translate(-5px, 0px); }
	100% { -webkit-transform: translate(5px, 0px);}
}

@-webkit-keyframes appear {
  0%{

  }
  100% {
	  top:unset;
  }
}	
	
	
@-webkit-keyframes MoveUpDown {
  0%, 100% {
	  top:unset;
    top: 0;
  }
  50% {
	  top:unset;
    top: -10px;
  }
}	
	
	



@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }	
}


@-webkit-keyframes bounce-carrom {
    0% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    16%{
        top: 19vh;
        -webkit-animation-timing-function: ease-out;
    }
    32% {
        top: 5vh;
        -webkit-animation-timing-function: ease-in;
    }
	48%{
        top: 19vh;
        -webkit-animation-timing-function: ease-out;
    }	
    62% {
        top: 10vh;
        -webkit-animation-timing-function: ease-in;
    }
	78%{
        top: 19vh;
        -webkit-animation-timing-function: ease-out;
    }	
    90% {
        top: 15vh;
        -webkit-animation-timing-function: ease-in;
    }
	100% {
        top: 19vh;
        -webkit-animation-timing-function: ease-out;
    }	
}
@-webkit-keyframes carrom-baord {
    0% {opacity:0;
    }
    100%{
		opacity:1;
    }
}
@-webkit-keyframes carrom-goti{
    0% {
		left:-20%;
        top: -18vh;
        -webkit-animation-timing-function: ease-out;
    }
    16%{
        top: -15vh;
        -webkit-animation-timing-function: ease-in;
    }
    32% {
        top: 0;
        -webkit-animation-timing-function: ease-out;
    }
	48%{
        top: -12vh;
        -webkit-animation-timing-function: ease-in;
    }	
    62% {
        top: 0;
        -webkit-animation-timing-function: ease-out;
    }
	78%{
        top: -8vh;
        -webkit-animation-timing-function: ease-in;
		box-shadow: unset;		
        border: 0px solid #ffffff;		
    }	
    90% {
        top: 0;
        -webkit-animation-timing-function: ease-out;
    }
	100% {
		left:53%;
        top: 0vh;
        -webkit-animation-timing-function: ease-in;
    	border-radius: 100%;
		box-shadow: 0px 0px 30px rgb(255 255 255);		
        border: 5px solid #ffffff;
    }		
}
	
	
body.active-anim .anim-01{width:41vw; height: auto; position: absolute; z-index: 2; left:30%; transform:translate(0,20vh); -webkit-animation: bounce-carrom 1s forwards;}
body.active-anim .anim-02{width:25vw; height: auto; position: absolute; z-index: 1; left:32%; transform:translate(0,-54%); top:40%; opacity:0; -webkit-animation:0.3s carrom-baord 1.2s forwards;}
body.active-anim .anim-03{width:8.5vw; height: auto; position: absolute; z-index: 3; left:-20%; top:0; transform:translate(0,38vh) rotate(0deg); -webkit-animation:1s carrom-goti 1.5s forwards; }
.anim-03 img{display:block;}

.anim-03 .crown{content:''; position: absolute; height:auto; width:10vw; left: -0.80vw; bottom:88%; display: block; -webkit-animation:1s appear 3s forwards; opacity:0;}

.text-01{position: absolute; width:44vw; text-align: left;  right:0; margin:auto; left:-10vw; top:0%; opacity:0;}	
body.active-anim .text-01{-webkit-animation:1.8s MoveUpDown 2s infinite; opacity:1; transition:1s ease 2s; }
body.active-anim .text-01 span{font-family: 'passion_oneregular',"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 2.5vw; color:#ffffff; padding:0 1vw; }
.text-01 img{width:6vw; display: inline-block; vertical-align: middle;}
	
}

@media (max-width: 1024px) {
	#inside .content p{font-size:1.5vw;}
	#inside .content p br{display:none;}
	.content-accordion ul li, .content-accordion p, .tab-container li, .tab-container p, #inside .content ol li, #inside .content ul li{font-size:1.5vw!important;}
	.content-accordion{height:auto; max-height: inherit;}
	.content .app-links a{ display: block; width:15vw;}
	
	#faq_sec .set > a, .colaps .set > a{font-size:1.5vw;}
	#menu-full-striker2{background: url(imgs/carrom-covner.webp) -10vw -30vh no-repeat; background-size: 180% auto;}
	
	.download{position:relative;}
	
}

@media only screen and (max-width: 768px) and (orientation : landscape){
	.logo-carrom img{width:6vw;}
	.logo-carrom span{font-size:2vw;}
}

/*@media (max-width: 915px) and (orientation: landscape) {*/
@media only screen and (min-width: 500px) and (max-width: 915px) and (orientation : landscape) {		
	#menu-full-striker2{    background: url(imgs/carrom-covner-land.webp) left bottom no-repeat; background-size:120% auto; }
	
	.toggle span:before{    top: -4px;}
	.toggle span:after{    bottom: -4px;}
	
	.footer-carrom > div{padding:0 2vw;}
	.footer-carrom > div a{font-size:1.8vw;}
	.footer-carrom > div:nth-child(3), .footer-carrom > div:nth-child(4){width:25%;}
	.footer-carrom > div:nth-child(4) a{display:block;}
	.footer-carrom > div:nth-child(4) img{width:100%;}
	
	.tab-content > div{overflow: inherit;}
	#inside .content p{font-size:2vw;}
	#inside{position:relative;}
	#inside .content{width:100%; left:0; transform: translate(0,0); top:30%; bottom:inherit; padding:0 5%; }
	#faq_sec{height:auto; }
	.about .text, .download .text, .rules, #faq_sec{height:30vh; overflow: auto;}
	.tab-container{height:24vh;}
	.tab-container li, .tab-container p{font-size:2vw!important;}
	a.download-cta{top:90px; font-size:1.6vw; white-space: pre;}
}


@media screen and (max-device-width: 768px) and (orientation : portrait) {
	.toggle span:before{    top: -4px;}
	.toggle span:after{    bottom: -4px;}
	
	#pp-nav{top:calc(100% - 150px); }
	
	.anim-01 {    width: 90vw;    height: auto;    position: absolute;    z-index: 2;    left: 5%;    transform: translate(0,20vh);    -webkit-animation: bounce-carrom 1s forwards;}
	.text-01 {    position: absolute;    width: 44vw;    text-align: left;    right: 0;    margin: auto;    left: -40vw;    top:-20%;    opacity: 0;    transition: ease 0.2s;    -webkit-animation: 1s appear 2s forwards;}
	.anim-03 {    width: 20vw;    height: auto;    position: absolute;    z-index: 3;    left: -20%;    top: 0;    transform: translate(0,38vh) rotate(0deg);    -webkit-animation: 1s carrom-goti 1.5s forwards;}
	.text-01 img {    width: 13vw;    display: inline-block;    vertical-align: middle; display: none;}
	
	
	
	@-webkit-keyframes carrom-goti{
		0% {
			left:-20%;
			top: -18vh;
			-webkit-animation-timing-function: ease-out;
		}
		16%{
			top: -15vh;
			-webkit-animation-timing-function: ease-in;
		}
		32% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		48%{
			top: -12vh;
			-webkit-animation-timing-function: ease-in;
		}	
		62% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		78%{
			top: -8vh;
			-webkit-animation-timing-function: ease-in;
			box-shadow: unset;		
			border: 0px solid #ffffff;		
		}	
		90% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		100% {
			left:56%;
			top: 0vh;
			-webkit-animation-timing-function: ease-in;
			border-radius: 100%;
			box-shadow: 0px 0px 30px rgb(255 255 255);		
			border: 5px solid #ffffff;
		}		
	}	
	
	@-webkit-keyframes bounce-carrom {
		0% {
			top: 0;
			-webkit-animation-timing-function: ease-in;
		}
		16%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}
		32% {
			top: 5vh;
			-webkit-animation-timing-function: ease-in;
		}
		48%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
		62% {
			top: 10vh;
			-webkit-animation-timing-function: ease-in;
		}
		78%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
		90% {
			top: 15vh;
			-webkit-animation-timing-function: ease-in;
		}
		100% {
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
	}
	
	@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(20px, 5px) rotate(0deg); opacity:0; }
	10% { -webkit-transform: translate(-10px, -2px) rotate(0deg);  opacity:1;}
	20% { -webkit-transform: translate(-25px, 0px) rotate(0deg); }
	30% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
	40% { -webkit-transform: translate(20px, -3px) rotate(0deg); }
	50% { -webkit-transform: translate(-15px, 5px) rotate(0deg); }
	60% { -webkit-transform: translate(-5px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(-20px, 1px) rotate(0deg); }
	80% { -webkit-transform: translate(-10px, -1px) rotate(0deg); }
	90% { -webkit-transform: translate(15px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(0px, 0px) rotate(0deg); opacity:1;}
	}
	
	@-webkit-keyframes appear {
    0% {        opacity: 0;    }
    100% {        opacity: 1;    }	
	}
	
	
	.footer-carrom{flex-direction: row; position: fixed; flex-wrap: wrap; z-index: 10000; padding-top:0; height:100vh;} 	
	.footer-carrom > div:nth-child(5){padding:0 30%;}
	.footer-carrom > div, .footer-carrom > div:nth-child(3), .footer-carrom > div:nth-child(4){width:100%; text-align: center;}
	.footer-carrom i{font-size:7vw;}
	.footer-carrom h4{font-size:4vw;}
	.footer-carrom > div a{font-size:4vw;}
	.footer-carrom.active-up{top:calc(0px + 44px); height:100vh;}
	.footer-click{width:100%; text-align: center;} .footer-click img{width:40px; display: inline-block; vertical-align: top;}
	.footer-carrom > div:first-child ul li, .footer-carrom div:nth-child(2) ul li{text-align:center;}
	#inside .content{left:0; transform: translate(0,0); width:100%; padding:0 5%;}
	.colaps{padding:0;}
	#faq_sec .set > a{font-size:3.5vw; padding-right: 9vw;}
	#inside .content p{font-size:2.2vw!important;}
	.colaps.set .content-accordion p{font-size:3.5vw;}
	#inside .content h2{font-size:7vw;}
	.logo-carrom{width:auto; top:25px;}
	.logo-carrom img{width:10vw;}
	.logo-carrom span {font: bold 4vw 'Roboto', sans-serif;}
	.logo-carrom span b {font-size: 2.8vw;}

	.content-accordion{max-height:unset;}
	#inside .content .app-links{justify-content: space-between;}
	.content .app-links a{width:45%; margin:0;}
	
	
	.toggle{width:20vw; height:20vw; right: 10px; top: 10px;}
	.toggle span{width:4.1vw; height:2px;}
	.toggle span:before, .toggle span:after{height:2px;}
	#menu-full-striker2 .striker{width:20vw; height:20vw; top:10px; right:10px; display: block; position: absolute;}
	#menu-full-striker2{height: 100vh; width: 100%; position: relative; background: url(imgs/carrom-covner-mob.webp) bottom center no-repeat; background-color: #000000; background-size: 100% auto; z-index: 1000;}	
	
	/*home page*/
	.carrom-inside{height:auto; width:100%; right:0; transform:rotate(90deg); bottom:-100%; top:inherit;}
	.active .carrom-inside{bottom:-5%; right:0;opacity:1;}
	.carrom-inside img{width:100%; height:auto;}
	
	
	#section3 .object-bg{background:url(imgs/bg3-mob.webp) bottom center; background-size:cover; }
	#section4 .object-bg{background:url(imgs/bg4-mob.webp) bottom center; background-size:cover; }
	
	.content{width:100%; transform: translate(0%,-50%); left:0; top:35%;}
	#section2 .content .imgs{width:100%; padding:0 10vw;}
	#section2 .content h2{font-size:12vw;}
	#section2 .content h3 {    font-size: 5.5vw;}
	#section3 .content{left:5%; top:50%;}
	#section3 .content h3, #section4 .content h3{font-size:14vw; white-space: pre;}
	#section3 .content h2, #section4 .content h2{font-size:18vw; white-space: pre;}
	#section3.active .larg-text{width:42%;}
	#section4.active .larg-text{width:52%;}
	#section4 .content{left:5%; top:50%;}
	
	
	.download{background: url(imgs/download-mob.webp) bottom center; background-size:cover; }
	#inside.download .content{overflow: auto; height:calc(100vh - 200px);}
	#inside .games.content{overflow: auto; height:100vh;}
	#inside .games.content.active{left: calc(100% - 300px);}
	#inside .games.content{width:300px; overflow: inherit;}
	.games .wrap{height: calc(100vh - 200px);}
	
	.about { background: url(imgs/about-mob.webp) bottom center; background-size: cover;}
	.faq { background: url(imgs/bg-faq.webp) bottom center; background-size: cover;}
	
	.terms{overflow: hidden;}


	
	.tab-anchor a{width:100%; font-size:5vw; }
	.tab-anchor a:first-child, .tab-anchor a:last-child{border-radius:10px 10px 0 0; border:0;}
	.tab-container li{font-size: 4.2vw!important; padding-left: 5vw;}
	.content-accordion ul li:before, .tab-container li:before{width: 2.7vw;    height: 2.7vw;     top: 1.8vw;}
	.tab-content{padding:10px;}
	
	/*animation for mob devices*/	
	#menu-full-striker2 ul li:after{padding:0.4vw 0.8vw; border-radius:1vw; color:#ffffff; font-weight: bold; position: absolute; top:calc(100% + 3vw); transform:translate(-50%,-50%); width:auto; left:50%; opacity:1; transition: ease-in-out 0.5s; font-family:'passion_oneregular'; letter-spacing: 1px; background:-webkit-linear-gradient(90deg, rgba(240,183,86,1) 55%, rgba(252,243,226,1) 55%); font-size:3.6vw;
	; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	
	#menu-full-striker2 ul li:first-child:after{content:'HOME';}
	#menu-full-striker2 ul li:nth-child(2):after{content:'DOWNLOAD';}
	#menu-full-striker2 ul li:nth-child(3):after{content:'RULES';}
	#menu-full-striker2 ul li:nth-child(4):after{content:'FAQ';}
	#menu-full-striker2 ul li:nth-child(5):after{content:'';}
	
	#menu-full-striker2 ul li{width:12vw;}
	#menu-full-striker2 ul li:first-child{ left: 5%; top: 25vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(2){left: 23%; top: 28vh; transition:0.5s ease 0.3s;}
	#menu-full-striker2 ul li:nth-child(3){left: 44%; top: 30vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 ul li:nth-child(4){left: 64%; top: 28vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(5){left: 82%; top: 25vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 .striker img{display:block;/*-webkit-animation:5s rotate-str linear infinite;*/}

	#menu-full-striker2 .striker.home-click{	-webkit-animation:0.4s home-click 0.1s forwards;}
	#menu-full-striker2 .striker.about-click{	-webkit-animation:0.4s about-click 0.1s forwards;}
	#menu-full-striker2 .striker.download-click{	-webkit-animation:0.4s download-click 0.1s forwards;}
	#menu-full-striker2 .striker.rules-click{	-webkit-animation:0.4s rules-click 0.1s forwards;}
	#menu-full-striker2 .striker.faq-click{	-webkit-animation:0.4s faq-click 0.1s forwards;}	

	#menu-full-striker2 ul li.home-click-coin{  -webkit-animation:0.4s home-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.about-click-coin{ -webkit-animation:0.4s about-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.download-click-coin{ -webkit-animation:0.4s download-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.rules-click-coin{ -webkit-animation:0.4s rules-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.faq-click-coin{ -webkit-animation:0.4s faq-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	.home-click-coin:after, .download-click-coin:after, .about-click-coin:after, .download-click-coin:after, .rules-click-coin:after, .faq-click-coin:after{opacity:0!important;}

	#menu-full-striker2 ul.inactive li{right:0; top:0; opacity:0;}
	
	@-webkit-keyframes coin-hover {
		0% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}
		50% {transform: scale(1.1,1.1); -webkit-animation-timing-function: ease-in;}
		100% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}	
	}
	
	@-webkit-keyframes home-click-coin {
		0% {left: 5%; top: 24vh;-webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left:20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left:20%; transform:scale(0.6,0.6); opacity: 0; -webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes about-click-coin {
		0% {left: 23%;  top: 28vh;-webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left:22%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left:22%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes download-click-coin {
		0% {left: 44%; top: 30vh; -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 25%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 25%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes rules-click-coin {
		0% {left: 64%; top:28vh; -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 20%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes faq-click-coin {
		0% {left: 82%; top: 25vh;-webkit-animation-timing-function: ease-out;}
		40%{left: 82%; top: calc(100% - 80vw); -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 20%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}		

	@-webkit-keyframes home-click {
		0% {right:1.5vw;-webkit-animation-timing-function: ease-in;}
		100% {right: 72vw; top:13vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes about-click {
		0% {right:1.5vw; top:2.2vh;-webkit-animation-timing-function: ease-in;}
		100% {right: 54.8vw; top: 18vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes download-click {
		0% {right:1.5vw; top:2.2vh;-webkit-animation-timing-function: ease-in;}
		100% { right: 39vw; top: 19vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes rules-click {
		0% {right:1.5vw; top:2.2vh;-webkit-animation-timing-function: ease-in;}
		100% {    right: 17vw; top: 18vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes faq-click {
		0% {right:1.5vw; top:2.2vh;-webkit-animation-timing-function: ease-in;}
		100% {right: 2vw; top: 15vh;-webkit-animation-timing-function: ease-in;}	
	}
}


@media screen and (max-device-width: 512px){ 
		
	.toggle span:before{    top: -4px;}
	.toggle span:after{    bottom: -4px;}
	
	#pp-nav{top:calc(100% - 150px); }
	
	.anim-01 {    width: 90vw;    height: auto;    position: absolute;    z-index: 2;    left: 5%;    transform: translate(0,20vh);    -webkit-animation: bounce-carrom 1s forwards;}
	.text-01 {    position: absolute;    width: 44vw;    text-align: left;    right: 0;    margin: auto;    left: -40vw;    top:-20%;    opacity: 0;    transition: ease 0.2s;    -webkit-animation: 1s appear 2s forwards;}
	.anim-03 {    width: 20vw;    height: auto;    position: absolute;    z-index: 3;    left: -20%;    top: 0;    transform: translate(0,38vh) rotate(0deg);    -webkit-animation: 1s carrom-goti 1.5s forwards;}
	.text-01 img {    width: 13vw; vertical-align: middle; display: none;}
	#inside .content{top: 15%;}
	a.download-cta{top:120px; font-size:16px; white-space: pre;}
	
	@-webkit-keyframes carrom-goti{
		0% {
			left:-20%;
			top: -18vh;
			-webkit-animation-timing-function: ease-out;
		}
		16%{
			top: -15vh;
			-webkit-animation-timing-function: ease-in;
		}
		32% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		48%{
			top: -12vh;
			-webkit-animation-timing-function: ease-in;
		}	
		62% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		78%{
			top: -8vh;
			-webkit-animation-timing-function: ease-in;
			box-shadow: unset;		
			border: 0px solid #ffffff;		
		}	
		90% {
			top: 0;
			-webkit-animation-timing-function: ease-out;
		}
		100% {
			left:56%;
			top: 0vh;
			-webkit-animation-timing-function: ease-in;
			border-radius: 100%;
			box-shadow: 0px 0px 30px rgb(255 255 255);		
			border: 5px solid #ffffff;
		}		
	}	
	
	@-webkit-keyframes bounce-carrom {
		0% {
			top: 0;
			-webkit-animation-timing-function: ease-in;
		}
		16%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}
		32% {
			top: 5vh;
			-webkit-animation-timing-function: ease-in;
		}
		48%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
		62% {
			top: 10vh;
			-webkit-animation-timing-function: ease-in;
		}
		78%{
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
		90% {
			top: 15vh;
			-webkit-animation-timing-function: ease-in;
		}
		100% {
			top: 19vh;
			-webkit-animation-timing-function: ease-out;
		}	
	}
	
	@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(20px, 5px) rotate(0deg); opacity:0; }
	10% { -webkit-transform: translate(-10px, -2px) rotate(0deg);  opacity:1;}
	20% { -webkit-transform: translate(-25px, 0px) rotate(0deg); }
	30% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
	40% { -webkit-transform: translate(20px, -3px) rotate(0deg); }
	50% { -webkit-transform: translate(-15px, 5px) rotate(0deg); }
	60% { -webkit-transform: translate(-5px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(-20px, 1px) rotate(0deg); }
	80% { -webkit-transform: translate(-10px, -1px) rotate(0deg); }
	90% { -webkit-transform: translate(15px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(0px, 0px) rotate(0deg); opacity:1;}
	}
	
	@-webkit-keyframes appear {
    0% {        opacity: 0;    }
    100% {        opacity: 1;    }	
	}
	
	
	.footer-carrom{flex-direction: row; position: fixed; flex-wrap: wrap; z-index: 10000; padding-top:0; height:100vh;} 	
	.footer-carrom > div:nth-child(5){padding:0 30%;}
	.footer-carrom > div, .footer-carrom > div:nth-child(3), .footer-carrom > div:nth-child(4){width:100%; text-align: center;}
	.footer-carrom i{font-size:7vw;}
	.footer-carrom h4{font-size:4vw;}
	.footer-carrom > div a{font-size:4vw;}
	.footer-carrom.active-up{top:calc(0px + 44px); height:100vh;}
	.footer-carrom > div:nth-child(5) img{margin: 0 auto;}
	.footer-click{width:100%; text-align: center;} .footer-click img{width:40px; display: inline-block; vertical-align: top;}
	.footer-carrom > div:first-child ul li, .footer-carrom div:nth-child(2) ul li{text-align:center;}
	.colaps .content{left:0; transform: translate(0,0); width:100%; padding:0 5%;}
	.colaps{padding:0;}
	.colaps .set > a{font-size:3.5vw; padding-right: 7vw;}
	#inside .content p, #inside .content ol li, #inside .content ul li{font-size:4vw!important;}
	#inside.colaps .set .content-accordion p{font-size:3.5vw!important;}
	.colaps .text, .faq .text, .rules .text, .legal .text{padding:30px 10px;}
	.tab-container{
		padding-right: 5px;
	}
	
	
	#inside .content h2{font-size:10vw;}
	.logo-carrom{width:auto; padding:0; top:26px;}
	.logo-carrom img{width:12vw;}
	.logo-carrom span{font:bold 4.4vw 'Roboto', sans-serif;}
	.logo-carrom span b{font-size: 3.5vw;}
	
	
	
	.content-accordion{max-height:unset;}
	#inside .content .app-links{justify-content: space-between;}
	.content .app-links a{width:45%; margin:0;}
	
	
	.toggle{width:20vw; height:20vw; right: 10px; top: 10px;}
	.toggle span{width:4.1vw; height:2px;}
	.toggle span:before, .toggle span:after{height:2px;}
	#menu-full-striker2 .striker{width:20vw; height:20vw; top:10px; right:10px; display: block; position: absolute;}
	#menu-full-striker2{height: 100vh; width: 100%; position: relative; background: url(imgs/carrom-covner-mob.webp) bottom center no-repeat; background-color: #000000; background-size: 100% auto; z-index: 1000;}	
	
	/*home page*/
	.carrom-inside{height:auto; width:100%; right:0; transform:rotate(90deg); bottom:-100%; top:inherit;}
	.active .carrom-inside{bottom:-5%; right:0;opacity:1;}
	.carrom-inside img{width:100%; height:auto;}
	
	.faq .carrom-inside{left:0; opacity:1; height: 100vh; width: auto; transform:rotate(0);}
	.faq.active .carrom-inside{bottom:0; height: auto; width: auto; transform:rotate(0);}	
	
	#section2 .object-bg{background:url("imgs/bg-privatetable-mob.webp") bottom center; background-size:cover; }
	#section3 .object-bg{background:url("imgs/bg-impressivegame.webp") bottom center; background-size:cover; }
	#section4 .object-bg{background:url("imgs/bg-multicamera.webp") bottom center; background-size:cover; }
	
	.content{width:90%; transform: translate(-50%,-50%); left:50%; top:40%;}
	#section2 .content .imgs{width:100%; padding:0 10vw;}
	#section2 .content h2{font-size:12vw;}
	#section2 .content h3 {    font-size: 5.5vw;}
	#section3 .content{left:50%; top:43%;}
	#section3 .content h2{font-size:20.5vw; white-space: pre;}
	#section3 .content h3{font-size:15vw; white-space: pre;}
	#section4 .content h3{font-size:17.5vw; white-space: pre;}
	#section4 .content h2{font-size:15vw; white-space: pre;}
	#section3 .larg-text {    position: absolute;    top: 45%; width:110%;}
	#section3.active .larg-text{width:55%; top:40%; left:8%;}
	#section4.active .larg-text{width:75%; top:40%; left:8%;}
	#section4 .larg-text{width:110%;}
	#section4 .content{left:50%; top:45%;}
	
	
	.download{background: url(imgs/download-mob.webp) bottom center; background-size:cover; }
	#inside.download .content{overflow: auto; height:calc(100vh - 200px);}
	.games.content span.click{top:80%; width: 40px; padding:5px;     left: -40px;}
	.games.content span b{display: none;}
	.games .game-icon{    width: 60px;    margin: 0 auto 15px;}
	.games .wrap{overflow: auto; height: calc(100vh - 120px);}
	.games .game-icon img{border-radius:10px;}
	.games .game-icon:hover img{transform: scale(1);}
	.games .oGame-title{font-size:11px;}
	
	#inside .games.content.active{left: calc(100% - 220px);}
	#inside .games.content{height:100vh; width:220px; overflow: inherit;}
	#inside .games.content h3{font-size:5vw;}
	
	.about { background: url(imgs/about-mob.webp) bottom center; background-size: cover;}
	.faq,.legal { background: url("imgs/bg-faq-mob.webp") bottom center; background-size: cover;}
	.rules { background: url("imgs/bg-rules-mob.webp") bottom center; background-size: cover;}


	.tab-anchor a{width:100%; font-size:5vw; }
	.tab-anchor a:first-child, .tab-anchor a:last-child{border-radius:5px 5px 0 0; border:0; padding:10px 0;font-size:4vw; letter-spacing: 0.1vw;}
	.tab-anchor a i{font-size:4.5vw;}
	.tab-container li{font-size: 4.2vw!important; padding-left: 5vw;}
	.content-accordion ul li:before, .tab-container li:before{width: 2.7vw;    height: 2.7vw;     top: 1.8vw;}

	
	/*animation for mob devices*/	
	#menu-full-striker2 ul li:after{padding:0.4vw 0.8vw; border-radius:1vw; color:#ffffff; font-weight: bold; position: absolute; top:calc(100% + 3vw); transform:translate(-50%,-50%); width:auto; left:50%; opacity:1; transition: ease-in-out 0.5s; font-family:'passion_oneregular'; letter-spacing: 1px; background:-webkit-linear-gradient(90deg, rgba(240,183,86,1) 55%, rgba(252,243,226,1) 55%); font-size:3.6vw;
	; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	
	#menu-full-striker2 ul li:first-child:after{content:'HOME';}
	#menu-full-striker2 ul li:nth-child(2):after{content:'DOWNLOAD';}
	#menu-full-striker2 ul li:nth-child(3):after{content:'RULES';}
	#menu-full-striker2 ul li:nth-child(4):after{content:'FAQ';}
	#menu-full-striker2 ul li:nth-child(5):after{content:'';}
	
	#menu-full-striker2 ul li{width:12vw;}
	#menu-full-striker2 ul li:first-child{ left: 15%; top: 25vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(2){left: 33%; top: 32vh; transition:0.5s ease 0.3s;}
	#menu-full-striker2 ul li:nth-child(3){left: 53%; top: 32vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 ul li:nth-child(4){left: 73%; top: 25vh; transition:0.5s ease 0.1s;}
	#menu-full-striker2 ul li:nth-child(5){left: 82%; top: 25vh; transition:0.5s ease 0.2s;}
	#menu-full-striker2 .striker img{display:block;/*-webkit-animation:5s rotate-str linear infinite;*/}

	#menu-full-striker2 .striker.home-click{	-webkit-animation:0.4s home-click 0.1s forwards;}
	#menu-full-striker2 .striker.about-click{	-webkit-animation:0.4s about-click 0.1s forwards;}
	#menu-full-striker2 .striker.download-click{	-webkit-animation:0.4s download-click 0.1s forwards;}
	#menu-full-striker2 .striker.rules-click{	-webkit-animation:0.4s rules-click 0.1s forwards;}
	#menu-full-striker2 .striker.faq-click{	-webkit-animation:0.4s faq-click 0.1s forwards;}	

	#menu-full-striker2 ul li.home-click-coin{  -webkit-animation:0.4s home-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.about-click-coin{ -webkit-animation:0.4s about-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.download-click-coin{ -webkit-animation:0.4s download-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.rules-click-coin{ -webkit-animation:0.4s rules-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	#menu-full-striker2 ul li.faq-click-coin{ -webkit-animation:0.4s faq-click-coin 0.5s forwards; -webkit-animation-timing-function: ease-in;}
	.home-click-coin:after, .download-click-coin:after, .about-click-coin:after, .download-click-coin:after, .rules-click-coin:after, .faq-click-coin:after{opacity:0!important;}

	#menu-full-striker2 ul.inactive li{right:0; top:0; opacity:0;}
	
	@-webkit-keyframes coin-hover {
		0% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}
		50% {transform: scale(1.1,1.1); -webkit-animation-timing-function: ease-in;}
		100% {transform: scale(1,1); -webkit-animation-timing-function: ease-in;}	
	}
	
	@-webkit-keyframes home-click-coin {
		0% {left: 15%; top: 25vh;-webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left:20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left:20%; transform:scale(0.6,0.6); opacity: 0; -webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes about-click-coin {
		0% {left: 33%; top: 32vh;-webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left:22%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left:22%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes download-click-coin {
		0% {left: 53%; top: 32vh; -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 25%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 25%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes rules-click-coin {
		0% {left: 73%; top:25vh; -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 20%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}
	@-webkit-keyframes faq-click-coin {
		0% {left: 82%; top: 25vh;-webkit-animation-timing-function: ease-out;}
		40%{left: 82%; top: calc(100% - 80vw); -webkit-animation-timing-function: ease-out;}
		70%{top: calc(100% - 40vw); left: 20%; transform:scale(1,1); opacity: 1;}
		100%{top: calc(100% - 40vw); left: 20%; transform:scale(0.6,0.6); opacity: 0;-webkit-animation-timing-function: ease-out;}
	}		

	@-webkit-keyframes home-click {
		0% {top: 10px; right: 10px; -webkit-animation-timing-function: ease-in;}
		100% {right: 66vw; top: 14vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes about-click {
		0% {top: 10px; right: 10px;-webkit-animation-timing-function: ease-in;}
		100% {right: 49.8vw; top: 20vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes download-click {
		0% {top: 10px; right: 10px;-webkit-animation-timing-function: ease-in;}
		100% {right: 27vw; top: 20vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes rules-click {
		0% {top: 10px; right: 10px;-webkit-animation-timing-function: ease-in;}
		100% {       right: 7vw;    top: 14vh;-webkit-animation-timing-function: ease-in;}	
	}
	@-webkit-keyframes faq-click {
		0% {top: 10px; right: 10px;-webkit-animation-timing-function: ease-in;}
		100% {right: 2vw; top: 15vh;-webkit-animation-timing-function: ease-in;}	
	}
}