@font-face
{
font-family:"Digital Readout Thick";
src: url("../fonts/DIGIRT.ttf");
font-weight: normal;
font-style: normal;
}

div.lab
{
background-color:#669ACC;
position:absolute;
}

.launch
{
position:absolute;
margin-top:128px;
margin-left:73px;
width:50px;
height:50px;
background-image:url('../img/launch.png');
}

.launch:hover
{
background-image:url('../img/launch_hov.png');
}
#launchdisable
{
position:absolute;
margin-top:128px;
margin-left:73px;
width:50px;
height:50px;
z-index:5;
display:none;
}
.up
{
position:absolute;
margin-left: 143px;
    margin-top: 124px;
width:48px;
height:35px;
cursor:pointer;

}
.up:active 
{
  /*  background-image: url(../img/up-hov.png);*/
      
}

#updisable
{
position:absolute;
margin-top:135px;
margin-left:155px;
width:20px;
height:18px;

z-index:2;
display:block;
}
.down
{
position:absolute;
margin-left: 143px;
    margin-top: 166px;
width:48px;
height:35px;
cursor:pointer;

}
.down:active 
{
   /* background-image: url(../img/down-hov.png);*/
    
}

#downdisable
{
position:absolute;
margin-top:172px;
margin-left:155px;
width:20px;
height:18px;
z-index:2;
display:none;
}
.anchor
{
position:absolute;
top:655px;
left:637px;
width:35px;
height:26px;

}
#disableBell{
position: absolute;
top: 653px;
left: 637px;
width: 350px;
height: 46px;
z-index:15;
display:none;
}

.dro
{
position: absolute;
top: 653px;
left: 637px;
width: 350px;
height: 46px;
/*background-color: rgb(0, 128, 0);
opacity: 0.5;*/
}

div.lift1
{
position:absolute;
top:115px;
left:530px;
width:115px;
height:144px;
}

.meter
{
position:absolute;
top:0px;
left:0px;
}
.spring
{
position:absolute;
top:8px;
left:8px;
}
.lock
{
position:absolute;
top:8px;
left:33px;
}
.ball
{
position:absolute;
top:11px;
left:105px;
}
.twelve
{
position:absolute;
top:60px;
left:0px;
cursor:pointer;
}

.eight
{
position:absolute;
top:60px;
left:29px;
cursor:pointer;
}
.four
{
position:absolute;
top:60px;
left:58px;
cursor:pointer;
}
.zero
{
position:absolute;
top:60px;
left:84px;
cursor:pointer;
}
.first
{
position:absolute;
left:647px;
top:133px;
width:326px;
height:520px;
overflow: hidden;
}

div.lift2
{
position:absolute;
top:243px;
left:530px;
width:115px;
height:144px;

display:none;
}
div.lift3
{
position:absolute;
top:370px;
left:530px;
width:115px;
height:144px;

display:none;
}
div.lift4
{
position:absolute;
top:500px;
left:530px;
width:115px;
height:144px;

display:none;
}
.zeroclk
{
position:absolute;
margin-top:60px;
margin-left:85px;
cursor:pointer;
display:none;
}
.twelveclk
{
position:absolute;
margin-top:60px;
margin-left:0px;
cursor:pointer;
display:none;
}
.eightclk
{
position:absolute;
margin-top:60px;
margin-left:29px;
cursor:pointer;
display:none;
}
.fourclk
{
position:absolute;
margin-top:60px;
margin-left:58px;
cursor:pointer;
display:none;
}
#img1
{
position:absolute;
left:152px;
top:18px;
}
#velocity
{
font-family:Arial;
position:absolute;
width:140px;
height:40px;
top:337px;
left:370px;
border:hidden;
color:#99FF00;
font-size:24px;
text-align:center;
background:transparent;
}
#seconds
{
position:absolute;
width:110px;
height:42px;
top:617px;
left:390px;
color:#99FF00;
font-size:38px;
border:hidden;
font-family:Digital;
text-align:center;
background:transparent;
font-family:"Digital Readout Thick";
}
.clock
{
position:absolute;
width:174px;
height:174px;
top:410px;
left:356px;
display:none;
}


