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

/*Fonts : Ends*/
/*! normalize - making reset / default for all browsers */
*,html
{font-family:'Arial'; -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:'Arial'; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); background-color: #EFF1F4; /*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:#e30413;}
div#DvLoaderProgressBgText{
    width:300px; height: 0px; position: absolute; top:0px; left:0px; background:#e30413; 
    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; background-color: #EFF1F4; background-color: #EFF1F4;}

div#DvBlocker{width:1280px; height:720px; position: absolute; top:0px; left:0px; pointer-events: auto; /*background: rgba(0,0,0,0.5);*/}

/*-- Global css : Starts --*/

.ClsDisableCont{pointer-events: none; opacity: 0.5;}
.ClsEnableCont{pointer-events: auto; opacity: 1;}
/*-- Screen 0 : Starts --*/
div#DvScr0{width:1280px; height:720px;	position: absolute; top:0px; left:0px;}

/*-- Header : Starts --*/
div#DvHeader{width:1280px; height:75px; position: absolute; top:0px; left:0px; background: #EFF1F4;}
div#DvActNo{
    width:125px; height:50px; position: absolute; top:15px; left:8px;  background-color: #a4a4a6;
    text-align: center; font-family: 'verdana'; font-size: 30px; font-weight: bold; color:#000000; line-height: 44px;
    border:2px solid rgb(102 98 85);
    border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px;
}

div#DvResetBtn{
    width:40px; height:39px; position: absolute; top:18px; left:160px; cursor: pointer; background: url("../assets/images/player/reset.png"); background-size: cover;
    transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5);
}

div#DvNextBtn{
    width:63px; height:50px; position: absolute; top:18px; right:30px; cursor: pointer; background: url("../assets/images/player/next.png"); background-size: cover;
    /* transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); */
}

/*-- Header : Ends --*/

/*-- Body : Starts --*/
div#DvBody{width:1280px; height:570px; position: absolute; top:75px; left:0px; background: #EFF1F4;}
.ClsSelectedDay{background: #6996eb !important; color:#ffffff !important;}
.ClsWrongSelect{background: #ff0000 !important; color:#000000 !important;}
.ClsRightSelect{background: #00ff00 !important; color:#000000 !important;}

.ClsQuesCont{width:1280px; height:570px; position: absolute; top:0px; left:0px;}

/*Question 0*/

div#DvBase0{width:715px; height:467px; position: absolute; top:51px; left:282px; background: url("../assets/images/ques1/frame.png"); background-size: cover;}

div#DvCont0_0{width:334px; height:327px; position: absolute; top:18px; left:18px; background: url("../assets/images/ques1/container1.png"); background-size: cover;}
div#DvCont0_1{width:256px; height:252px; position: absolute; top:93px; left:410px; background: url("../assets/images/ques1/container2.png"); background-size: cover;}

div#DvBtnCont0_0{width:217px; height:89px; position: absolute; top:366px; left:80px; background: url("../assets/images/ques1/button1.png"); background-size: cover;}
div#DvBtnCont0_1{width:217px; height:89px; position: absolute; top:366px; left:436px; background: url("../assets/images/ques1/button2.png"); background-size: cover;}

div#DvBtn0_0{width:70px; height:70px; position: absolute; top:12px; left:50px; background: url("../assets/images/ques1/cube.png"); background-size: cover; cursor: pointer;}
div#DvBtn0_1{width:70px; height:70px; position: absolute; top:12px; left:50px; background: url("../assets/images/ques1/cube.png"); background-size: cover; cursor: pointer;}

div#DvText0_0{
    width:60px; height:60px; position: absolute; top:14px; left:140px; /*background: rgba(0,0,0,0.5);*/
    text-align: center; color: #000000; font-family: 'verdana'; line-height: 60px; font-size:32px; font-weight: bold;
}

div#DvText0_1{
    width:60px; height:60px; position: absolute; top:14px; left:140px; /*background: rgba(0,0,0,0.5);*/
    text-align: center; color: #000000; font-family: 'verdana'; line-height: 60px; font-size:32px; font-weight: bold;
}

div#DvCellCont0{width:296px; height:296px; position: absolute; top:16px; left:23px; /*background: rgba(0,0,0,0.5);*/}
div#DvCellCont1{width:222px; height:222px; position: absolute; top:16px; left:20px; /*background: rgba(0,0,0,0.5);*/}

.ClsCell{width:82px; height:82px; position: absolute; background: url("../assets/images/ques1/cube.png"); background-size: cover;}
div#DvCell0_0{top:0px; left:-4px;}
div#DvCell0_1{top:0px; left:69px;}
div#DvCell0_2{top:0px; left:142px;}
div#DvCell0_3{top:0px; left:215px;}

div#DvCell0_4{top:73px; left:-4px;}
div#DvCell0_5{top:73px; left:69px;}
div#DvCell0_6{top:73px; left:142px;}
div#DvCell0_7{top:73px; left:215px;}

div#DvCell0_8{top:146px; left:-4px;}
div#DvCell0_9{top:146px; left:69px;}
div#DvCell0_10{top:146px; left:142px;}
div#DvCell0_11{top:146px; left:215px;}

div#DvCell0_12{top:219px; left:-4px;}
div#DvCell0_13{top:219px; left:69px;}
div#DvCell0_14{top:219px; left:142px;}
div#DvCell0_15{top:219px; left:215px;}


div#DvCell1_0{top:0px; left:-4px;}
div#DvCell1_1{top:0px; left:69px;}
div#DvCell1_2{top:0px; left:142px;}

div#DvCell1_3{top:73px; left:-4px;}
div#DvCell1_4{top:73px; left:69px;}
div#DvCell1_5{top:73px; left:142px;}

div#DvCell1_6{top:146px; left:-4px;}
div#DvCell1_7{top:146px; left:69px;}
div#DvCell1_8{top:146px; left:142px;}



/*Question 1*/
div#DvBase1{width:715px; height:467px; position: absolute; top:51px; left:282px; background: url("../assets/images/ques1/frame.png"); background-size: cover;}

div#DvBtnCont1_0{width:217px; height:89px; position: absolute; top:366px; left:80px; background: url("../assets/images/ques2/button.png"); background-size: cover;}
div#DvBtnCont1_1{width:217px; height:89px; position: absolute; top:366px; left:436px; background: url("../assets/images/ques2/button.png"); background-size: cover;}

div#DvBtn1_0{
    width:147px; height:96px; position: absolute; top:-2px; left:6px; background: url("../assets/images/ques2/cup.png"); background-size: cover; cursor: pointer;
    transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65);
}
div#DvBtn1_1{
    width:147px; height:96px; position: absolute; top:-2px; left:6px; background: url("../assets/images/ques2/cup.png"); background-size: cover; cursor: pointer;
    transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65);
}

