html







{

    -moz-user-select     : none;

    -khtml-user-select   : none;

    -webkit-user-select  : none;

    -o-user-select       : none;

    user-select          : none;

}

#transwhite
{
	/**/
	border: 2px solid #666666;
	background-color:  rgba(255, 255, 255, 0.8) ;
	opacity: 1;
	border-radius: 20px;
	top:300px;


}

#transwhite1
{
	/**/
	border: 2px solid #F36F21;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(205, 230, 248));
	border-radius: 0px;

}

#transwhite2
{
	/**/
	border: 2px solid #666666;
	background-image: linear-gradient(rgb(214, 232, 245), rgb(249, 213, 213));
	border-radius: 20px;
	top:300px;
}


.style1 {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}
.style4 {color: #FF33CC}
.style6 {
	font-weight: bold;
	color: #FF0000;
	font-size: 18px;
}
.style7 {font-size: 14px}
.style8 {
	font-weight: bold;
	color: #CC0000;
	font-size: 18px;
	font-style: italic;
}
.style10 {
	font-size: 18px;
	color: #990000;
	font-weight: bold;
}

#simscreen

{

	position: relative;

	left:0px;

	top:0px;

	height: 600px; 

	width:800px;

	border:solid 1px;
	
	background-color: #dbd8d8;
}



#title{

	position:relative;

	left: 0px;

	top: 0px;

	height:40px;

	font-size: 20px;

	text-align:center;

	background-color: #9e9e9e;

	font-family: verdana;

	color: rgb(0, 0, 0);

	text-transform: uppercase; 

}



#title h3

{

	padding-top:8px;
font-size: 20px;

	margin:0px;

}



.simsubscreen

{

	position:absolute;

	left:0px;

	top:40px;

	height:558px;

	width:898px;

	background-color: #ececec;

	/*background-position: bottom;

	background-image: url(images/bg.jpg); */

}



.incanvas

{

	margin:10px 0 0 10px;

	padding:0;

}



#nextButton

{

	position:absolute;

	left:750px;

	top:530px;

	cursor:pointer;

}



.circlebg

{

	border-radius:100%;

	font-size:25px;

	color:#fff;

	text-align:center;

	background:#000

}



.steptext
{

	display:inline;

	font-size:14px;

}



/* canvas 1 */

/* curing cube 1*/
/* Chrome, Safari, Opera */

@-webkit-keyframes specimen1

{

	0% {left:40px; bottom:200px;}

	50% {left:40px; bottom:690px;}

	100% {left:1px; top:110px;}

}

@-webkit-keyframes specimen2

{

	0% {left:583px; top:342px;}

	50% {left:465px; top:342px;}

	100% {left:270px; top:130px;}

}


@-webkit-keyframes specimen3

{

	0% {left:741px; top:317px;}

	50% {left:603px; top:317px;}

	100% {left:540px; top:125px;}

}



@-webkit-keyframes specimen4

{

	0% {left:40px; bottom:200px;}

	50% {left:40px; bottom:690px;}

	100% {left:20px; top:260px;}

}


@-webkit-keyframes specimen5

{

	0% {left:583px; top:342px;}

	50% {left:465px; top:342px;}

	100% {left:300px; top:280px;}

}

@-webkit-keyframes specimen6

{

	0% {left:741px; top:317px;}

	50% {left:603px; top:317px;}

	100% {left:560px; top:280px;}

}

@-webkit-keyframes addspecimen1

{

	0% {left:0px; top: 0px;}
	100% {left:45px; top:160px;}

}
@-webkit-keyframes addspecimen2

{

	0% {left:0px; top:0px;}
	100% {left:15px; top:180px;}

}
@-webkit-keyframes addspecimen3

{

	0% {left:0px; top:0px;}
	100% {left:20px; top:200px;}

}
@-webkit-keyframes addspecimen4

{

	0% {left:40px; bottom:200px;}

	50% {left:40px; bottom:690px;}

	100% {left:50px; top:80px;}

}
@-webkit-keyframes addspecimen5

{

	0% {left:40px; bottom:200px;}

	50% {left:40px; bottom:690px;}

	100% {left:70px; top:115px;}

}
@-webkit-keyframes addspecimen6

