/*-- HTML CSS Starts --*/
/* -- Fonts : Starts --*/
@font-face {
    font-family:'ArialMT';
    src: url('fonts/ArialMT.eot');
	src: url('fonts/ArialMT.eot?#iefix') format('embedded-opentype'),		
	url('fonts/ArialMT.woff') format('woff'),	
	url('fonts/ArialMT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*Fonts : Ends*/
/*! normalize - making reset / default for all browsers */
*,html
{font-family:'ArialMT'; -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:'ArialMT'; -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:#ca3239;}
div#DvLoaderProgressBgText{
    width:300px; height: 0px; position: absolute; top:0px; left:0px; background:#ca3239; 
    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:1024px; height:768px;	position: absolute; background: url("../assets/images/bg.png"); background-size:cover;}
div#DvMainCont.ClsAbs{position: absolute !important;}
/* div#DvGameBlocker{width:1024px; height:768px;	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:1024px; height:768px; position: absolute; top:0px; left:0px;}

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

div#DvCoverDiv{width:1024px; height:768px; position: absolute; top:0px; left:0px; /*background: rgba(0,0,0,0.5);*/}

/**/

/*-- Screen 0 : Starts --*/
div#DvScr0{width:894px; height:638px; position: absolute; top:65px; left:65px; /*background: rgba(0,0,0,0.5);*/}
div#DvBookIcon{width:513px; height:385px;	position: absolute;  top:65px; left:190px; background: url("../assets/images/book.png"); background-size:cover;}
div#DvStartBtn{
	width:169px; height:71px;	position: absolute;  top:516px; left:362px; background: url("../assets/images/btnBg.png"); background-size:cover;
	font-size: 28px; color: #ffffff; line-height: 71px; font-weight: bold; letter-spacing: 2px; text-align: center; cursor: pointer;
	text-shadow: 4px 4px 4px rgb(161 57 40); -moz-text-shadow: 4px 4px 4px rgb(161 57 40); -webkit-text-shadow: 4px 4px 4px rgb(161 57 40); 
	-ms-text-shadow: 4px 4px 4px rgb(161 57 40); -o-text-shadow: 4px 4px 4px rgb(161 57 40);
}
/*-- Screen 0 : Ends --*/

/*-- Screen 1 : Starts --*/
div#DvScr1{width:894px; height:638px;	position: absolute; top:65px; left:65px; /*background: rgba(0,0,0,0.5);*/}
div#DvInstruct1{
	width:894px; height:32px;	position: absolute; top:-8px; left:0px; /*background: rgba(0,0,0,0.5);*/
	font-size: 30px; color: #013d32; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-align: center;
}
div#DvQuesNo{
	width:150px; height:32px;	position: absolute; top:50px; left:372px; /*background: rgba(0,0,0,0.5);*/
	font-size: 32px; color: #013d32; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-align: center;
}

div#DvPrev{width:71px; height:71px; position: absolute;  top:283px; left:-64px; background: url("../assets/images/left.png"); background-size:cover;}
div#DvPrev.ClsEnable{background-position: 0px 0px; cursor: pointer; pointer-events: auto;}
div#DvPrev.ClsDisable{background-position: -71px 0px; cursor: default; pointer-events: none;}


div#DvNext{width:71px; height:71px; position: absolute;  top:283px; right:-64px; background: url("../assets/images/right.png"); background-size:cover;}
div#DvNext.ClsEnable{background-position: 0px 0px; cursor: pointer; pointer-events: auto;}
div#DvNext.ClsDisable{background-position: -71px 0px; cursor: default; pointer-events: none;}

div#DvCheckAns{
	width:169px; height:71px; position: absolute;  top:660px; left:432px; background: url("../assets/images/btnBg.png"); background-size:cover;
	font-size: 28px; color: #ffffff; line-height: 71px; font-weight: bold; letter-spacing: 2px; text-align: center; cursor: pointer;
	text-shadow: 4px 4px 4px rgb(161 57 40); -moz-text-shadow: 4px 4px 4px rgb(161 57 40); -webkit-text-shadow: 4px 4px 4px rgb(161 57 40); 
	-ms-text-shadow: 4px 4px 4px rgb(161 57 40); -o-text-shadow: 4px 4px 4px rgb(161 57 40);
}
div#DvCheckAns.ClsEnable{background-position: 0px 0px; cursor: pointer; pointer-events: auto; opacity: 1;}
div#DvCheckAns.ClsDisable{background-position: -169px 0px; cursor: default; pointer-events: none; opacity: 0.5;}


