/* CSS Document */
/*! normalize - making reset / default for all browsers */
html{font-family:Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}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:0;}b,strong,optgroup{font-weight:700;}pre,textarea{overflow:auto;}button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0;}

.ui-draggable-dragging{ z-index: 10000; cursor:move!important; }
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* Preloader */
#loaderContainer{ width:854px; height:360px; position:relative; }
#progressBar{ position:absolute; width: 200px; height: 15px; left: 50%; top: 50%; margin: -25px 0 0 -100px;border-radius: 10px;background-color:#ddd; }
#progressBar > div{ background-color: #444; height: 15px; border-radius: 10px; }
#progressText {font-size: 15px;left: 50%;margin-left: -100px;position: absolute;text-align: center;top: 49%;width: 200px; font-weight:bold; color:#444; }

/* mainContainer */
#mainContainer{ width:854px; height:360px; position:relative; display:none; background-color:#fff; cursor:default; }

/* descrption (on top) */
#desc{ padding: 5px 10px; text-align:left; font: normal 16px/120% Arial, Helvetica, sans-serif; color:#000; height: 60px; overflow: auto; }
/*------------------------------------------------------------ Do Not Change above this -------------------------------------------------------------*/

/*-------- Common Classes Starts--------*/
.CLSBeaker{width:88px; height:88px;position:absolute;
top:25px;}
.CLSSceneBg{width:854px; height:290px;position:absolute;top:70px; left:0px;}
.CLSAnim{width:854px; height:290px;position:absolute;top:70px; left:0px;}
/*-------- Common Classes Ends--------*/

/*------------------------------------------ Scene 0 CSS Starts -------------------------------*/
div#DvScene0Bg{background-image: url(../images/Image0.png);display:block;}
div#DvBeaker0{left:108px;cursor:pointer;display:block;}
/*------------------------------------------ Scene 0 CSS Ends -------------------------------*/
div#DvBeaker1{left:218px;cursor:pointer;opacity:0;}
div#DvBeaker2{left:328px;cursor:pointer;opacity:0;}
div#DvBeaker3{left:436px;cursor:pointer;opacity:0;}
div#DvBeaker4{left:547px;cursor:pointer;opacity:0;}
div#DvBeaker5{left:656px;cursor:pointer;opacity:0;}

div#DvScene0Bg span{ position:absolute; top:132px; font-size: 15px; }
div#DvScene0Bg span.l1{ left:126px; }
div#DvScene0Bg span.l2{ left:221px;}
div#DvScene0Bg span.l3{left:350px;}
div#DvScene0Bg span.l4{left:472px;}
div#DvScene0Bg span.l5{left: 549px;line-height: 17px;text-align: center;top: 133px;width: 90px;}
div#DvScene0Bg span.l6{left:673px;}

/*Animation Divs*/
/*Scene0*/
div#DvScene0Anim0{background-image: url(../images/sprite00.png);opacity:0; pointer-events: none;width:854px; height:290px;position:absolute;top:70px; left:0px;}
div#DvScene0Anim1{background-image: url(../images/sprite01.png);opacity:0; pointer-events: none;width:854px; height:290px;position:absolute;top:70px; left:0px;}
div#DvScene0Anim2{background-image: url(../images/sprite02.png);opacity:0; pointer-events: none;width:854px; height:290px;position:absolute;top:70px; left:0px;}

/*Scene1*/
div#DvScene1Anim0{background-image: url(../images/sprite10.png);display:none;}
div#DvScene1Anim1{background-image: url(../images/sprite11.png);opacity:0; pointer-events: none;}
div#DvScene1Anim2{background-image: url(../images/sprite12.png);opacity:0; pointer-events: none;}

/*Scene2*/
div#DvScene2Anim0{background-image: url(../images/sprite20.png);opacity:0; pointer-events: none;}
div#DvScene2Anim1{background-image: url(../images/sprite21.png);opacity:0; pointer-events: none;}
div#DvScene2Anim2{background-image: url(../images/sprite22.png);opacity:0; pointer-events: none;}

/*Scene3*/
div#DvScene3Anim0{background-image: url(../images/sprite30.png);opacity:0; pointer-events: none;}
div#DvScene3Anim1{background-image: url(../images/sprite31.png);opacity:0; pointer-events: none;}
div#DvScene3Anim2{background-image: url(../images/sprite32.png);opacity:0; pointer-events: none;}

