.mainPanel{/* display: none; */background: url("../Images/BG.jpg") top right no-repeat;width: 900px;height: 560px;position: relative;}
	
body{

z-index: 2;
overflow:hidden;
}

html, body {
    font-family: 'Stag Sans Web';
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
html {
    background: black;
}

.gamesWrapper{width: 1280px;height: 960px;position:relative;transform-origin: top left;}

.rubric{
    font-family: mmAsap;
    font-size: 46px;
    font-weight: 600;
    position: absolute;
    top: 50px;
    left: 389px;
}

.newImg1{width: 115px;height: 115px;border-radius:68px;position:absolute;top: 254px;left: 132px;cursor: pointer;}
.newImg2 {width:115px;height:115px;border-radius:68px;position:absolute;top: 464px;left: 131px;cursor: pointer;}
.newImg3 {width:115px;height:115px;border-radius:68px;position:absolute;top: 134px;left: 330px;cursor: pointer;}
.newImg4 {width:115px;height:115px;border-radius:68px;position:absolute;top: 355px;left: 327px;cursor: pointer;}
.newImg5 {width:115px;height:115px;border-radius:68px;position:absolute;top: 584px;left: 326px;cursor: pointer;}
.newImg6 {width:115px;height:115px;border-radius:68px;position:absolute;top: 131px;left: 527px;cursor: pointer;}
.newImg7 {width:115px;height:115px;border-radius:68px;position:absolute;top: 359px;left: 527px;cursor: pointer;}
.newImg8 {width:115px;height:115px;border-radius:68px;position:absolute;top: 583px;left: 527px;cursor: pointer;}
.newImg9 {width:115px;height:115px;border-radius:68px;position:absolute;top: 254px;left: 722px;cursor: pointer;}
.newImg10 {width:115px;height:115px;border-radius:68px;position:absolute;top: 464px;left: 717px;cursor: pointer;}

.newImg1 img{margin-top: 7px;margin-left: -15px;}
.newImg2 img{margin-top: 3px;margin-left: 0px;}
.newImg3 img{margin-top: 7px;margin-left: -1px;}
.newImg4 img{margin-top: 7px;margin-left: -15px;}
.newImg5 img{margin-top: 9px;margin-left: 0px;}
.newImg6 img{margin-top: 7px;margin-left: -8px;}
.newImg7 img{margin-top: 10px;margin-left: 4px;}
.newImg8 img{margin-top: 7px;margin-left: -3px;}
.newImg9 img{margin-top: 7px;margin-left: 1px;}
.newImg10 img{margin-top: 7px;margin-left: 2px;}

.question{line-height:40px;color: white;margin-top: 15px;}

.questionsPanel{
				/* display:none; */
				width: 1280px;
				height: 960px;
				position: relative;
				font-family: mmAsap Bold;
				font-size: 22px;
				overflow: hidden;
				background: url("../Images/BG.jpg") top right no-repeat;
				}

				
.titleQ{position:absolute;top: 10px;left: 365px;}
				
.questionContent{display: inline-flex;width: 900px;position: absolute;top: 95px;left: 40px;right: 0px;text-align: center;margin: 0px auto;z-index:2;}

.questionImage{margin-top: 18px;}

.questionAnswers{margin-top: 30px;position: relative;width: 420px;margin-left: 80px;text-align: left;font-size: 18px;font-family: mmAsap;}

.blockPanel{width:100%;height:100%;position:absolute;top:0px;left:0px;background: rgba(0,0,0,0);display: none;}

.start{position: absolute;top: 830px;left: 112px;z-index: 3;cursor:pointer;/* border: 3px solid white; *//* border-radius: 20px; */ width: 222px; /* height: 58px; */}


.disablehover {position: absolute;top: 475px;left: 80px;z-index: 3; cursor:default !important;}
.disable{cursor:default !important;}


.start:hover {-webkit-filter: drop-shadow(0px 0px 20px rgba(250,250,0,1));
			filter: drop-shadow(0px 0px 20px rgba(250,250,0,1));
			-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
			filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";}

.start span{color:white;position: absolute;top: 19px;left: 60px;font-family: mmAsap;font-size: 52px;cursor:pointer;}

.start:hover span{color:black;}

.frog{position:absolute;top: 230px;left: 95px;z-index:2;}

.circles{
    position: absolute;
    top: 239px;
    left: 90px;
}

.st1{}

.circle1{background-color: rgb(254,51,10);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 80px;left: 225px;}
.circle2{background-color: rgb(255,121,0);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 290px;left: 225px;}
.circle3{background-color: rgb(255,255,25);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: -37px;left: 420px;}
.circle4{background-color: rgb(172,255,51);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 189px;left: 420px;}
.circle5{background-color: rgb(31,255,219);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 413px;left: 420px;}
.circle6{background-color: rgb(110,204,255);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: -37px;left: 620px;}
.circle7{background-color: rgb(14,17,132);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 189px;left: 620px;}
.circle8{background-color: rgb(70,1,146);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 413px;left: 620px;}
.circle9{background-color: rgb(255,96,176);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 80px;left: 815px;}
.circle10{background-color: rgb(255,38,91);width: 160px;height: 160px;border: 4px solid white;border-radius: 88px;position: absolute;top: 290px;left: 815px;}

.exit_btn{position:absolute;top: 825px;left: 1140px;cursor:pointer;}

.exit_btn:hover svg{filter: invert(100%);}

.winnerPanel {
				background: url("../Images/BG2.jpg") top right no-repeat;
				position:absolute;
				display:none;
				width: 1280px;
				height: 960px;
				/* position: relative; */
				}

.winnerContent {padding-top: 150px;}	

.winnerBox{width: 560px;height: 70px;font-family: mmAsap;font-size: 75px;text-align: center;font-weight: 600;position: absolute;top: 212px;left: 360px;}				

.playagain_btn{background: url("../Images/pl_again.png") top right no-repeat;width: 159px;height: 317px;cursor: pointer;position: absolute;top: 643px;left: 135px;}

.playagain_btn:hover {
			-webkit-filter: drop-shadow(0px 0px 20px rgba(250,250,0,1));
			filter: drop-shadow(0px 0px 20px rgba(250,250,0,1));
			-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
			filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";}


.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}  

@keyframes jump {
	0% {}
	50%  {transform: translateY(-250px);}
	100% {}
}
.jump{animation: jump 1s ease-in 1;-webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;}


[data-wins="0"]{top: 363px;left: 116px;}
[data-wins="1"]{top: 328px;left: 323px;}
[data-wins="2"]{top: 541px;left: 322px;}	
[data-wins="3"]{top: 213px;left: 519px;}	
[data-wins="4"]{top: 440px;left: 518px;}	
[data-wins="5"]{top: 660px;left: 519px;}	
[data-wins="6"]{top: 211px;left: 719px;}
[data-wins="7"]{top: 436px;left: 716px;}	
[data-wins="8"]{top:660px; left:716px;}	
[data-wins="9"]{top: 328px;left: 913px;}	
[data-wins="10"]{top: 537px;left: 913px;}