#divv1
{
position: absolute;
width: 135px;
height: 35px;
top: 120px;
left: 530px;
z-index: 10;

}

#divv2
{
position:absolute;
width: 135px;
height: 35px;
top:245px;
left:530px;
z-index:10;

}
#divv3
{
position:absolute;
width: 135px;
height: 35px;
margin-top:290px;
margin-left:210px;
z-index:10;

}
#divv4
{
position:absolute;
width: 135px;
height: 35px;
margin-top:417px;
margin-left:210px;
z-index:10;

}
#round1
{
position:absolute;
width:13px;
top:637px;
left:645px;
z-index:11;
display:none;
}
#round2
{
position:absolute;
width:13px;
top:637px;
left:740px;
z-index:6;
display:none;
}
#round3
{
position:absolute;
width:13px;
top:637px;
left:847px;
z-index:3;
display:none;
}
#round4
{
position:absolute;
width:13px;
top:637px;
left:938px;
z-index:3;
display:none;
}
#round5
{
position:absolute;
width:13px;
top:642px;
left:728px;
z-index:3;
display:none;
}
#round6
{
position:absolute;
width:13px;
top:642px;
left:818px;
z-index:3;
display:none;
}
#round7
{
position:absolute;
width:13px;
top:642px;
left:900px;
z-index:3;
display:none;
}
#round8
{
position:absolute;
width:13px;
top:640px;
left:715px;
z-index:3;
display:none;
}
#round9
{
position:absolute;
width:13px;
top:640px;
left:785px;
z-index:3;
display:none;
}
#round10
{
position:absolute;
width:13px;
top:640px;
left:855px;
z-index:3;
display:none;
}
#round11
{
position:absolute;
width:13px;
top:640px;
left:695px;
z-index:5;
display:none;
}
#round12
{
position:absolute;
width:13px;
top:640px;
left:745px;
z-index:5;
display:none;
}
#round13
{
position:absolute;
width:13px;
top:640px;
left:795px;
z-index:5;
display:none;
}
#basic-modal-video
{
display:none;
}

.showImg
{
display:inline-block;
}
#videob
{
position:absolute;
width:120px;
top:110px;
left:340px;
cursor:pointer;
}



@media only screen and (device-width: 768px) {
#velocity
{
font-size:20px;
margin-top:-5px;
margin-left:-5px;
height:50px;
}
#seconds
{
height:62px;
}
#divv1
{

top:90px;
left:540px;

}
#divv2
{
top:230px;
left:540px;
}
#divv3
{
position:absolute;
width:110px;
height:20px;
margin-top:297px;
margin-left:210px;
z-index:10;

}
#divv4
{
position:absolute;
width:110px;
height:20px;
margin-top:424px;
margin-left:210px;
z-index:10;

}
.dro
{

  left: 650px;
}
#box1
{

margin-left:28px;
}
#box2
{

margin-left:25px;
}
#box3
{

margin-left:33px;
}
#box4
{

margin-left:40px;
}
#box5
{

margin-left:25px;
}
#box6
{

margin-left:40px;
}
#box7
{

margin-left:44px;
}
#box8
{

margin-left:27px;
}
#box9
{

margin-left:28px;
}
#box10
{

margin-left:27px;
}
#box11
{

margin-left:28px;
}
#box12
{

margin-left:28px;
}
#box13
{

margin-left:28px;
}
}


#box1
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:640px;

}
#box2
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:733px;
}
#box3
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:842px;

}
#box4
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:932px;

}
#box5
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:722px;

}
#box6
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:810px;

}
#box7
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:893px;

}
#box8
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:708px;

}
#box9
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:778px;

}
#box10
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:854px;

}
#box11
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:690px;

}
#box12
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:740px;

}
#box13
{
position:absolute;
width: 30px;
height: 30px;
top:650px;
left:790px;

}


