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

/*Fonts : Ends*/
/*! normalize - making reset / default for all browsers */
/*
*,html
{font-family:'Lilita_One'; -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:'Lilita_One'; -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:#8d4513;}
div#DvLoaderProgressBgText{
    width:300px; height: 0px; position: absolute; top:0px; left:0px; background:#8d4513; 
    text-align: center; font-size: 32px; color:#ffffff; line-height: 50px; letter-spacing: 5px;

}

/*-- Loader CSS Ends --*/


/*--Player CSS Starts --*/
div#DvMainCont{width:1280px; height:720px;	position: absolute;}
div#DvMainCont.ClsAbs{position: absolute !important;}
.ClsCopyright { width: 1280px; height: 30px; position: absolute; bottom: 0px; left: 0px; text-align:center; font-size: 20px; color: #905d28;}

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

/*-- 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.jpeg"); background-size:cover;}
div#DvBtn0_0{width:381px; height:161px; position: absolute; top:479px; left:449px; background: url("../assets/images/btn0_0.png"); background-size:cover; cursor: pointer;}
div#DvBtn0_0:hover{
	transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);
}

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

/*-- Screen 1 : Starts --*/
div#DvScr1{width:1280px; height:720px;	position: absolute; top:0px; left:0px; background: url("../assets/images/bgScr1.jpg"); background-size:cover;}
div#DvTxtScr1_0{ width:627px; height:83px; position: absolute; top:18px; left:327px; background: url("../assets/images/titleScr1.png"); background-size:cover;}

div#DvBtnChar0{
	width:316px; height:339px; position: absolute; top:203px; left:94px; background-size:cover; cursor: pointer;
	border-radius: 30%; -webkit-border-radius: 30%; -moz-border-radius: 30%; -ms-border-radius: 30%; -o-border-radius: 30%;
}
div#DvBtnChar0:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvBtnChar1{
	width:451px; height:340px; position: absolute; top:226px; left:415px; background-size:cover; cursor: pointer;
	border-radius:40%; -webkit-border-radius:40%; -moz-border-radius:40%; -ms-border-radius:40%; -o-border-radius:40%;
}
div#DvBtnChar1:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvBtnChar2{
	width:251px; height:435px; position: absolute; top:115px; left:898px; background-size:cover; cursor: pointer; 
	border-radius: 40%; -webkit-border-radius: 40%; -moz-border-radius: 40%; -ms-border-radius: 40%; -o-border-radius: 40%;
}
div#DvBtnChar2:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

.ClsChar0{background-image: url("../assets/images/bee0.png");}
.ClsChar1{background-image: url("../assets/images/bee1.png");}
.ClsChar2{background-image: url("../assets/images/bee2.png");}

.ClsStage{width:537px; height:121px;	position: absolute; background: url("../assets/images/stage.png"); background-size:cover;}

div#DvStage1_0{top:516px; left:-25px;}
div#DvStage1_1{top:540px; left:372px;}
div#DvStage1_2{top:516px; left:764px;}
/*-- Screen 1 : Ends --*/

/*-- Screen 2 : Starts --*/ 
div#DvScr2{width:1280px; height:720px;	position: absolute; top:0px; left:0px; background: url("../assets/images/bgScr1.jpg"); background-size:cover;}
div#DvScr2.ClsDisable{pointer-events: none;}

div#DvCharScr2{position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat;}

div#DvCharScr2.ClsChar0{width:316px; height:339px; top:224px; left:90px; background-image: url("../assets/images/bee0.png");}
div#DvCharScr2.ClsChar1{width:451px; height:340px; top:226px; left:29px; background-image: url("../assets/images/bee1.png");}
div#DvCharScr2.ClsChar2{width:251px; height:435px; top:128px; left:130px; background-image: url("../assets/images/bee2.png");}

div#DvCharNameScr2{width:150px; height:30px; position: absolute; top:385px; left:75px; color:#ffffff;  font-size: 30px; text-align: center;}

div#DvStage2_0{top:540px; left:-15px;}