div#DvText1_0{
    width:60px; height:60px; position: absolute; top:14px; left:140px; /*background: rgba(0,0,0,0.5);*/
    text-align: center; color: #000000; font-family: 'verdana'; line-height: 60px; font-size:32px; font-weight: bold;
}

div#DvText1_1{
    width:60px; height:60px; position: absolute; top:14px; left:140px; /*background: rgba(0,0,0,0.5);*/
    text-align: center; color: #000000; font-family: 'verdana'; line-height: 60px; font-size:32px; font-weight: bold;
}


div#DvContBottle{width:135px; height:390px; position: absolute; top:120px; left:80px; overflow: hidden;}
div#DvWaterBottle{width:135px; height:390px; position: absolute; top:0px; left:0px; background: url("../assets/images/ques2/bottle_waterFill.png"); background-size: cover;}
div#DvCoverWaterBottle{width:135px; height:390px; position: absolute; top:-390px; left:0px; background: #EFF1F4;}

div#DvBigBottleCover{
    width:156px; height:439px; position: absolute; top:82px; left:70px; background: url("../assets/images/ques2/bottleEmpty.png"); background-size: cover; opacity: 0.5;
    border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px;
}

div#DvContGlass0{width:170px; height:239px; position: absolute; top:115px; left:95px; overflow: hidden;}
div#DvWaterGlass0{width:170px; height:239px; position: absolute; top:0px; left:0px; background: url("../assets/images/ques2/smallGlass_water.png"); background-size: cover;}
div#DvCoverWaterGlass0{width:170px; height:239px; position: absolute; top:0px; left:0px; background: #eab686;}

div#DvWaterDrop0{width:11px; height:73px; position: absolute; top:0px; left:80px; background: url("../assets/images/ques2/waterDrop.png"); background-size: cover;}

div#DvSmallGlassCover{
    width:185px; height:254px; position: absolute; top:110px; left:89px; background: url("../assets/images/ques2/smallGlassEmpty.png"); background-size: cover; opacity: 0.5;
    border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px;
} 

div#DvContGlass1{width:204px; height:287px; position: absolute; top:67px; left:436px; overflow: hidden;}
div#DvWaterGlass1{width:204px; height:287px; position: absolute; top:0px; left:0px; background: url("../assets/images/ques2/bigGlass_water.png"); background-size: cover;}
div#DvCoverWaterGlass1{width:204px; height:287px; position: absolute; top:0px; left:0px; background: #eab686;}

div#DvBigGlassCover{
    width:219px; height:301px; position: absolute; top:62px; left:430px; background: url("../assets/images/ques2/bigGlassEmpty.png"); background-size: cover; opacity: 0.5;
    border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px;
}

div#DvWaterDrop1{width:11px; height:73px; position: absolute; top:0px; left:95px; background: url("../assets/images/ques2/waterDrop.png"); background-size: cover;}

div#DvCup{width:147px; height:96px; position: absolute; top:420px; left:1050px; background: url("../assets/images/ques2/cup.png"); background-size: cover;}

div#DvCup0{
    width:147px; height:96px; position: absolute; top:83px; left:468px; background: url("../assets/images/ques2/cup.png"); background-size: cover;
    transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center;
    transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg); -ms-transform: rotate(-55deg); -o-transform: rotate(-55deg);
}

div#DvCup1{
    width:147px; height:96px; position: absolute; top:36px; left:823px; background: url("../assets/images/ques2/cup.png"); background-size: cover;
    transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center;
    transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg); -ms-transform: rotate(-55deg); -o-transform: rotate(-55deg);
}
/*-- Body : Ends --*/

/*-- Footer : Starts --*/
div#DvFooter{width:1280px; height:75px; position: absolute; top:645px; left:0px; background: #EFF1F4;}

div#DvFooterBase{
    width:1260px; height:70px; position: absolute; top:0px; left:10px;  background-color: #a4a4a6;
    border:2px solid rgb(102 98 85);
    border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px;
}

div#DvQuestion{
    width:1180px; height:60px; position: absolute; top:5px; left:10px;
    text-align: left; font-family: 'verdana'; font-size: 24px; color:#000000; /*line-height: 60px;*/    
}

div#DvQuesCloseBtn{width:41px; height:41px; position: absolute; top:12px; right:15px; cursor: pointer; background: url("../assets/images/player/close.png"); background-size: cover;}
div#DvQuesMarkBtn{
    width:39px; height:37px; position: absolute; top:16px; left:20px; cursor: pointer; background: url("../assets/images/player/quesMark.png"); background-size: cover;
    transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5);
}
/*-- Footer : Ends --*/
/*-- Screen 0 : Ends --*/