{

	0% {left:40px; bottom:200px;}

	50% {left:40px; bottom:690px;}

	100% {left:60px; top:100px;}

}











@-webkit-keyframes paper_cutter_hand 

{

	0% {left:490px; top:335px;}

	50% {left:705px; top:431px;}

	100% {left:705px; top:447px;}

}

@-webkit-keyframes paper_cutter_hand1 

{

	0% {left:705px; top:447px;  transform: rotate(32deg);}

	100% {left:411px; top:326px;  transform: rotate(3deg);}

	/*100% {left:705px; top:447px;}*/

}

@-webkit-keyframes div_tap_back 

{

	0% {width:132px; }
    100% {width:127px;}

}


@-webkit-keyframes cellotap_stick1_canvas1

{

	0% {left:603px; top:330px;}
    100% {left:603px; top:406px;}

}

@-webkit-keyframes cellotap_stick2_canvas1

{

	0% {left:603px; top:410px;}
    100% {left:730px; top:410px;}

}

@-webkit-keyframes cellotap_stick3_canvas1

{

	0% {left:731px; top:405px;}
    100% {left:455px; top:305px;}

}

@-webkit-keyframes div_tap

{

	0% {width: 2px;}
    100% {width:132px;}

}


@-webkit-keyframes pzt1_canvas1

{

	0% {left:756px; top:383px;}

	100% {left:536px; top:383px;}

}



@-webkit-keyframes brushfill_add
{
	0% { left: 740px; top: 239px; }
	100% { left: 621px; top: 239px; }
}

@keyframes bond_add
{
	0% { left: 729px; top: 293px; }
	100% { left: 609px; top: 293px; }
}

@keyframes brushfill_animate
{
	0% { left: 621px; top: 229px;}
	100% { left: 520px; top: 320px; }

}


@keyframes brushfill_animate1
{
	0% { left: 520px; top: 320px;}
	100% { left: 570px; top: 320px;  }
	
	
}

@keyframes brushfill_animate2
{
	
	0% { left: 570px; top: 320px;  }
	100% { left: 621px; top: 229px; }
	
}

@keyframes greese_effect
{
	0% { width: 6px; }
	100% { width: 52px; }
}

@-webkit-keyframes top_pzt1_canvas1

{

	0% {left:536px; top:383px;}

	50% {left:536px; top:425px;}

	100% {left:531px; top:425px;}

}

@-webkit-keyframes back_pzt2_canvas1

{

	0% {left:600px; top:410px;}

	100% {left:450px; top:360px;}

}


@keyframes rod_wire_add
{
	0% { left: 793px; }
	100% { left: 650px; }
}

@keyframes soldstand_add
{
	0% { left: 704px; }
	100% { left: 550px; }
}

@keyframes soldrod_add
{
	0% { left: 712px; }
	100% { left: 568px; }
}
/*/////////////////////////////////////////////////////*/
@keyframes wire1
{
	0% { left: 805px;top: 452px; }
	100% { left: 545px;top: 452px; }
}

@keyframes wire2
{
	0% { left: 820px;top: 455px; }
	100% { left: 565px;top: 455px; }
}


@keyframes hand_left
{
	0% { left: 753px;top: 482px; }
	100% { left: 493px;top: 482px; }
}

@keyframes hand_right
{
	0% { left: 830px;top: 480px; }
	100% { left: 575px;top: 480px; }
}


@keyframes wire1_attach
{
	0% { left: 545px;top: 452px; }
	100% { left: 545px;top: 428px; }
}

@keyframes hand_left_attach
{
	0% { left: 493px; top: 480px; }
	100% {left: 493px; top: 456px; }
}


@keyframes wire2_attach
{
	0% { left: 565px;top: 455px; }
	100% { left: 565px;top: 428px; }
}


@keyframes hand_right1_attach 
{
	0% { left: 575px; top: 480px; }
	100% {left: 575px; top: 456px; }
}

/*//////////////////////////////////////////////*/

@keyframes handrod_wire1_zoom1
{
	0% { left: 570px; top: 201px; height: 147px;}
	50% {left: 600px; top: 151px; height: 147px;}

	100% {left: 237px; top: 216px;height: 175px; }
}


@keyframes silverhand_wire1_zoom1
{
	0% { left: 114px; top: 179px; }
	
	100% {left: 103px; top: 269px; }
}