.case1{
	position: absolute;
	left: 647px;
	top: 131px;
	width:12px;
	height:502px;
	background-image: url("../img/Ball/case1/case1.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case1 4.1s steps(42);
	-webkit-animation: case1 4.1s steps(42);
	z-index:10;
}

@keyframes case1 {
	100% { background-position: -504px; }
}
@-webkit-keyframes case1 {
	100% { background-position: -504px; }
}

.case2{
	position: absolute;
left: 647px;
top: 131px;
	width:104px;
	height:503px;
	background-image: url("../img/Ball/case2/case2.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case2 4.1s steps(42);
	-webkit-animation: case2 4.1s steps(42);
	z-index:10;
}

@keyframes case2 {
	100% { background-position: -4368px; }
}
@-webkit-keyframes case2 {
	100% { background-position: -4368px; }
}
.case3{
	position: absolute;
left: 647px;
top: 131px;
	width:214px;
	height:504px;
	background-image: url("../img/Ball/case3/case3.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case3 4.1s steps(42);
	-webkit-animation: case3 4.1s steps(42);
	z-index:10;
}

@keyframes case3 {
	100% { background-position: -8988px; }
}
@-webkit-keyframes case3 {
	100% { background-position: -8988px; }
}
.case4{
	position: absolute;
left: 647px;
top: 131px;
	width:304px;
	height:504px;
	background-image: url("../img/Ball/case4/case4.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case4 4.1s steps(42);
	-webkit-animation: case4 4.1s steps(42);
	z-index:10;
}

@keyframes case4 {
	100% { background-position: -12768px; }
}
@-webkit-keyframes case4 {
	100% { background-position: -12768px; }
}


.case5{
	position: absolute;
left: 647px;
top: 259px;
	width:12px;
	height:385px;
	background-image: url("../img/Ball/case5/case5.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case5 3.5s steps(36);
	-webkit-animation: case5 3.5s steps(36);
	z-index:10;
}

@keyframes case5 {
	100% { background-position: -432px; }
}
@-webkit-keyframes case5 {
	100% { background-position: -432px; }
}

.case6{
	position: absolute;
left: 647px;
top: 259px;
	width:83px;
	height:376px;
	background-image: url("../img/Ball/case6/case6.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case6 3.5s steps(36);
	-webkit-animation: case6 3.5s steps(36);
	z-index:10;
}

@keyframes case6 {
	100% { background-position: -2988px; }
}
@-webkit-keyframes case6 {
	100% { background-position: -2988px; }
}

.case7{
	position: absolute;
left: 647px;
top: 259px;
	width:182px;
	height:388px;
	background-image: url("../img/Ball/case7/case7.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case7 3.5s steps(36);
	-webkit-animation: case7 3.5s steps(36);
	z-index:10;
}

@keyframes case7 {
	100% { background-position: -6552px; }
}
@-webkit-keyframes case7 {
	100% { background-position: -6552px; }
}

.case8{
	position: absolute;
left: 647px;
top: 259px;
	width:266px;
	height:386px;
	background-image: url("../img/Ball/case8/case8.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case8 3.5s steps(36);
	-webkit-animation: case8 3.5s steps(36);
	z-index:10;
}

@keyframes case8 {
	100% { background-position: -9576px; }
}
@-webkit-keyframes case8 {
	100% { background-position: -9576px; }
}


.case9{
	position: absolute;
left: 647px;
top: 386px;
	width:12px;
	height:268px;
	background-image: url("../img/Ball/case9/case9.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case9 2.9s steps(30);
	-webkit-animation: case9 2.9s steps(30);
	z-index:10;
}

@keyframes case9 {
	100% { background-position: -360px; }
}
@-webkit-keyframes case9 {
	100% { background-position: -360px; }
}

.case10{
	position: absolute;
left: 647px;
top: 386px;
	width:79px;
	height:270px;
	background-image: url("../img/Ball/case10/case10.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case10 2.9s steps(30);
	-webkit-animation: case10 2.9s steps(30);
	z-index:10;
}

@keyframes case10 {
	100% { background-position: -2370px; }
}
@-webkit-keyframes case10 {
	100% { background-position: -2370px; }
}

.case11{
	position: absolute;
left: 647px;
top: 386px;
	width:153px;
	height:270px;
	background-image: url("../img/Ball/case11/case11.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case11 2.9s steps(30);
	-webkit-animation: case11 2.9s steps(30);
	z-index:10;
}

@keyframes case11 {
	100% { background-position: -4590px; }
}
@-webkit-keyframes case11 {
	100% { background-position: -4590px; }
}

.case12{
	position: absolute;
left: 647px;
top: 386px;
	width:223px;
	height:270px;
	background-image: url("../img/Ball/case12/case12.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case12 2.9s steps(30);
	-webkit-animation: case12 2.9s steps(30);
	z-index:10;
}

@keyframes case12 {
	100% { background-position: -6690px; }
}
@-webkit-keyframes case12 {
	100% { background-position: -6690px; }
}

.case13{
	position: absolute;
left: 647px;
top: 515px;
	width:12px;
	height:151px;
	background-image: url("../img/Ball/case13/case13.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case13 2.1s steps(22);
	-webkit-animation: case13 2.1s steps(22);
	z-index:10;
}

@keyframes case13 {
	100% { background-position: -264px; }
}
@-webkit-keyframes case13 {
	100% { background-position: -264px; }
}

.case14{
	position: absolute;
left: 647px;
top: 515px;
	width:61px;
	height:152px;
	background-image: url("../img/Ball/case14/case14.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case14 2.1s steps(22);
	-webkit-animation: case14 2.1s steps(22);
	z-index:10;
}

@keyframes case14 {
	100% { background-position: -1342px; }
}
@-webkit-keyframes case14 {
	100% { background-position: -1342px; }
}

.case15{
	position: absolute;
left: 647px;
top: 515px;
	width:116px;
	height:152px;
	background-image: url("../img/Ball/case15/case15.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case15 2.1s steps(22);
	-webkit-animation: case15 2.1s steps(22);
	z-index:10;
}

@keyframes case15 {
	100% { background-position: -2552px; }
}
@-webkit-keyframes case15 {
	100% { background-position: -2552px; }
}

.case16{
	position: absolute;
left: 647px;
top: 515px;
	width:167px;
	height:152px;
	background-image: url("../img/Ball/case16/case16.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: case16 2.1s steps(22);
	-webkit-animation: case16 2.1s steps(22);
	z-index:10;
}

@keyframes case16 {
	100% { background-position: -3674px; }
}
@-webkit-keyframes case16 {
	100% { background-position: -3674px; }
}



	
#clockStage1{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/41/Time0042.png");
	background-repeat: no-repeat;
	display:none;
	z-index:10;
}
#clockStage2{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/41/Time0036.png");
	background-repeat: no-repeat;
	z-index:10;
	display:none;
}
#clockStage3{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/41/Time0030.png");
	background-repeat: no-repeat;
	z-index:10;
	display:none;
}
#clockStage4{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/41/Time0022.png");
	background-repeat: no-repeat;
	z-index:10;
	display:none;
}


.clockAnimation1{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/41/41.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: clock1 4.1s steps(42);
	-webkit-animation: clock1 4.1s steps(42);
	z-index:10;
}

@keyframes clock1 {
	100% { background-position: -3318px; }
}
@-webkit-keyframes clock1 {
	100% { background-position: -3318px; }
}

.clockAnimation2{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/35/35.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: clock2 3.5s steps(35);
	-webkit-animation: clock2 3.5s steps(35);
	z-index:10;
}

@keyframes clock2 {
	100% { background-position: -2765px; }
}
@-webkit-keyframes clock2 {
	100% { background-position: -2765px; }
}
.clockAnimation3{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/29/29.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: clock3 2.9s steps(29);
	-webkit-animation: clock3 2.9s steps(29);
	z-index:10;
}

@keyframes clock3 {
	100% { background-position: -2291px; }
}
@-webkit-keyframes clock3 {
	100% { background-position: -2291px; }
}

.clockAnimation4{
	position: absolute;
top: 454px;
left: 398px;
	width:79px;
	height:79px;
	background-image: url("../img/clock/21/21.png");
	background-repeat: no-repeat;
	cursor:pointer;
	animation: clock4 2.1s steps(21);
	-webkit-animation: clock4 2.1s steps(21);
	z-index:10;
}

@keyframes clock4 {
	100% { background-position: -1659px; }
}
@-webkit-keyframes clock4 {
	100% { background-position: -1659px; }
}


#case1End{
position: absolute;
left: 647px;
top: 131px;
width:12px;
height:502px;
background-image: url("../img/Ball/case1a.png");
background-repeat: no-repeat;
display:none;
}

#case2End{
position: absolute;
left: 647px;
top: 131px;
width:104px;
height:503px;
background-image: url("../img/Ball/case2a.png");
background-repeat: no-repeat;
display:none;
}


#case3End{
position: absolute;
left: 647px;
top: 131px;
width:214px;
height:504px;
background-image: url("../img/Ball/case3a.png");
background-repeat: no-repeat;
display:none;
}


#case4End{
position: absolute;
left: 647px;
top: 131px;
width:304px;
height:504px;
background-image: url("../img/Ball/case4a.png");
background-repeat: no-repeat;
display:none;
}


#case5End{
position: absolute;
left: 647px;
top: 259px;
width:12px;
height:385px;
background-image: url("../img/Ball/case5a.png");
background-repeat: no-repeat;
display:none;
}


#case6End{
position: absolute;
left: 647px;
top: 259px;
width:83px;
height:376px;
background-image: url("../img/Ball/case6a.png");
background-repeat: no-repeat;
display:none;
}


#case7End{
position: absolute;
left: 647px;
top: 259px;
width:182px;
height:388px;
background-image: url("../img/Ball/case7a.png");
background-repeat: no-repeat;
display:none;
}


#case8End{
position: absolute;
left: 647px;
top: 259px;
width:266px;
height:386px;
background-image: url("../img/Ball/case8a.png");
background-repeat: no-repeat;
display:none;
}


#case9End{
position: absolute;
left: 647px;
top: 386px;
width:12px;
height:268px;
background-image: url("../img/Ball/case9a.png");
background-repeat: no-repeat;
display:none;
}


#case10End{
position: absolute;
left: 647px;
top: 386px;
width:79px;
height:270px;
background-image: url("../img/Ball/case10a.png");
background-repeat: no-repeat;
display:none;
}


#case11End{
position: absolute;
left: 647px;
top: 386px;
width:153px;
height:270px;
background-image: url("../img/Ball/case11a.png");
background-repeat: no-repeat;
display:none;
}


#case12End{
position: absolute;
left: 647px;
top: 386px;
width:223px;
height:270px;
background-image: url("../img/Ball/case12a.png");
background-repeat: no-repeat;
display:none;
}


#case13End{
position: absolute;
left: 647px;
top: 515px;
width:12px;
height:151px;
background-image: url("../img/Ball/case13a.png");
background-repeat: no-repeat;
display:none;
}


#case14End{
position: absolute;
left: 647px;
top: 515px;
width:61px;
height:152px;
background-image: url("../img/Ball/case14a.png");
background-repeat: no-repeat;
display:none;
}


#case15End{
position: absolute;
left: 647px;
top: 515px;
width:116px;
height:152px;
background-image: url("../img/Ball/case15a.png");
background-repeat: no-repeat;
display:none;
}


#case16End{
position: absolute;
left: 647px;
top: 515px;
width:167px;
height:152px;
background-image: url("../img/Ball/case16a.png");
background-repeat: no-repeat;
display:none;
}