/*-- HTML CSS Starts --*/
/* -- Fonts : Starts --*/
@font-face {
    font-family:'Ubuntu _Regular';
    src: url('fonts/Ubuntu _Regular.eot');
	src: url('fonts/Ubuntu _Regular.eot?#iefix') format('embedded-opentype'),		
	url('fonts/Ubuntu _Regular.woff') format('woff'),
	url('fonts/Ubuntu _Regular.woff2') format('woff2'),
	url('fonts/Ubuntu _Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family:'Ubuntu _Medium';
    src: url('fonts/Ubuntu _Medium.eot');
	src: url('fonts/Ubuntu _Medium.eot?#iefix') format('embedded-opentype'),		
	url('fonts/Ubuntu _Medium.woff') format('woff'),
	url('fonts/Ubuntu _Medium.woff2') format('woff2'),
	url('fonts/Ubuntu _Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*Fonts : Ends*/
/*! normalize - making reset / default for all browsers */
*,html
{font-family:'Ubuntu _Medium'; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; outline: none;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;
-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
body{background-color:#ffffff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;margin: 0px;padding: 0px; touch-action: manipulation !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
h1{font-size:2em;margin:.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:5px 0;}
b,strong,optgroup{font-weight:700;}
pre,textarea{overflow:auto;}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0;} 
::selection { background: transparent; }
::-moz-selection { background: transparent; }

div{box-sizing: border-box;}

html{overflow: hidden !important; touch-action: manipulation !important;}

div{ touch-action: manipulation !important;}

body{font-family:'Ubuntu _Medium'; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); background-color: #ffffff;}

body input {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    user-select: text;
}

body textarea {
    -webkit-touch-callout: text; -moz-touch-callout: text; -ms-touch-callout: text; -o-touch-callout: text;
    -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text;
    user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text;
}
/*-- HTML CSS Ends --*/

/*-- Loader CSS Starts --*/
#html5Loader{
	top:0;left:0;margin:0;position:fixed;z-index: 3;background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 49%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(49%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 49%);
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 49%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
#html5Loader .fallback {top:50%;position:absolute;text-align:center;width:100%;color:white;/*vertical-align: middle;*/ /*display: block;font-style: normal;font-size:100px;*/}

div#DvLoaderCont{width:300px; height: 50px; position: absolute; top:-100px; left:0px; bottom: 0px; right: 0px; margin: auto; z-index:100; background: #ffffff; overflow: hidden;}
div#DvLoaderProgress{width:300px; height: 50px; position: absolute; top:0px; left:-300px; background:#0070ff;}
div#DvLoaderProgressBgText{
    width:300px; height: 0px; position: absolute; top:0px; left:0px; background:#0070ff; 
    text-align: center; font-size: 32px; color:#ffffff; line-height: 50px; letter-spacing: 5px; font-weight: bold;

}

/*-- Loader CSS Ends --*/


/*--Player CSS Starts --*/
div#DvMainCont{width:1280px; height:720px;	position: absolute;}
div#DvMainCont.ClsAbs{position: absolute !important;}
/* div#DvGameBlocker{width:1280px; height:720px;	position: absolute; margin: auto; z-index: 1000; background: rgba(0,0,0,0.5);}
.ClsShowGameBlocker{display: block !important;}
.ClsHideGameBlocker{display: none !important;} */

div#DvScrCont{width:1280px; height:720px; position: absolute; top:0px; left:0px;}

/*-- Global css : Starts --*/
.ClsDisableCont{pointer-events: none;}
.ClsEnableCont{pointer-events: auto;}

/*-- Screen 0 : Starts --*/
div#DvScr0{width:1280px; height:720px;	position: absolute; top:0px; left:0px; background: url("../assets/images/bgScr0.png"); background-size:cover;}
div#DvPopupScr0{width:1280px; height:720px;	position: absolute; top:0px; left:0px;}

.ClsBgPopupScr0{width:672px; height:233px; position: absolute; top:256px; left:304px; }
div#DvBgPopupScr0_0{background: url("../assets/images/bgPopup.png"); background-size:cover;}
div#DvTxtScr0_0{
	width:672px; height:65px;	position: absolute; top:52px; left:0px;
	color:#ffffff; font-family: "Ubuntu _Regular"; font-size: 24px; text-align: center; /*background: rgba(0,0,0,0.5);*/
}

.ClsBtnScr0{
	width:177px; height:56px; position: absolute; background: url("../assets/images/btnStart.png"); background-size:cover;
	cursor: pointer; color:#ffffff; font-size: 28px; text-align: center; font-family: inherit; line-height: 50px; text-shadow: 2px 2px 2px #0080c9;
}
div#DvBtnPlay{top:146px; left:247px;}

div#DvBgPopupScr0_1{background: url("../assets/images/bgPopup.png"); background-size:cover;}

div#DvBtnPractice{top:146px; left:129px;}
div#DvBtnStart{top:146px; left:366px;}

/*-- Radio Button CSS : Starts --*/

div#DvOptionCont{width:672px; height:140px; position: absolute; top:0px; left:0px; /*background: rgba(0,0,0,0.5);*/}

.ClsOption{
	width:35px; height:35px; position: absolute; top:30px; border:7px solid #0070ff; box-sizing: border-box; cursor: pointer; 
	border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}

div#DvOption0{left:148px;}
div#DvOption1{left:318px;}
div#DvOption2{left:488px;}

.ClsOptionSelect{
	width:21px; height:21px; position: absolute; background: #ffffff; box-sizing: border-box; top:0px; left:0px; pointer-events: none;
	border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}

.ClsOptionText{
	width:120px; height: 30px;	position: absolute; top:70px; font-family: inherit; /*background: rgba(0,0,0,0.5);*/
	font-size: 32px; color: #ffffff;  text-align: center; line-height: 30px;
}

div#DvOptionText0{left:106px;}
div#DvOptionText1{left:276px;}
div#DvOptionText2{left:446px;}


/*-- Radio Button CSS : Ends --*/

/*-- Screen 0 : Ends --*/

/*-- Screen 1 : Starts --*/
div#DvScr1{width:1280px; height:720px;	position: absolute; top:0px; left:0px;}
div#DvBg1_0{width:514px; height:511px; position: absolute; top:129px; left:424px; background: url("../assets/images/pentagon.png"); background-size:cover;}
canvas#CvCanvas{width:256px; height:300px; position: absolute; top:0px; left:0px; display: inline-block; }

div#DvContCanv{width:260px; height:260px; position: absolute; top:270px; left: 540px; transform-origin: 130px 130px;}
div#DvBallCont{width:130px; height:130px; position: absolute; top:130px; left: 130px;}
/*.ClsBall{width:20px; height:20px;	position: absolute; background-image: url("../assets/images/redBall.png");}*/
.ClsBall{
	width:20px; height:20px;	position: absolute; background-color: #a10000; border: 2px solid #000000;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}


div#DvGameCont{width:1280px; height:720px;	position: absolute; top:0px; left:0px; background: url("../assets/images/bgGame.png"); background-size:cover;}
.ClsGreenBtn{
	width:209px; height:68px; position: absolute; background: url("../assets/images/bgScore.png"); background-size:cover;
	font-size: 28px; font-family: inherit; color: #ffffff;  text-align: left; line-height: 60px;
}
div#DvTimer{top:0px; left:49px; padding-left: 51px;}
div#DvScore{top:0px; left:1044px; padding-left: 30px;}

div#DvTitle{
	width:289px; height:68px; position: absolute; top:0px; left:495px; background: url("../assets/images/bgTitle.png"); background-size:cover;
	font-size: 28px; font-family: inherit; color: #ffffff;  text-align: center; line-height: 60px;
}

div#DvBtnBack{
	width:159px; height:64px; position: absolute; top:622px; left:1098px; background: url("../assets/images/btnBack.png"); background-size:cover; /*opacity: 0.5;*/
	font-size: 28px; font-family: inherit; color: #f6ff00;  text-align: center; line-height: 60px; cursor: pointer;
}

div#DvArrow{width:19px; height:23px; position: absolute; top:19px; left:26px; background: url("../assets/images/backArrow.png"); background-size:cover; cursor: pointer;}
div#DvTextBtnBack{
	width:100px; height:35px; position: absolute; top:13px; left:40px; /*background: rgba(0,0,0,0.5);*/
	font-size: 28px; font-family: inherit; color: #f6ff00;  text-align: center; line-height: 36px; cursor: pointer;
}