div#DvSubmit{
	width:169px; height:71px; position: absolute;  top:660px; left:432px; background: url("../assets/images/btnBg.png"); background-size:cover;
	font-size: 28px; color: #ffffff; line-height: 71px; font-weight: bold; letter-spacing: 2px; text-align: center; cursor: pointer;
	text-shadow: 4px 4px 4px rgb(161 57 40); -moz-text-shadow: 4px 4px 4px rgb(161 57 40); -webkit-text-shadow: 4px 4px 4px rgb(161 57 40); 
	-ms-text-shadow: 4px 4px 4px rgb(161 57 40); -o-text-shadow: 4px 4px 4px rgb(161 57 40);
}
div#DvSubmit.ClsEnable{background-position: 0px 0px; cursor: pointer; pointer-events: auto; opacity: 1;}
div#DvSubmit.ClsDisable{background-position: -169px 0px; cursor: default; pointer-events: none; opacity: 0.5;}

div#DvReset{
	width:169px; height:71px; position: absolute;  top:660px; left:432px; background: url("../assets/images/btnBg.png"); background-size:cover;
	font-size: 28px; color: #ffffff; line-height: 71px; font-weight: bold; letter-spacing: 2px; text-align: center; cursor: pointer;
	text-shadow: 4px 4px 4px rgb(161 57 40); -moz-text-shadow: 4px 4px 4px rgb(161 57 40); -webkit-text-shadow: 4px 4px 4px rgb(161 57 40); 
	-ms-text-shadow: 4px 4px 4px rgb(161 57 40); -o-text-shadow: 4px 4px 4px rgb(161 57 40);
}
div#DvReset.ClsEnable{background-position: 0px 0px; cursor: pointer; pointer-events: auto; opacity: 1;}
div#DvReset.ClsDisable{background-position: -169px 0px; cursor: default; pointer-events: none; opacity: 0.5;}

div#DvQuesImgOuterCont{
	width:400px; height:400px; position: absolute;  top:90px; left:247px; border:4px solid #013d32; 
	border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;

	box-shadow: 0px 0px 60px 15px rgba(113,233,214,0.5) inset;
	-webkit-box-shadow: 0px 0px 60px 15px rgba(113,233,214,0.5) inset;
	-moz-box-shadow: 0px 0px 60px 15px rgba(113,233,214,0.5) inset;
}

div#DvQuesImgCont{
	width:380px; height:380px; position: absolute;  top:6px; left:6px; background-image: url("../data/images/bus.jpg"); background-size:contain;
	background-repeat: no-repeat; background-position: center; 
	border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;
}

div#DvAudBtnWord{
	width:75px; height:75px; position: absolute;  top:110px; left:72px; background: url("../assets/images/btnAudLeft.png"); background-size:cover; cursor: pointer;
	border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}
div#DvAudBtnPhon{
	width:75px; height:75px; position: absolute;  top:110px; left:748px; background: url("../assets/images/btnAudRight.png"); background-size:cover; cursor: pointer;
	border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;
}
.ClsDisableAudBtn{opacity: 0.5 !important; cursor: default !important;}