/*Scene4*/
div#DvScene4Anim0{background-image: url(../images/sprite40.png);opacity:0; pointer-events: none;}
div#DvScene4Anim1{background-image: url(../images/sprite41.png);opacity:0; pointer-events: none;}
div#DvScene4Anim2{background-image: url(../images/sprite42.png);opacity:0; pointer-events: none;}

/*Scene5*/
div#DvScene5Anim0{background-image: url(../images/sprite50.png);opacity:0; pointer-events: none;}
div#DvScene5Anim1{background-image: url(../images/sprite51.png);opacity:0; pointer-events: none;}
div#DvScene5Anim2{background-image: url(../images/sprite52.png);opacity:0; pointer-events: none;}

/*Scene6*/
div#DvScene6Anim0{background-image: url(../images/sprite60.png);opacity:0; pointer-events: none;}
div#DvScene6Anim1{background-image: url(../images/sprite61.png);opacity:0; pointer-events: none;}
div#DvScene6Anim2{background-image: url(../images/sprite62.png);opacity:0; pointer-events: none;}

/*------------ Step 7 ---------------*/
div#DvDrag0{width:129px; height:206px;position:absolute;top:75px; left:210px;background-image: url(../images/Beaker.png);display:block;
cursor:pointer;}
div#DvDrag0.Drag0Start{background-image: url(../images/BeakerShadow.png);cursor:pointer;}
div#DvDrop0{width:129px; height:206px;position:absolute;top:60px; left:516px;display:block;}
div#DvScene7Bg{display:none;}
div#DvScene7Anim0{background-image: url(../images/sprite70.png);display:block;top:0px;}
div#DvScene7Anim1{background-image: url(../images/sprite71.png);opacity:0; pointer-events: none;top:0px;}

/*------------ Step 8 ---------------*/
div#DvScene8Anim0{background-image: url(../images/sprite80.png);opacity:0; pointer-events: none;}
div#DvScene8Anim1{background-image: url(../images/sprite81.png);opacity:0; pointer-events: none;}
div#DvScene8Anim2{background-image: url(../images/sprite82.png);opacity:0; pointer-events: none;}
div#DvScene8Anim3{background-image: url(../images/sprite83.png);opacity:0; pointer-events: none;}
div#DvScene8Anim4{background-image: url(../images/sprite84.png);opacity:0; pointer-events: none;}
div#DvScene8Anim5{background-image: url(../images/sprite85.png);opacity:0; pointer-events: none;}
div#DvScene8Anim6{background-image: url(../images/sprite86.png);opacity:0; pointer-events: none;}
div#DvScene8Anim7{background-image: url(../images/sprite87.png);opacity:0; pointer-events: none;}
div#DvScene8Anim8{background-image: url(../images/sprite88.png);opacity:0; pointer-events: none;}
div#DvScene8Anim9{background-image: url(../images/sprite89.png);opacity:0; pointer-events: none;}

/*Scene 9*/
div#DvScene9Bg{background-image: url(../images/Image8.png);opacity:0; pointer-events: none;}

/*--------------- Scene 10 Starts --------------*/
.CLSDrop{width:82px; height:190px;position:absolute;top:35px;}
.CLSAnim10{width:90px; height:235px;position:absolute;top:23px; display:block;}

div#DvScene10Bg{display:none;}
div#DvToolBox{width:98px; height:122px;position:absolute;top:3px; left:7px;background-image: url(../images/ToolBox.png);display:block;}
div#DvDrag1{width:26px; height:63px;position:absolute;top:35px; left:52px;background-image: url(../images/Strip.png);display:block;
cursor:pointer;z-index:200;}
div#DvDrag1.Drag1Start{background-image: url(../images/StripShadow.png);cursor:pointer;}
div#DvScene10Anim1{background-image: url(../images/sprite101.png);display:block;left:104px;}
div#DvDrop1{left:109px;display:block;z-index:100;}
div#DvScene10Anim2{background-image: url(../images/sprite102.png);display:block;left:214px;}
div#DvDrop2{left:219px;display:block;z-index:100;}
div#DvScene10Anim3{background-image: url(../images/sprite103.png);display:block;left:324px;}
div#DvDrop3{left:328px;display:block;z-index:100;}
div#DvScene10Anim4{background-image: url(../images/sprite104.png);display:block;left:433px;}
div#DvDrop4{left:438px;display:block;z-index:100;}
div#DvScene10Anim5{background-image: url(../images/sprite105.png);display:block;left:543px;}
div#DvDrop5{left:547px;display:block;z-index:100;}
div#DvScene10Anim6{background-image: url(../images/sprite106.png);display:block;left:653px;}
div#DvDrop6{left:657px;display:block;z-index:100;}
/*--------------- Scene 10 Ends --------------*/