div#DvOptionContScr1{width:76px; height:506px; position: absolute; top:129px; left:305px; /*background: rgba(0,0,0,0.5);*/}
.ClsOpt{
	width:76px; height:76px; position: absolute; background: url("../assets/images/btnOption.png"); background-size:cover;
	font-size: 32px; font-family: inherit; color: #ffffff;  text-align: center; line-height: 70px; cursor: pointer;
}

div#DvOpt0{top:0px; left:0px;}
div#DvOpt1{top:86px; left:0px;}
div#DvOpt2{top:172px; left:0px;}
div#DvOpt3{top:258px; left:0px;}
div#DvOpt4{top:344px; left:0px;}
div#DvOpt5{top:430px; left:0px;}

div#DvIcon0{width:45px; height:46px; position: absolute; top:16px; left:-60px;}
div#DvIcon1{width:45px; height:46px; position: absolute; top:102px; left:-60px;}
div#DvIcon2{width:45px; height:46px; position: absolute; top:188px; left:-60px;}
div#DvIcon3{width:45px; height:46px; position: absolute; top:274px; left:-60px;}
div#DvIcon4{width:45px; height:46px; position: absolute; top:360px; left:-60px;}
div#DvIcon5{width:45px; height:46px; position: absolute; top:446px; left:-60px;}
.ClsTickCorrect{
	background: url("../assets/images/tickRight.png"); background-repeat: no-repeat; background-position: center; background-color: #ffffff; 
	border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
 }
.ClsTickWrong{
	background: url("../assets/images/tickWrong.png"); background-repeat: no-repeat; background-position: center; background-color: #ffffff; 
	border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
}


/*-- Replay Popup : Starts --*/
div#DvPopupReplay{width:1280px; height:720px;	position: absolute; top:0px; left:0px; /*background: url("../assets/images/bgScr0.png"); background-size:cover;*/ background: rgba(0,0,0,0.5);}
div#DvBgPopupScr1_0{background: url("../assets/images/bgPopup.png"); background-size:cover; }
div#DvTxtScr1_0{
	width:672px; height:65px;	position: absolute; top:52px; left:0px;
	color:#ffffff; font-family: "Ubuntu _Regular"; font-size: 44px; text-align: center; /*background: rgba(0,0,0,0.5);*/
}
div#DvBtnReplay{top:146px; left:247px;}
/*-- Replay Popup : Ends --*/

/*-- Screen 1 : Ends --*/






canvas{ display: block; vertical-align: bottom; } 
/* ---- particles.js container ---- */ 
#particles-js{ 
	position:absolute; width: 100%; height: 100%; background-color: #000000; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
/* ---- stats.js ---- */ 
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } 
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; } 
.count-particles{ border-radius: 0 0 3px 3px; }