/*////////////////////////////////////////*/

@keyframes handrod_wire2_zoom1
{
	0% { left: 237px; top: 216px;height: 175px;}
	50% {left: 255px; top: 176px; height: 175px;}
    100% {left: 260px; top: 217px;height: 175px; }
}


@keyframes silverhand_wire2_zoom1
{
	0% { left: 103px; top: 269px; }
	
	50% {left: 103px; top: 234px; }
	100% {left: 125px; top: 267px; }
}
/*/////////////////////////////////////////////*/


@keyframes handrod_wire2_back 
{
	0% { left: 260px; top: 217px;height: 175px;}
	50% {left: 600px; top: 151px; height: 147px;}
    100% {left: 570px; top: 201px; height: 147px;}
}


@keyframes silverhand_wire2_back 
{
	0% { left: 125px; top: 267px; }

	100% { left: 114px; top: 179px;  }
}

/*////////////canvas1b*/

@-webkit-keyframes pzt2_canvas1

{

	0% {left:756px; top:490px;}

	100% {left:536px; top:490px;}

}

@keyframes brushfill_animate_canvas1b
{
	0% { left: 660px; top: 224px;}
	100% { left: 520px; top: 320px; }

}


@keyframes brushfill_animate1_canvas1b
{
	0% { left: 520px; top: 320px;}
	100% { left: 570px; top: 320px;  }
	
	
}

@keyframes brushfill_animate2_canvas1b
{
	
	0% { left: 570px; top: 320px;  }
	100% { left: 660px; top: 224px; }
	
}

@keyframes greese_effect_canvas1b
{
	0% { width: 6px; }
	100% { width: 52px; }
}

@-webkit-keyframes bottom_pzt2_canvas1b

{

	0% {left:536px; top:490px;}

	50% {left:536px; top:425px;}

	100% {left:531px; top:425px;}

}



@keyframes wire1_canvas1b
{
	0% { left: 805px;top: 452px; }
	100% { left: 545px;top: 452px; }
}

@keyframes wire2_canvas1b
{
	0% { left: 820px;top: 455px; }
	100% { left: 565px;top: 455px; }
}


@keyframes hand_left_canvas1b
{
	0% { left: 753px;top: 482px; }
	100% { left: 493px;top: 482px; }
}

@keyframes hand_right_canvas1b
{
	0% { left: 830px;top: 480px; }
	100% { left: 575px;top: 480px; }
}


@keyframes wire1_attach_canvas1b
{
	0% { left: 545px;top: 452px; }
	100% { left: 545px;top: 428px; }
}

@keyframes hand_left_attach_canvas1b
{
	0% { left: 493px; top: 480px; }
	100% {left: 493px; top: 456px; }
}


@keyframes wire2_attach_canvas1b
{
	0% { left: 565px;top: 455px; }
	100% { left: 565px;top: 428px; }
}


@keyframes hand_right1_attach_canvas1b 
{
	0% { left: 575px; top: 480px; }
	100% {left: 575px; top: 456px; }
}

/*//////////////////////////////////////////////*/


@keyframes handrod_wire1_zoom1_canvas1b
{
	0% { left: 570px; top: 201px; height: 147px;}
	50% {left: 600px; top: 151px; height: 147px;}

	100% {left: 234px; top: 216px;height: 175px; }
}


@keyframes silverhand_wire1_zoom1_canvas1b
{
	0% { left: 114px; top: 179px; }
	
	100% {left: 99px; top: 267px; }
}


/*////////////////////////////////////////*/

@keyframes handrod_wire2_zoom1_canvas1b
{
	0% { left: 234px; top: 216px;height: 175px;}
	50% {left: 255px; top: 176px; height: 175px;}
    100% {left: 260px; top: 216px;height: 175px; }
}


@keyframes silverhand_wire2_zoom1_canvas1b
{
	0% { left: 99px; top: 267px; }
	
	50% {left: 99px; top: 234px; }
	100% {left: 125px; top: 268px; }
}
/*/////////////////////////////////////////////*/


@keyframes handrod_wire2_back_canvas1b 
{
	0% { left: 260px; top: 216px;height: 175px;}
	50% {left: 600px; top: 151px; height: 147px;}
    100% {left: 570px; top: 201px; height: 147px;}
}