/*--------------- Scene 11 Starts --------------*/
div#DvScene11Bg{display:none;background-image: url(../images/Image11.png);background-repeat:no-repeat;background-position: 0 -39px;}
div#DvDrag2{width:29px; height:80px;position:absolute;top:62px; left:145px;background-image: url(../images/Drag2.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag2.Drag2Start{background-image: url(../images/Drag2Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag3{width:29px; height:79px;position:absolute;top:62px; left:255px;background-image: url(../images/Drag3.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag3.Drag3Start{background-image: url(../images/Drag3Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag4{width:29px; height:79px;position:absolute;top:62px; left:367px;background-image: url(../images/Drag4.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag4.Drag4Start{background-image: url(../images/Drag4Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag5{width:29px; height:79px;position:absolute;top:62px; left:477px;background-image: url(../images/Drag5.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag5.Drag5Start{background-image: url(../images/Drag5Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag6{width:29px; height:79px;position:absolute;top:62px; left:585px;background-image: url(../images/Drag6.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag6.Drag6Start{background-image: url(../images/Drag6Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag7{width:29px; height:80px;position:absolute;top:62px; left:693px;background-image: url(../images/Drag7.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag7.Drag7Start{background-image: url(../images/Drag7Shadow.png);cursor:pointer;z-index:300;}

div#DvScene11Bg span{ font-size: 15px;position: absolute;top: -4px; }
div#DvScene11Bg span.l1{ left:121px; }
div#DvScene11Bg span.l2{ left:216px; }
div#DvScene11Bg span.l3{ left:345px; }
div#DvScene11Bg span.l4{ left:467px; }
div#DvScene11Bg span.l5{ left:549px; text-align:center; }
div#DvScene11Bg span.l6{ left:668px; }

/*--------------- Scene 11 Ends --------------*/

/*--------------- Scene 12 Starts --------------*/
div#DvScene12Bg{display:none;background-image: url(../images/Image12.png);}
div#DvDrag8{width:83px; height:106px;position:absolute;top:48px; left:118px;background-image: url(../images/Drag8.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag8.Drag8Start{background-image: url(../images/Drag8Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag9{width:83px; height:106px;position:absolute;top:48px; left:230px;background-image: url(../images/Drag9.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag9.Drag9Start{background-image: url(../images/Drag9Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag10{width:83px; height:106px;position:absolute;top:48px; left:339px;background-image: url(../images/Drag10.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag10.Drag10Start{background-image: url(../images/Drag10Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag11{width:83px; height:106px;position:absolute;top:48px; left:448px;background-image: url(../images/Drag11.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag11.Drag11Start{background-image: url(../images/Drag11Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag12{width:83px; height:106px;position:absolute;top:48px; left:559px;background-image: url(../images/Drag12.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag12.Drag12Start{background-image: url(../images/Drag12Shadow.png);cursor:pointer;z-index:300;}
div#DvDrag13{width:83px; height:106px;position:absolute;top:48px; left:668px;background-image: url(../images/Drag13.png);display:block;cursor:pointer;z-index:200;}
div#DvDrag13.Drag13Start{background-image: url(../images/Drag13Shadow.png);cursor:pointer;z-index:300;}
div#DvContinue{width:136px; height:41px;position:absolute;top:245px; left:715px;background-image: url(../images/Continue.png);display:none;cursor:pointer;}

.continue{width:136px; height:41px;position:absolute;top:245px; left:715px;background-image: url(../images/Continue.png);display:none;cursor:pointer;}
/*--------------- Scene 12 Ends --------------*/

/*--------------- Scene 13 Ends --------------*/
div#DvScene13Bg{display:none;background-image: url(../images/Image13.png);}