div#DvBtnAudio{width:80px; height:83px;	position: absolute; top:10px; left:1074px; background: url("../assets/images/btnSound.png"); background-size:cover; cursor: pointer;}
div#DvBtnAudio:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvBtnHome{width:80px; height:83px;	position: absolute; top:10px; left:1170px; background: url("../assets/images/btnHome.png"); background-size:cover; cursor: pointer;}
div#DvBtnHome:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
div#DvBtnHome.ClsDisable{pointer-events: none; opacity: 0.5;}


div#DvGameBase{width:670px; height:419px;	position: absolute; top:150px; left:540px; background: url("../assets/images/gameBase.png"); background-size:cover; /*opacity: 0.5;*/}

div#DvContDef{width:582px; height:362px;	position: absolute; top:25px; left:44px; /*background: rgba(0,0,0,0.5);*/}
div#DvWordDef{
	width:562px; height:320px; position: absolute; top:40px; left:20px; /*background: rgba(0,0,0,0.5);*/
	color:#905d28;  font-size: 28px; text-align: left;
}
div#DvBtnCloseDef{
	width:40px; height:41px;	position: absolute; top:-4px; left:556px; background: url("../assets/images/btn.png"); background-size:cover; cursor: pointer;
	color:#ffffff;  font-size: 22px; text-align: center; line-height: 40px;
}
div#DvBtnCloseDef:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvContQues{width:582px; height:362px;	position: absolute; top:25px; left:44px; /*background: rgba(0,0,0,0.5);*/}

.ClsLabel{width:582px; height:30px; position: absolute; color:#905d28;  font-size: 34px; text-align: center;}
div#DvLabel2{top:22px; left:0px; }

#DvInpAns {
	width: 562px; height: 100px; position: absolute; top: 100px; left: 6px; background: transparent; font-size: 34px; text-align: center;
	border: 4px solid #000000;
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}

div#DvBtnDef{width:279px; height:108px;	position: absolute; top:252px; left:-5px; background: url("../assets/images/btnDefn.png"); background-size:cover; cursor: pointer;}
div#DvBtnDef:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvBtnWord{width:279px; height:108px;	position: absolute; top:252px; left:305px; background: url("../assets/images/btnWord.png"); background-size:cover; cursor: pointer;}
div#DvBtnWord:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

div#DvContResult{width:582px; height:362px;	position: absolute; top:25px; left:44px;}

div#DvLabel2_0{top:72px; left:0px; font-size: 64px;}
div#DvLabel2_1{top:5px; left:0px; }
div#DvLabel2_2{top:60px; left:0px; }

div#DvLabel2_3{top:160px; left:0px; }

div#DvLabel2_4{top:100px; left:0px; font-size: 78px;}

div#DvBtnReplay{
	width:279px; height:108px;	position: absolute; top:252px; left:151px; background: url("../assets/images/btnNext.png"); background-size:cover; cursor: pointer;
	color:#ffffff; line-height: 94px; font-size: 38px; text-align: center;
}
div#DvBtnReplay:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}



.ClsHR{width:100%; height: 1px; position: absolute; left:0px; background-color: #905d28; opacity: 0.75; border: none;}
#HR0{top:46px;}
#HR1{top:145px;}

div#DvCorrectAnsbox{width:582px; height:50px; position: absolute; top: 100px; left:0px; color:#176c28; font-size: 34px; text-align: center;}

div#DvAnsBox{width:582px; height:50px; position: absolute; top:200px; left:0px; color:#f90a0a; font-size: 34px; text-align: center;}

div#DvBtnNextQues{
	width:279px; height:108px;	position: absolute; top:252px; left:151px; background: url("../assets/images/btnNext.png"); background-size:cover; cursor: pointer;
	color:#ffffff; line-height: 94px; font-size: 38px; text-align: center;
}
div#DvBtnNextQues:hover{transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
div#DvBtnNextQues.ClsDisable{pointer-events: none; opacity: 0.5;}

/*-- Screen 2 : Ends --*/

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