@charset "utf-8";
/* CSS Document */
/* Created By S.Lourdoss */
/* Image Infotainment Ltd */

/*@import url(https://fonts.googleapis.com/css?family=Bubblegum+Sans|Quicksand:300,400,500,700|Caveat|Sniglet|Leckerli+One|Oswald);*/
@import url(https://fonts.googleapis.com/css?family=Sniglet);
#loading {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFF url("../images/preloader.gif") no-repeat center;
	z-index: 99999;
}
@font-face {
	font-family: 'garden_grownregular';
	src: url('../fonts/gardengrown-webfont.eot');
	src: url('../fonts/gardengrown-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gardengrown-webfont.woff2') format('woff2'), url('../fonts/gardengrown-webfont.woff') format('woff'), url('../fonts/gardengrown-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'digital-7regular';
	src: url('../fonts/digital-7-webfont.eot');
	src: url('../fonts/digital-7-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/digital-7-webfont.woff2') format('woff2'), url('../fonts/digital-7-webfont.woff') format('woff'), url('../fonts/digital-7-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Coiny';
	src: url('../fonts/Coiny-Regular.woff') format('woff'),
		 url('../fonts/Coiny-Regular.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.woff') format('woff'),
		 url('../fonts/Montserrat-Regular.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bubblegum';
	src: url('../fonts/bubblegum.woff') format('woff'),
		 url('../fonts/Bubblegum.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
}
*:focus {
    outline: none;
}
select, option, optgroup, input {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html, body { height: 100%; }
a { text-decoration: none; }
a img { border: 0; }
img.block {
	width: 100%;
	width: inherit\9;
	max-width: 100%\9;
}
ul, p, h1, h2, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.lg-on { overflow: hidden; }
p {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #454545;
	line-height: 26px;
}

/*defaults
------------------------------------------------------------------------------------------------*/
.f_left { float: left !important; }
.f_right { float: right !important; }
.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.no-mrg { margin: 0px !important; }
.no-mrg-tp { margin-top: 0px !important; }
.no-mrg-rt { margin-right: 0px !important; }
.no-mrg-btm { margin-bottom: 0px !important; }
.no-mrg-lt { margin-left: 0px !important; }
.no-padd { padding: 0px !important; }
.no-padd-tp { padding-top: 0px !important; }
.no-padd-rt { padding-right: 0px !important; }
.no-padd-btm { padding-bottom: 0px !important; }
.no-padd-lt { padding-left: 0px !important; }
body { background: #C6F1FD; }

#container {
	width: auto;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	font-style: inherit;
	position: relative;
}
.inner-cont {
	width: 100%;
	max-width: 1240px;
    _width:expression(this.scrollWidth > 1240 ? "1240px" : "auto"); /* sets max-width for IE6 */
	margin: 0px auto;
}
.padd-lr-cont {
	padding-left: 20px;
	padding-right: 20px;
}

/*header
------------------------------------------------------------------------------------------------*/
.header {
	height: 78px;
	text-align: center;
	padding: 0px;
	top: 0;
	width: 100%;
	background: #C6F1FD;
	position:relative;
	z-index:100;
}
.header-2 { background: #ffe4ae; }
.logo {
	width: 33.33%;
	margin: 0px 0px 0px 33.33%;
	padding: 10px 0px;
	text-align: center;
	float: left;
	height: 58px;
}
.logo a {
	width: 100%;
	max-width: 192px;
	_width:expression(this.scrollWidth > 192 ? "192px" : "auto"); /* sets max-width for IE6 */
	margin: 0px auto;
	display: block;
}
.logo a img {
	width: 100%;
	height: auto;
}
.top-rt-cont {
	width: 33.33%;
	float: right;
	padding: 15px 0px 0px 0px;
}
.top-rt-cont ul {
	float: right;
	padding: 0px 0px 0px 0px;
}
.top-rt-cont ul li {
	float: left;
	margin: 0px 0px 0px 10px;
	position: relative;
}
.top-rt-cont ul li a {
	width: 40px;
	height: 40px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 0px;
	background: url(../images/head-rt-icons.png) no-repeat center;
	background-size: 280px 40px;
	background-position: 0px 0px;
	font-size:11px;
	text-transform:uppercase;
	font-family:'Sniglet', Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:20px;
	cursor:pointer;
}
.top-rt-cont ul li a.tr-blog {
	background-position: 0px 0px;
}
.top-rt-cont ul li a.tr-chart {
	background-position: -40px 0px;
}
.top-rt-cont ul li a.tr-login{
  background-position: -80px 0px;
}

.top-rt-cont ul li a.tr-profile {
	background-position: -120px 0px;
}

.top-rt-cont ul li a.audio-btn {
	background-position: -200px 0px;
}

.top-rt-cont ul li a.mute-btn {
	background-position: -160px 0px;
}
.top-rt-cont ul li a.tr-practise {
	background-position: -240px 0px;
}
.top-rt-cont ul li a.top-rt-txt {
	font-size:11px;
	text-transform:uppercase;
	font-family:'Sniglet', Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:20px;
	cursor:pointer;
	height:auto;
	background:Transparent;
	width:auto;
}






/*header
------------------------------------------------------------------------------------------------*/
/*#content-wrap {
  background: #edfdf9;
	position: relative;
	z-index: 99;
}*/
.content {
	background: rgba(198,241,253,1);
	background: -moz-linear-gradient(top, rgba(198,241,253,1) 0%, rgba(221,251,247,1) 60%, rgba(237,253,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(198,241,253,1)), color-stop(60%, rgba(221,251,247,1)), color-stop(100%, rgba(237,253,249,1)));
	background: -webkit-linear-gradient(top, rgba(198,241,253,1) 0%, rgba(221,251,247,1) 60%, rgba(237,253,249,1) 100%);
	background: -o-linear-gradient(top, rgba(198,241,253,1) 0%, rgba(221,251,247,1) 60%, rgba(237,253,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(198,241,253,1) 0%, rgba(221,251,247,1) 60%, rgba(237,253,249,1) 100%);
	background: linear-gradient(to bottom, rgba(198,241,253,1) 0%, rgba(221,251,247,1) 60%, rgba(237,253,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f1fd', endColorstr='#edfdf9', GradientType=0 );
	height: 600px;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index:2;
}
.yellow-cont {
	background: rgba(255,228,174,1);
	background: -moz-linear-gradient(top, rgba(255,228,174,1) 0%, rgba(255,241,212,1) 60%, rgba(255,248,234,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,228,174,1)), color-stop(60%, rgba(255,241,212,1)), color-stop(100%, rgba(255,248,234,1)));
	background: -webkit-linear-gradient(top, rgba(255,228,174,1) 0%, rgba(255,241,212,1) 60%, rgba(255,248,234,1) 100%);
	background: -o-linear-gradient(top, rgba(255,228,174,1) 0%, rgba(255,241,212,1) 60%, rgba(255,248,234,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,228,174,1) 0%, rgba(255,241,212,1) 60%, rgba(255,248,234,1) 100%);
	background: linear-gradient(to bottom, rgba(255,228,174,1) 0%, rgba(255,241,212,1) 60%, rgba(255,248,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe4ae', endColorstr='#fff8ea', GradientType=0 );
}
.content .inner-cont {
	height: 100%;
}
.tr-arrow {
	position: absolute;
	top: 0px;
	width: 100%;
	height: auto;
	top:45px;
	}
.tr-arrow img {
	width: 100%;
	margin: 0 0 0 12.5%;
}
.slide-bottom {
	-webkit-animation: slide-bottom 0.5s ease-in-out infinite alternate both;
	 animation: slide-bottom 0.5s ease-in-out infinite alternate both;
	 display: none;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-8 12:31:33
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}


@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	60% {
		-moz-transform: translateY(15px);
		-ms-transform: translateY(15px);
		-webkit-transform: translateY(15px);
		transform: translateY(10px);
	}
}
.content .inner-cont { position:relative; z-index:2; }
.content .inner-cont .padd-lr-cont { Height:100%; }
.content .inner-cont, .content .inner-cont .padd-lr-cont .grade-tbl tr td { position:relative; }
.grade-cont {
	height:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0px;
	padding:0px;
}

.grade-bg-imgs {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}
.grade-bg-imgs div {
	position: absolute;
	background: url(../images/grade-bg.png)no-repeat;
	background-position: 0px 0px;
}
.grade-bg-imgs .grade-bg-img-1 {
	width: 8.75%;
	height: 23.7%;
	background-size: 527% auto;
	background-position: right 0px;
	left: 14.9%;
	top: 4.1%;
	-webkit-animation: rotation 32s infinite linear;
	-moz-animation: rotation 32s infinite linear;
	-o-animation: rotation 32s infinite linear;
	animation: rotation 32s infinite linear;
}
@keyframes rotation {
from {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
to {
	-moz-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-ms-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
.grade-bg-imgs .grade-bg-img-2 {
	left: 27.3%;
	top: 3.3%;
	width: 6.02%;
	height:10%;
	background-size: 768% auto;
	background-position: 0px 0px;
	-webkit-animation: move_1 4s infinite;
	-moz-animation: move_1 4s infinite;
	-o-animation: move_1 4s infinite;
	animation: move_1 4s infinite;
}
@keyframes move_1 {
0% {
	-moz-transform: translate(-6px, 0px);
	-webkit-transform: translate(-6px, 0px);
	-o-transform: translate(-6px, 0px);
	-ms-transform: translate(-6px, 0px);
	transform: translate(-6px, 0px);
}
25% {
	-moz-transform: translate(0px, 6px);
	-webkit-transform: translate(0px, 6px);
	-o-transform: translate(0px, 6px);
	-ms-transform: translate(0px, 6px);
	transform: translate(0px, 6px);
}
50% {
	-moz-transform: translate(6px, 0px);
	-webkit-transform: translate(6px, 0px);
	-o-transform: translate(6px, 0px);
	-ms-transform: translate(6px, 0px);
	transform: translate(6px, 0px);
}
75% {
	-moz-transform: translate(0px, -6px);
	-webkit-transform: translate(0px, -6px);
	-o-transform: translate(0px, -6px);
	-ms-transform: translate(0px, -6px);
	transform: translate(0px, -6px);
}
 100% {
	-moz-transform: translate(-6px, 0px);
	-webkit-transform: translate(-6px, 0px);
	-o-transform: translate(-6px, 0px);
	-ms-transform: translate(-6px, 0px);
	transform: translate(-6px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-3 {
	left: 3.8%;
	top: 26.1%;
	width: 6.16%;
	height: 10%;
	background-size: 757% auto;
  background-position: 15.1% 0px;
	-webkit-animation: move_2 5s infinite;
	-moz-animation: move_2 5s infinite;
	-o-animation: move_2 5s infinite;
	animation: move_2 5s infinite;
}
@keyframes move_2 {
0% {
	-moz-transform: translate(-5px, 0px);
	-webkit-transform: translate(-5px, 0px);
	-o-transform: translate(-5px, 0px);
	-ms-transform: translate(-5px, 0px);
	transform: translate(-5px, 0px);
}
25% {
	-moz-transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	-o-transform: translate(0px, 5px);
	-ms-transform: translate(0px, 5px);
	transform: translate(0px, 5px);
}
50% {
	-moz-transform: translate(5px, 0px);
	-webkit-transform: translate(5px, 0px);
	-o-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
	transform: translate(5px, 0px);
}
75% {
	-moz-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	transform: translate(0px, -5px);
}
100% {
	-moz-transform: translate(-5px, 0px);
	-webkit-transform: translate(-5px, 0px);
	-o-transform: translate(-5px, 0px);
	-ms-transform: translate(-5px, 0px);
	transform: translate(-5px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-4 {
	left: 46.75%;
	top: 29.9%;
	width: 5.3%;
	height: 11%;
	background-size: 862% auto;
	background-position: 29.7% 0px;
	-webkit-animation: move_3 6s infinite;
	-moz-animation: move_3 6s infinite;
	-o-animation: move_3 6s infinite;
	animation: move_3 6s infinite;
}
@keyframes move_3 {
0% {
	-moz-transform: translate(-7px, 0px);
	-webkit-transform: translate(-7px, 0px);
	-o-transform: translate(-7px, 0px);
	-ms-transform: translate(-7px, 0px);
	transform: translate(-7px, 0px);
}
25% {
	-moz-transform: translate(0px, 7px);
	-webkit-transform: translate(0px, 7px);
	-o-transform: translate(0px, 7px);
	-ms-transform: translate(0px, 7px);
	transform: translate(0px, 7px);
}
50% {
	-moz-transform: translate(7px, 0px);
	-webkit-transform: translate(7px, 0px);
	-o-transform: translate(7px, 0px);
	-ms-transform: translate(7px, 0px);
	transform: translate(7px, 0px);
}
75% {
	-moz-transform: translate(0px, -7px);
	-webkit-transform: translate(0px, -7px);
	-o-transform: translate(0px, -7px);
	-ms-transform: translate(0px, -7px);
	transform: translate(0px, -7px);
}
100% {
	-moz-transform: translate(-7px, 0px);
	-webkit-transform: translate(-7px, 0px);
	-o-transform: translate(-7px, 0px);
	-ms-transform: translate(-7px, 0px);
	transform: translate(-7px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-5 {
	width: 13.25%;
	left: 76.6%;
	top: 23.6%;
	height: 18%;
	background-size: 691% auto;
	background-position: 44% 0px;
}
.grade-bg-imgs .grade-bg-img-6 {
	width: 13.41%;
	bottom: 7.2%;
	left: 48.16%;
	height: 12%;
	background-size: 344% auto;
	background-position: 73.6% 0px;
}
/*.grade-bg-imgs .grade-bg-img-1 {

width: 8.75%;
left: 14.9%;
top: 4.1%;
}
.grade-bg-imgs img { width: 100%; }
.grade-bg-imgs .grade-bg-img-1 img {
	-webkit-animation: rotation 32s infinite linear;
	-moz-animation: rotation 32s infinite linear;
	-o-animation: rotation 32s infinite linear;
	animation: rotation 32s infinite linear;
}
@keyframes rotation {
from {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
to {
	-moz-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-ms-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
.grade-bg-imgs .grade-bg-img-2 {
	left: 27.3%;
	top: 3.3%;
	width: 6.02%;
}
.grade-bg-imgs .grade-bg-img-2 img {
	-webkit-animation: move_1 4s infinite;
	-moz-animation: move_1 4s infinite;
	-o-animation: move_1 4s infinite;
	animation: move_1 4s infinite;
}
@keyframes move_1 {
0% {
	-moz-transform: translate(-6px, 0px);
	-webkit-transform: translate(-6px, 0px);
	-o-transform: translate(-6px, 0px);
	-ms-transform: translate(-6px, 0px);
	transform: translate(-6px, 0px);
}
25% {
	-moz-transform: translate(0px, 6px);
	-webkit-transform: translate(0px, 6px);
	-o-transform: translate(0px, 6px);
	-ms-transform: translate(0px, 6px);
	transform: translate(0px, 6px);
}
50% {
	-moz-transform: translate(6px, 0px);
	-webkit-transform: translate(6px, 0px);
	-o-transform: translate(6px, 0px);
	-ms-transform: translate(6px, 0px);
	transform: translate(6px, 0px);
}
75% {
	-moz-transform: translate(0px, -6px);
	-webkit-transform: translate(0px, -6px);
	-o-transform: translate(0px, -6px);
	-ms-transform: translate(0px, -6px);
	transform: translate(0px, -6px);
}
 100% {
	-moz-transform: translate(-6px, 0px);
	-webkit-transform: translate(-6px, 0px);
	-o-transform: translate(-6px, 0px);
	-ms-transform: translate(-6px, 0px);
	transform: translate(-6px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-3 {
	left: 3.8%;
	top: 26.1%;
	width: 6.16%;
}
.grade-bg-imgs .grade-bg-img-3 img {
	-webkit-animation: move_2 5s infinite;
	-moz-animation: move_2 5s infinite;
	-o-animation: move_2 5s infinite;
	animation: move_2 5s infinite;
}
@keyframes move_2 {
0% {
	-moz-transform: translate(-5px, 0px);
	-webkit-transform: translate(-5px, 0px);
	-o-transform: translate(-5px, 0px);
	-ms-transform: translate(-5px, 0px);
	transform: translate(-5px, 0px);
}
25% {
	-moz-transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	-o-transform: translate(0px, 5px);
	-ms-transform: translate(0px, 5px);
	transform: translate(0px, 5px);
}
50% {
	-moz-transform: translate(5px, 0px);
	-webkit-transform: translate(5px, 0px);
	-o-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
	transform: translate(5px, 0px);
}
75% {
	-moz-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	transform: translate(0px, -5px);
}
100% {
	-moz-transform: translate(-5px, 0px);
	-webkit-transform: translate(-5px, 0px);
	-o-transform: translate(-5px, 0px);
	-ms-transform: translate(-5px, 0px);
	transform: translate(-5px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-4 {
	left: 46.75%;
	top: 29.9%;
	width: 5.3%;
}
.grade-bg-imgs .grade-bg-img-4 img {
	-webkit-animation: move_3 6s infinite;
	-moz-animation: move_3 6s infinite;
	-o-animation: move_3 6s infinite;
	animation: move_3 6s infinite;
}
@keyframes move_3 {
0% {
	-moz-transform: translate(-7px, 0px);
	-webkit-transform: translate(-7px, 0px);
	-o-transform: translate(-7px, 0px);
	-ms-transform: translate(-7px, 0px);
	transform: translate(-7px, 0px);
}
25% {
	-moz-transform: translate(0px, 7px);
	-webkit-transform: translate(0px, 7px);
	-o-transform: translate(0px, 7px);
	-ms-transform: translate(0px, 7px);
	transform: translate(0px, 7px);
}
50% {
	-moz-transform: translate(7px, 0px);
	-webkit-transform: translate(7px, 0px);
	-o-transform: translate(7px, 0px);
	-ms-transform: translate(7px, 0px);
	transform: translate(7px, 0px);
}
75% {
	-moz-transform: translate(0px, -7px);
	-webkit-transform: translate(0px, -7px);
	-o-transform: translate(0px, -7px);
	-ms-transform: translate(0px, -7px);
	transform: translate(0px, -7px);
}
100% {
	-moz-transform: translate(-7px, 0px);
	-webkit-transform: translate(-7px, 0px);
	-o-transform: translate(-7px, 0px);
	-ms-transform: translate(-7px, 0px);
	transform: translate(-7px, 0px);
}
}
.grade-bg-imgs .grade-bg-img-5 {
	width: 13.25%;
	left: 76.6%;
	top: 23.6%;
}
.grade-bg-imgs .grade-bg-img-6 {
	width: 13.41%;
	bottom: 7.2%;
	left: 48.16%;
}*/
.cont-title {
	font-family:'garden_grownregular', Arial, Helvetica, sans-serif;
	color:#4a4ea4;
	font-size:60px;
	line-height:80px;
	padding-top:5.8%;
	position:relative;
	margin:0px auto;
	text-align:center;
	height: auto;
}
.cont-sub-title {
	font-family:'garden_grownregular', Arial, Helvetica, sans-serif;
	color:#4a4ea4;
	font-size:25px;
	position: absolute;
    padding: 0;
    top: 50px;
    width: 100%;
    z-index: 1;
}
.grades-list, .games-list {
	width: 90%;
	max-width: 984px;
	_width:expression(this.scrollWidth > 984 ? "984px" : "auto"); /* sets max-width for IE6 */
	margin: 0px auto;
}
.games-list { width:100%; }
.grades-list ul, .games-list ul {
	float: left;
	width: 100%;
	height:100%;
}
.grades-list ul li, .games-list ul li {
	display: block;
	width: 22.2%;
	padding: 0px 0px 0px 0px;
	margin: 1.4% 1.4% 0px;
	float: left;
	text-align: center;
	height:97.2%;
}

.grades-list ul li.grades-list-1 {	margin-top: 10%; height:80%; }
.grades-list ul li.grades-list-2 {	margin-top: 4.5%; height:91%; }
.grades-list ul li.grades-list-4 {	margin-top: 13%; height:74%; }
.grades-list ul li a {
	display: block;
	position: relative;
	width: 100%;
	max-width: 211px;
	_width:expression(this.scrollWidth > 211 ? "211px" : "auto"); /* sets max-width for IE6 */
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
}
.grades-list ul li.grades-list-1 a {
	-webkit-animation: shake_1 7s infinite;
	-moz-animation: shake_1 7s infinite;
	-o-animation: shake_1 7s infinite;
	animation: shake_1 7s infinite;
}
@keyframes shake_1 {
0% { transform: translateY(10%); }
50% { transform: translateY(-10%); }
100% { transform: translateY(10%); }
}
.grades-list ul li.grades-list-2 a {
	-webkit-animation: shake_2 8s infinite;
	-moz-animation: shake_2 8s infinite;
	-o-animation: shake_2 8s infinite;
	animation: shake_2 8s infinite;
}
@keyframes shake_2 {
0% { transform: translateY(15%); }
50% { transform: translateY(-15%); }
100% { transform: translateY(15%); }
}
.grades-list ul li.grades-list-3 a {
	-webkit-animation: shake_3 7s infinite;
	-moz-animation: shake_3 7s infinite;
	-o-animation: shake_3 7s infinite;
	animation: shake_3 7s infinite;
}
@keyframes shake_3 {
0% { transform: translateY(0px); }
50% { transform: translateY(20%); }
100% { transform: translateY(0px); }
}
.grades-list ul li.grades-list-4 a {
	-webkit-animation: shake_4 6s infinite;
	-moz-animation: shake_4 6s infinite;
	-o-animation: shake_4 6s infinite;
	animation: shake_4 6s infinite;
}
@keyframes shake_4 {
0% { transform: translateY(-25%); }
50% { transform: translateY(0px); }
100% { transform: translateY(-25%); }
}
.grades-list ul li a:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

.games-list ul li a {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
}
.games-list li a:hover img {
	animation: shake_5 0.5s;
	animation-iteration-count: 1;
	animation-iteration-count: infinite;
}
@keyframes shake_5 {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.grades-list ul li a img { width:100%; }
.games-list ul li a img{ width:100%; }
.green-bg-cont {
	background: rgba(228,252,248,1);
	background: -moz-linear-gradient(top, rgba(228,252,248,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,252,248,0)), color-stop(29%, rgba(228,252,248,0)), color-stop(29%, rgba(91,185,70,1)), color-stop(100%, rgba(91,185,70,1)));
	background: -webkit-linear-gradient(top, rgba(228,252,248,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -o-linear-gradient(top, rgba(228,252,248,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -ms-linear-gradient(top, rgba(228,252,248,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: linear-gradient(to bottom, rgba(228,252,248,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fcf8', endColorstr='#5bb946', GradientType=0 );
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 99;
	pointer-events: none;
}
.yellow-bg-cont {
	background: rgba(228,252,248,1);
	background: -moz-linear-gradient(top, rgba(255,245,225,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,245,225,0)), color-stop(29%, rgba(228,252,248,0)), color-stop(29%, rgba(91,185,70,1)), color-stop(100%, rgba(91,185,70,1)));
	background: -webkit-linear-gradient(top, rgba(255,245,225,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -o-linear-gradient(top, rgba(255,245,225,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,245,225,0) 0%, rgba(228,252,248,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
	background: linear-gradient(to bottom, rgba(255,245,225,0) 0%, rgba(255,245,225,0) 29%, rgba(91,185,70,1) 29%, rgba(91,185,70,1) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fcf8', endColorstr='#5bb946', GradientType=0 );
}

.green-bg-cont .inner-cont {
	position: relative;
	z-index: 1;
	height: 100%;
}
.green-bg-cont .inner-cont svg {width: 100%; height: auto;}
.green-bg {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

.foot-link {
	position: absolute;
	bottom:0px;
	background:#84492b;
	margin: 0px auto;
	left: 0;
	right: 0;
	color: #fff;
	width: 100px;
	height: 25px;
	border-radius: 20px 20px 0px 0px;
	z-index:9999;
	cursor:pointer;
}
.foot-link a {
	background: url(../images/footer-arrow.png)no-repeat center #84492b;
	background-size:100%;
	height:16px;
	width:30px;
	margin:0px auto;
	margin-top:6px;
	padding:0px;
	display:block;
	cursor: pointer;
	font-size: 0px;
}
.para-txt {
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    font-family: Bubblegum Sans, Arial, Helvetica, sans-serif;
		color: #454545;
}

/*footer
------------------------------------------------------------------------------------------------*/
.footer {
	display:block;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1;
	background: #84492b;
	visibility: hidden;
}
.footer.visible { visibility: visible;}
.footer .foot {
	padding: 40px 0px 0px 0px;
	background: #84492b;
}
.foot ul {
	float: left;
	width: 100%;
}
.foot ul li {
	width: 25%;
	float: left;
	/* margin: 0px 1.6% 0px 0px; */
	padding-bottom: 20px;
}
.foot ul li.foot-5 {
	margin: 0px;
}
.foot-title {
	font-family: 'Sniglet', Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	color: #fec3a4;
	margin: 16px 0px;
}
.foot .foot-menu li {
	width: auto;
	float: none;
	display: block;
	margin: 0px;
	padding: 5px 0px;
}
.foot .foot-menu li a {
	/* background: url(../images/foot-bull.png) no-repeat left center; */
	padding: 0px 0px 0px 24px;
	font-size: 14px;
	text-transform: uppercase;
	color: #f4af8c;
	cursor: pointer;
	line-height: 22px;
	display: inline-block;
	font-weight: 400;
}
.foot .foot-menu li a:hover {
	/* background: url(../images/foot-bull2.png) no-repeat left center; */
	color: #ffe0d1;
	font-weight: 400;
}
.in p {
	color: #f4af8c;
}
.footer .link {
	color: #ffffff;
	font-weight: 500;
}
.foot-social ul li, .foot-social ul li a {
	width: 32px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	display: block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.foot .foot-social li {
	width: 32px;
	height: 32px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
}
.foot-social li a {
	width: 32px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	display: block;
	cursor: pointer;
}
.foot-social li a.face-icon {
	background: url(../images/face-icon.png) no-repeat center;
}
.foot-social li a.twit-icon {
	background: url(../images/twit-icon.png) no-repeat center;
}
.foot-social li a.inst-icon {
	background: url(../images/inst-icon.png) no-repeat center;
}
.foot-social li a.pin-icon {
	background: url(../images/pin-icon.png) no-repeat center;
}
.cprt {
	background: #4f2918;
}
.cprt .inner-cont {
	border-top: 1px solid #96644b;
	font-size: 14px;
	color: #9e745e;
	text-align: center;
	line-height: 25px;
	padding: 25px 0px;
}
.ads-fix, .ads-game {
	display: none;
}
.footer p {
	color: #f4af8c;
}

/*responsive
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
.cont-title {
	font-size: 50px;
	line-height: 60px;
	padding-top: 3.8%;
}
/*.main-para.para-txt { padding-top: 1%; }*/
}
@media screen and (max-width: 1030px) {
	.main-para.para-txt { padding-top: 0; }
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 860px) {
.grade-bg-imgs .grade-bg-img-1 {
   left:13.9%;
	 height: 25%;
}
.grade-bg-imgs .grade-bg-img-2 {
	left:25.3%;
	height: 12%;
}
.grade-bg-imgs .grade-bg-img-3 { height: 12%; }
.grade-bg-imgs .grade-bg-img-4 { height: 13%; }
.grade-bg-imgs .grade-bg-img-5 { height: 21%; }
.grade-bg-imgs .grade-bg-img-6 { height: 15%; }
.footer {
	height:90vh;
	overflow:scroll;
}

.foot ul li.foot-1, .foot ul li.foot-2, .foot ul li.foot-3{
  width:33.9%;
	margin: 0px 2.4% 0px 0px;
	height: 140px;
}
.foot ul li.foot-1 { width: 25%; }
.foot ul li.foot-4, .foot ul li.foot-5 {
	width:48.7%;
	margin:0px 2.4% 0px 0px;
	height: 100px;
}
.foot ul li.foot-3, .foot ul li.foot-5{ margin: 0px; }
.foot ul li.foot-1, .foot ul li.foot-2, .foot ul li.foot-3 { border-bottom:1px dashed #96644b; }
.foot-title {
	font-size: 18px;
	line-height: 20px;
	margin: 10px 0px;
}
.foot .foot-menu li a
{
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
}
.foot .foot-menu li {
	padding: 0px;
}
p{
	font-size: 12px;
	line-height: 18px;
}
.foot ul li{
	padding-bottom: 10px;
}
.foot .foot-social li { float:left; }
.cprt .inner-cont { padding: 5px 0px;}
.cprt .inner-cont {
	font-size: 12px;
	line-height: 20px;
}
}
@media screen and (max-width: 800px) {
.cont-title {
	font-size:54px;
	line-height:72px;
}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.padd-lr-cont {
    padding-left: 15px;
    padding-right: 15px;
}
.cont-title {
	font-size:48px;
  line-height:55px;
	padding:6.8% 0px 0px 0px;
}
.cont-title2 {
	font-size:40px;
}
.tr-arrow { right: 15px; }

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.padd-lr-cont {
    padding-left: 15px;
    padding-right: 15px;
}
.cont-title {
	font-size:48px;
	line-height:55px;
	padding:6.8% 0px 0px 0px;
}
.cont-title2 {
	font-size:28px;
}
.tr-arrow { right: 15px; }
}

@media only screen and (max-width: 850px) and (orientation : landscape) {
.padd-lr-cont {
    padding-left: 10px;
    padding-right: 10px;
}
.header { height:66px; }
.logo {
	width:150px;
	height:46px;
	margin:0px;
}
.top-rt-cont {width:400px; padding: 10px 0px 0px 0px; }
.cont-title {
	font-size:35px;
	line-height:40px;
	width:70%;
	padding:0px 0px 0px 0px;
}
.cont-title2 {
	font-size:24px;
	width:70%;
	padding:10px 0px 0px 0px;
}
.para-txt {
    font-size: 16px;
		line-height: 24px;
}
.tr-arrow { right: 10px; }
.grades-list .games-list{
	padding-top:100px;
}
.grades-list ul li.grades-list-1 {
    margin-top: 5%;
    height: 90%;
}
.grades-list ul li.grades-list-2 {
    margin-top: 2.5%;
    height: 95%;
}
.grades-list ul li.grades-list-4 {
	margin-top: 7%;
    height: 86%;
}
.grades-list ul li a { width:90%; }
.green-bg-cont, .yellow-bg-cont {
	height:50px;
	width:100%;
	overflow:hidden;
}
.green-bg-cont .inner-cont {
	height:100%;
	text-align:center;
}
.green-bg-cont .inner-cont svg { height:100%; width:auto;}
.footer {
	height:100vh;
	overflow:scroll;
}
}

@media screen and (max-width: 767px) {
.padd-lr-cont {
    padding-left: 10px;
    padding-right: 10px;
}
.header { height:66px; }
.logo {
	width:150px;
	height:46px;
	margin:0px;
}
.top-rt-cont {
	padding: 10px 0px 0px 0px;
	width:400px;
}
.cont-title {
	font-size:35px;
	line-height:40px;
	width:70%;
	padding:0px;
}
.cont-title2 {
	font-size:24px;
	width:70%;
	padding:0px;
}
.para-txt {
    font-size: 16px;
		line-height: 24px;
}
.tr-arrow { right: 10px; }
.grades-list ul li a { width:95%; }
.green-bg-cont, .yellow-bg-cont {
	height:50px;
	width:100%;
	overflow:hidden;
}
.green-bg-cont .inner-cont {
	height:100%;
	text-align:center;
}
.green-bg-cont .inner-cont svg { height:100%; width:auto;}
.footer {
	height:90vh;
	overflow:scroll;
}
}
@media screen and (max-width: 745px) {
.grades-list ul li.grades-list-1 {
    margin-top: 5%;
    height: 90%;
}
.grades-list ul li.grades-list-2 {
    margin-top: 2.5%;
    height: 95%;
}
.grades-list ul li.grades-list-4 {
	margin-top: 7%;
    height: 86%;
}

}
@media screen and (max-width: 700px) {
.cont-title {
	font-size:35px;
	line-height:40px;
}
.grades-list ul li a { width:90%; }
}
@media screen and (max-width: 680px) {
.header { height:52px; }
.logo {
	width:130px;
	height:40px;
	margin:0px;
	padding: 8px 0px 0px;
}
.top-rt-cont { padding: 5px 0px 0px 0px; width: 300px;}

 .top-rt-cont ul li a {
	width: 35px;
 	height: 35px;
 	background-size: 245px 35px;
 	background-position: 0px 0px;
 }
 .top-rt-cont ul li a.tr-blog {
 	background-position: 0px 0px;
 }
 .top-rt-cont ul li a.tr-chart {
 	background-position: -35px 0px;
 }
 .top-rt-cont ul li a.tr-login{
   background-position: -70px 0px;
 }

 .top-rt-cont ul li a.tr-profile {
 	background-position: -105px 0px;
 }

 .top-rt-cont ul li a.audio-btn {
 	background-position: -175px 0px;
 }

 .top-rt-cont ul li a.mute-btn {
 	background-position: -140px 0px;
 }

 .top-rt-cont ul li a.tr-practise {
	background-position: -210px 0px;
}
.top-rt-cont ul li a.top-rt-txt {
	font-size:9px;
	text-transform:uppercase;
	font-family:'Sniglet', Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:10px;
	cursor:pointer;
	height:auto;
	background:Transparent;
	width:auto;
	padding:4px 0px 0px 0px;
}

.logo {
	width:130px;
	height:40px;
	margin:0px;
	padding: 8px 0px 0px;
}


.cont-title {
    font-size:30px;
	line-height:35px;
}
.grades-list ul li a { width:85%; }
.para-txt {
    font-size: 14px;
		line-height: 21px;
}
.green-bg-cont, .yellow-bg-cont {
    height: 40px;
}
.green-bg-cont .inner-cont svg { height: 50px;}
}
@media screen and (max-width: 480px) {
.foot .foot-menu li {
	width:auto;
	float:none;
}
.cprt .inner-cont { padding: 10px 0px; }
}
@media screen and (max-width: 420px) {
.foot ul li, .foot ul li.foot-1, .foot ul li.foot-2, .foot ul li.foot-3, .foot ul li.foot-4, .foot ul li.foot-5 {
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
	height: auto;
	padding-bottom: 15px;
	border-bottom:1px dashed #96644b;
}
.foot ul li.foot-5 { border-bottom: 0px; }
.footer .foot { padding: 60px 0px 0px 0px; }
}
#cookieConsent, .home-btn2 {display: none !important;}

/* CSS of loader.css - Start */

.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #C6F1FD !important;
  z-index : 99999999;
}
.preloader {
	position:absolute;
	width:200px;
	height:150px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin : auto;
}
.loading-img{
	width: 128px;
  height: 128px;
	margin:0px auto;
  padding-bottom: 10px;
}
.pre-load { position:relative; }

.percentage {
  z-index: 100;
  font-family:'garden_grownregular', Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
  text-align:center;
  color: #fff;
  line-height: 70px;
  font-size : 30px;
  color:#494e53;
}

.loader,
.percentage{
  height: 10px;
  max-width: 300px;
  border: 2px solid #ea6463;
  border-radius: 20px;
  font-weight: 300;
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
}
.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
  45deg,
    #faaaaa,
    #faaaaa 10px,
    #ea6463 10px,
    #ea6463 20px
  ); /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #cca0a0;
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}

.rotate-sys {
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	display: none;
	font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
    background: #C6F1FD;
}
.rotate-msg {
	text-align: left;
    color: #4a4ea4;
    padding-left: 7px;
}
.rotate-sys table, .rotate-sys table tr, .rotate-sys table tr td { width:100%; height:100%; }
.mobile-icon{
	width:100%;
	max-width:300px;
	margin: 0px auto;
	}
.mobile-icon img { width:100%; }
.logo-icon{
	width:100%;
	max-width: 120px;
	margin: 0px auto;
}
.logo-icon img { width:100%; }
.rotate-sys p {
	font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #d82f91;
	line-height: 32px;
	text-align: center;
	margin-bottom: 20px;
}

.gameloader-wrap {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index : 99999999;
}

.nw-link {
	width: 64px;
	height: 64px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	cursor: pointer;
}
.nw-link img{
	width: 100%;
	height: 100%;
}

.nw-black-cont {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height: 100%;
	background: #000;
	left: 0;
	position: fixed;
	top: 0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 950;
	display: none;
}
.nw-pop-cont {
	left: 0;
	position: fixed;
	top: 0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 1000000;
	-webkit-animation: bummer 0.5s ease-in-out;
	-moz-animation: bummer 0.5s ease-in-out;
	-o-animation:  bummer 0.5s ease-in-out;
	animation: bummer 0.5s ease-in-out;
	color: white;
	display: none;
}
.white-cont {
	width: 85%;
	padding: 30px 10px 30px 10px;
	background: #ffffff;
	margin: 0px auto;
	position: relative;
	-webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.white-cont p {
	font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #454545;
	text-align: center;
}
.close-icon {
	background: url(../images/cancel.png) no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -12px;
	right: -12px;
	cursor: pointer;
	-webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;

}

/* CSS of loader.css - End */

/* CSS for Game introducton - Start */

.intro-black-cont {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height: 100%;
	background: #000;
	left: 0;
	position: fixed;
	top: 0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 950;
}
.intro-pop-cont {
	left: 0;
	position: fixed;
	top: 0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 1000000;
	-webkit-animation: bummer 0.5s ease-in-out;
	-moz-animation: bummer 0.5s ease-in-out;
	-o-animation:  bummer 0.5s ease-in-out;
	animation: bummer 0.5s ease-in-out;
	color: white;
}

.game-intro-btn {
	background-color: #4093e8;
	width: 112px;
    height: 39px;
    margin: 0px auto;
    padding: 0px;
    border: 0px;
    font-size: 19px;
    display: block;
    cursor: pointer;
    line-height: 42px;
    font-family: 'Bubblegum', Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}

.intro-title {
	color: #ffffff;
    font-size: 34px;
    line-height: 55px;
    height: 55px;
    padding: 0px 10px 38px 10px;
    text-shadow: 0 3px 0 #d04f08, 1px 1px #d04f08, -1px -1px 0 #d04f08, 1px -1px 0 #d04f08, -1px 1px 0 #d04f08;
    text-transform: uppercase;
    font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative;
    text-align: center;
}
.intro-pop-cont .white-cont3  {
	text-align: center;
	margin: 0 auto;
	width: auto !important;
	height: 100% !important;
	max-height: -webkit-fill-available !important;
}
.intro-cont {
	width: 65% !important;
	margin: 0 auto;
}
.intro-cont a img {
	width: 65% !important;
}
/* CSS for Game introducton - End */