.ClsLabel{width:200px; height:50px;	position: absolute; font-size: 20px; color: #013d32; font-weight: bold; letter-spacing: 2px; text-align: center; /*background: rgba(0,0,0,0.5);*/}
div#DvLabel0{top:190px; left:12px;}
div#DvLabel1{top:190px; left:690px;}
div#DvLabel2{top:50px; left:640px; font-size: 32px;}

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

.ClsOption{
	width:35px; height:35px; position: absolute; top:14px; border:5px solid #07896c; 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:150px;}
div#DvOption1{left:380px;}
div#DvOption2{left:610px;}

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

.ClsOptionText{
	width:150px; height: 50px;	position: absolute; top:6px; /*background: rgba(0,0,0,0.5);*/
	font-size: 42px; color: #013d32; font-weight: bold; letter-spacing: 5px; text-align: left; padding-left: 5px; line-height: 50px;
}

div#DvOptionText0{left:200px;}
div#DvOptionText1{left:430px;}
div#DvOptionText2{left:660px;}

div#DvIcon0{width:30px; height:31px; position: absolute; top:60px; left:235px;}
div#DvIcon1{width:30px; height:31px; position: absolute; top:60px; left:455px;}
div#DvIcon2{width:30px; height:31px; position: absolute; top:60px; left:692px;}
.ClsTickCorrect{background: url("../assets/images/tickRight.png"); background-size:cover;}
.ClsTickWrong{background: url("../assets/images/tickWrong.png"); background-size:cover;}


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

/*-- Screen 2 : Starts --*/
div#DvScr2{width:894px; height:638px;	position: absolute; top:65px; left:65px; /*background: rgba(0,0,0,0.5);*/}
div#DvInstruct2{
	width:894px; height:32px;	position: absolute; top:-16px; left:0px; /*background: rgba(0,0,0,0.5);*/
	font-size: 32px; color: #013d32; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-align: center;
}

div#DvTableCont{width:890px; height:482px;	position: absolute; top:25px; left:0px; border:4px solid #013d32; box-sizing: border-box; overflow:hidden; /*background: rgba(0,0,0,0.5);*/}
div#DvTableHeader{width:860px; height:36px;	position: absolute; top:5px; left:5px; /*background: rgba(0,0,0,0.5);*/}
div#DvTableItemCont{width:877px; height:420px;	position: absolute; top:48px; left:5px; overflow-y: auto; overflow-x: hidden; /*background: rgba(0,0,0,0.5);*/}

.ClsLabelText2{
	height: 36px; position: absolute; top:0px; background:#013d32 ; border: 2px solid #000000; box-sizing: border-box;
	font-size: 18px; color: #ffffff; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-align: center;
	border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;
}

div#DvLabel2_0{width:70px; left:0px;}
div#DvLabel2_1{width:90px; left:75px;}
div#DvLabel2_2{width:160px; left:170px;}
div#DvLabel2_3{width:160px; left:335px;}
div#DvLabel2_4{width:175px; left:500px;}
div#DvLabel2_5{width:179px; left:680px;}

.ClsTableRow{width:860px; height:95px;	position: absolute; left:0px; /*background: rgba(0,0,0,0.5);*/}

.ClsSN{
	width:70px; height: 95px; position: absolute; top:0px; left: 0px; background:#ffffff ; border: 2px solid #013d32; box-sizing: border-box;
	font-size: 32px; color: #013d32; line-height: 85px; font-weight: bold; letter-spacing: 2px; text-align: center;
}

.ClsRes{
	width:90px; height: 95px; position: absolute; top:0px; left: 75px;  border: 2px solid #013d32; box-sizing: border-box;
	font-size: 14px; color: #013d32; line-height: 20px; font-weight: bold; letter-spacing: 2px; text-align: center;
	padding-top: 22px;
}
.ClsRes.ClsTickCorrect1{background-image: url("../assets/images/tickRight.png"); background-repeat: no-repeat; background-position: center;}
.ClsRes.ClsTickWrong1{background-image: url("../assets/images/tickWrong.png");  background-repeat: no-repeat; background-position: center;}

.ClsWP{
	width:160px; height: 95px; position: absolute; top:0px; left: 170px;  border: 2px solid #013d32; box-sizing: border-box;
	background-image: url("../data/images/bus.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain;
	box-shadow: 0px 0px 5px 5px rgba(113,233,214,0.5) inset;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(113,233,214,0.5) inset;
	-moz-box-shadow: 0px 0px 5px 5px rgba(113,233,214,0.5) inset;
}

.ClsCW{width:160px; height: 95px; position: absolute; top:0px; left: 335px;  border: 2px solid #013d32; box-sizing: border-box;}

.ClsWO1{width:175px; height: 95px; position: absolute; top:0px; left: 500px;  border: 2px solid #013d32; box-sizing: border-box;}
.ClsWO2{width:179px; height: 95px; position: absolute; top:0px; left: 680px;  border: 2px solid #013d32; box-sizing: border-box;}


.ClsTOText{
	width:100%; height: 40px; position: absolute; top:0px; left: 0px;
	font-size: 32px; color: #013d32; line-height: 40px; font-weight: bold; letter-spacing: 2px; text-align: center;
}

.ClsTAudIcon1{width:50px; height: 50px; position: absolute; top:40px; left: 20px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
.ClsTAudIcon3{width:50px; height: 50px; position: absolute; top:40px; left: 25px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
.ClsTAudIcon5{width:50px; height: 50px; position: absolute; top:40px; left: 27px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}

.ClsTAudIcon2{width:50px; height: 50px; position: absolute; top:40px; left: 90px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
.ClsTAudIcon4{width:50px; height: 50px; position: absolute; top:40px; left: 95px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}
.ClsTAudIcon6{width:50px; height: 50px; position: absolute; top:40px; left: 97px; background-image: url("../assets/images/btnAudio.png"); background-repeat: no-repeat; background-size: contain; cursor: pointer;}

.ClsBrdRds{border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}

.ClsLabel2{
	width:290px; height:22px;	position: absolute;  /*background: rgba(0,0,0,0.5);*/
	font-size: 22px; color: #013d32; font-weight: bold; letter-spacing: 2px; text-align: center;
}

div#DvLabel2_6{width:890px; top:520px; left: 0px; text-align: center;}
div#DvLabel2_7{top:550px; left: 0px;}
div#DvLabel2_8{top:550px; left: 300px;}
div#DvLabel2_9{top:550px; left: 600px;}

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



.switch {
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 40px;
	top:50px; left:790px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 2px;
	background-color: #013d32;
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0.5;
  }
  
  input:checked + .slider {
	background-color: #01ca8b;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #01ca8b;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(36px);
	-ms-transform: translateX(36px);
	transform: translateX(36px);
	opacity: 1;
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
	border:5px solid #013d32;
  }
  
  .slider.round:before {
	border-radius: 50%;
	border:5px solid #013d32;
  }