html

{

    -moz-user-select     : none;

    -khtml-user-select   : none;

    -webkit-user-select  : none;

    -o-user-select       : none;

    user-select          : none;

}

#transwhite
{
	/**/
	border: 2px solid #F36F21;
	background-color: rgb(255, 255, 255, 0.8);
	border-radius: 0px;

}

#transwhite1
{
	/**/
	border: 2px solid #F36F21;
	background-color: rgb(255, 255, 255, 0.95);
	border-radius: 0px;

}

#transwhite2
{
	/**/
	border: 2px solid #F36F21;
	background-color: #FFF;
	border-radius: 0px;

}

#simscreen

{

	position: relative;

	left:0px;

	top:0px;

	height: 600px; 

	width:800px;

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



#title{

	position:relative;

	left: 0px;

	top: 0px;

	height:40px;

	font-size: 20px;

	text-align:center;

	background-color: #ff6600;

	font-family: verdana;

	color: White;

	text-transform: uppercase; 

}



#title h3

{

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

	margin:0px;

}



.simsubscreen

{

	position:absolute;

	left:0px;

	top:40px;

	height:558px;

	width:798px;

	background-color: #dce5ec;

	/*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:20%;
	padding: 0px 2px 0px 2px;
	font-size:20px;

	color:#FFF;

	text-align:center;

	background: #2150a0;

}



.steptext
{

	display:inline;

	font-size:14px;

}


/* canvas 1a */
/* Chrome, Safari, Opera */

@-webkit-keyframes mesure11

{

	0% {left:-170px;}

	100% {left:275px;}

}


@-webkit-keyframes mesure12

{

	0% {left:250px;}

	100% {left:610px;}

}

@-webkit-keyframes movemarker1

{

	0% {left:250px; top: 350px;}

	10% {left: 100px; top: 180px;}

	12% {left: 100px; top: 200px;}

	15% {left: 130px; top: 180px;}

	17% {left: 130px; top: 200px;}

	20% {left: 160px; top: 180px;}

	22% {left: 160px; top: 200px;}

	25% {left: 190px; top: 180px;}

	27% {left: 190px; top: 200px;}

	30% {left: 220px; top: 180px;}

	32% {left: 220px; top: 200px;}

	35% {left: 250px; top: 180px;}

	37% {left: 250px; top: 200px;}

	40% {left: 280px; top: 180px;}

	42% {left: 280px; top: 200px;}

	45% {left: 310px; top: 180px;}

	47% {left: 310px; top: 200px;}

	50% {left: 340px; top: 180px;}

	52% {left: 340px; top: 200px;}

	55% {left: 370px; top: 180px;}

	57% {left: 370px; top: 200px;}

	60% {left: 400px; top: 180px;}

	62% {left: 400px; top: 200px;}

	65% {left: 430px; top: 180px;}

	67% {left: 430px; top: 200px;}

	70% {left: 460px; top: 180px;}

	72% {left: 460px; top: 200px;}

	75% {left: 490px; top: 180px;}

	77% {left: 490px; top: 200px;}

	80% {left: 520px; top: 180px;}

	82% {left: 520px; top: 200px;}

	85% {left: 550px; top: 180px;}

	87% {left: 550px; top: 200px;}

	90% {left: 580px; top: 180px;}

	92% {left: 580px; top: 200px;}
	
	100% {left:250px; top: 350px;}
}
/* Standard syntax 

@keyframes addpiler11

{

	0% {left:820px;}

	100% {left:70px;}

}*/

/* canvas 1 */

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

@-webkit-keyframes addpiler11

{

	0% {left:820px;}

	100% {left:70px;}

}



/* Standard syntax */

@keyframes addpiler11

{

	0% {left:820px;}

	100% {left:70px;}

}




@-webkit-keyframes move_rebar1

{

	0% {top: 480px;}
	
	50% {top: 230px;}
	
	100% {top: 300px;}

}



/* Standard syntax 

@keyframes move_marker1

{

	0% {left:470px;}

	100% {left:70px;}

}*/
/* canvas 1 */

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


@-webkit-keyframes move_vc1

{

	0% {left: 860px;
    top: 290px;}
	
	/*50% {top: 230px;}*/
	
	100% {left: 280px;
    top: 186px;}

}

@-webkit-keyframes move_vc2

{

	0% {left: 301px;}
	
	/*50% {top: 230px;}*/
	
	100% {left: 363px;}

}


@-webkit-keyframes move_vernc3

{

	0% {left: 355px; top: 160px;}
	
	100% {left: 341px; top: 139px;}

}

@-webkit-keyframes move_joinani

{

	0% {left: 165px;}
	
	100% {left: 44px;}

}

@-webkit-keyframes move_grip2

{

	0% {left: 800px;}
	
	/*50% {top: 230px;}*/
	
	100% {left: 540px;}

}
@-webkit-keyframes move_gripreber2

{

	0% {left: 800px;
	}
	
	/*50% {top: 230px;}*/
	
	100% {left: 600px;
	}

}

@-webkit-keyframes move_gripwithrod1

{

	0% {left: 540px; top: 175px; height: 95px;}

	100% {left: 132px; top: 198px; height: 45px;} 

}
@-webkit-keyframes move_gripwithrod2

{

	0% {left: 600px; top: 120px; height: 195px;}
		
	100% {left: 162px; top: 170px; height: 105px;}

}

@-webkit-keyframes remove_grip3

{

	0% {left: 100px; top: 252px; height: 29px;}

	50% {left: 100px; top: 420px; height: 50px;}

	100% {left: 230px; top: 500px; height: 50px;}

}


@-webkit-keyframes move_vc3

{

	0% {left: 50px;}
	
	5% {left: 80px;}

	10% {left: 110px;}

	15% {left: 140px;}

	20% {left: 170px;}

	25% {left: 200px;}

	30% {left: 230px;}
	
	35% {left: 260px;}

	40% {left: 290px;}

	45% {left: 320px;}

	50% {left: 350px;}

	55% {left: 380px;}
	
	60% {left: 410px;}

	65% {left: 440px;}

	70% {left: 470px;}

	75% {left: 500px;}

	80% {left: 530px;}

	85% {left: 560px;}
	
	90% {left: 590px;}

	95% {left: 620px;}

	100% {left: 650px;}

	/*100% {left: 680px;}*/

}


@-webkit-keyframes move_vc4

{

	0% {left: 650px;
    top: 186px;}
	
	/*50% {top: 230px;}*/
	
	100% {left: 170px;
    top: 400px;}

}


@-webkit-keyframes addpiler21

{

	0% {left:660px; top:215px;}

	40%{left:160px; top:215px;}

	100% {left:160px; top:400px;}

}



/* Standard syntax */

@keyframes addpiler21

{

	0% {left:660px; top:215px;}

	40%{left:160px; top:215px;}

	100% {left:160px; top:400px;}

}
/* curing cube 2*/
/* Chrome, Safari, Opera */

@-webkit-keyframes addbeam11

{

	0% {left:320px; top:265px;}

	/*40%{left:320px; top:260px;}*/

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

}



/* Standard syntax */

@keyframes addbeam11

{

	0% {left:320px; top:265px;}

	/*40%{left:320px; top:260px;}*/

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

}

/* canvas 1 */

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

@-webkit-keyframes movepiler11

{
	
	0% {left:100px; top:400px;}

	/*40%{left:100px; top:350px;}*/
	
	100% {left:130px; top:430px;}

	
}



/* Standard syntax */

@keyframes movepiler11

{

	0% {left:100px; top:400px;}

	/*40%{left:100px; top:350px;}*/
	
	100% {left:130px; top:430px;}

}


/* canvas 1 */

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

@-webkit-keyframes movepiler21

{
	0% {left:160px; top:400px;}

	/*40%{left:260px; top:335px;}*/
	
	100% {left:520px; top:430px;}
}



/* Standard syntax */

@keyframes movepiler21

{
	
	0% {left:160px; top:400px;}

	/*40%{left:260px; top:335px;}*/
	
	100% {left:520px; top:430px;}

}



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

@-webkit-keyframes movebeam11

{

	100% {left: 120px; top: 373px;}

	/*40%{left:320px; top:204px;}*/

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

}



/* Standard syntax 

@keyframes movebeam11

{

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

	40%{left:320px; top:204px;}

	0% {left:320px; top:400px;}

}
*/



















/* scene 12 code end*/


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

/*start Blinking*/

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

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






/**
 * ----------------------------------------
 * 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);
  }
}
*/