@keyframes silverhand_wire2_back_canvas1b 
{
	0% { left: 125px; top: 268px; }

	100% { left: 114px; top: 179px;  }
}



@keyframes lcr
{
	0% { left: 800px; top: 321px; }

	100% { left: 556px; top: 321px;  }
}


@keyframes off_screen
{
	0% { left: 839px; top: 364px; }

	100% { left: 595px; top: 364px;  }
}



@keyframes black_wire_lcr1
{
	0% { left: 750px; top: 392px; }

	100% { left: 506px; top: 392px;  }
}



@keyframes blackclipclose1
{
	0% { left: 718px; top: 450px; }

	100% { left: 474px; top: 450px;  }
}

@keyframes blackclipclose2
{
	0% { left: 718px; top: 477px; }

	100% { left: 473px; top: 477px;  }
}

@keyframes blackclipclose3
{
	0% { left: 718px; top: 467px; }

	100% { left: 474px; top: 467px;  }
}

@keyframes blackclipclose4
{
	0% { left: 718px; top: 483px; }

	100% { left: 474px; top: 483px;  }
}



@keyframes full_image
{
	0% { left: 442px; top: 266px; }

	100% { left: 277px; top: 149px;  }
}




@keyframes hand
{
	0% { left: 420px; top: 397px;}

	100% { left: 255px; top: 280px;}
}


@keyframes handfinger_left
{
	0% { left: 205px; top: 210px;}

	20% { left: 231px; top: 148px;}

	40% { left: 249px; top: 148px;}
	60% { left: 231px; top: 148px;}
	80% { left: 249px; top: 148px;}
	90% { left: 231px; top: 148px;}

	100% {left: 205px; top: 210px;}
}

/*////////////pin move animation/////////*/


@keyframes blackclipclose1_move
{
	0% { left: 464px; top: 450px;}

	100% { left: 378px; top: 450px;}
}


@keyframes black_color1
{
	0% { left: 497px; top: 466.5px;width: 9px;}

	100% { left: 410px; top: 466.5px;width: 96px;}
}



@keyframes blackclipopen1_move
{
	0% {left: 379px; top: 450px;}

	100% {left: 370px; top: 450px;}
}


@keyframes black_color1_again
{
	0% {left: 410px; top: 466.5px;width: 96px;}

	100% {left: 404px; top: 466.5px; width: 102px;}
}


/*///////////////////////////////////////////*/


@keyframes blackclipclose2_move
{
	0% { left: 473px; top: 477px;}

	100% { left: 390px; top: 477px;}
}


@keyframes black_color2
{
	0% { left: 500px; top: 495px;width: 7px;}

	100% { left: 409px; top: 495px;width: 98px;}
}


@keyframes blackclipopen2_move
{
	0% { left: 389px; top: 477px;}

	100% { left: 376px; top: 477px;}
}
/*//////////////////////////////////////*/


@keyframes blackclipclose3_move
{
	0% { left: 474px; top: 467px;}

	100% { left: 433px; top: 467px;}
}


@keyframes black_color3
{
	0% {left: 505px; top: 485px;width: 7px;}

	100% {left: 465px; top: 485px;width: 47px;}
}


@keyframes blackclipopen3_move
{
	0% { left: 433px; top: 468px;}

	100% { left: 431px; top: 468px;}
}


/*//////////////////////////////////////*/


@keyframes blackclipclose4_move
{
	0% { left: 474px; top: 483px;}

	100% { left: 433px; top: 483px;}
}


@keyframes black_color4
{
	0% {left: 505px; top: 495px;width: 7px;}

	100% {left: 463px; top: 495px;width: 47px;}
}


@keyframes blackclipopen4_move
{
	0% { left: 433px; top: 480px;}

	100% { left: 431px; top: 480px;}
}





.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/*======================================================*/

/*start Blinking*/

.blink_me {
  animation: blinker 1s linear infinite;
  color: #2150a0;
  
}

@keyframes blinker {
  50% {
  	color: #2150a0;
    opacity: 0;
  }
}




@keyframes graph_up1{
  10%
  {
    left: 0px;
  }
   
  100%
  {
    left: 310px;
  }
}




/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

/*
.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
*/