.AZRotateDown{
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.AZRotateUp{
	-moz-transform: rotate(260deg);
	-ms-transform: rotate(260deg);
	-webkit-transform: rotate(260deg);
	-o-transform: rotate(260deg);
	transform: rotate(260deg);
}
.AZRotateLeft{
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.AZCubeDom{
	position:absolute;
	width: 80px;
	height: 80px;
	margin:10px;
	perspective:10000px;
	transition: all 1s ease-out;
}
.AZCube{
	position:relative;
	width:70px;
	height:70px;
	-webkit-transform-origin: 50% 50% -35px;
	-moz-transform-origin: 50% 50% -35px;
	-o-transform-origin: 50% 50% -35px;
	-ms-transform-origin: 50% 50% -35px;
	transform-origin: 50% 50% -35px;
	transform-style:preserve-3d;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
}
.AZCubeSide{
	position: absolute;
	width: 70px;
	height: 70px;
	background: rgb(215, 215, 215);
	background-image: radial-gradient(#ffffff, rgb(215, 215, 215));
	border-radius: 10px;
	border:5px solid rgba(205, 205, 205, 0.3);
	transform-style:preserve-3d;
	transform-origin:50% 50% -35px;
 }
.AZCubeBack {
	transform:rotateY(0deg);
}
.AZCubeLeft {
	transform:rotateY(90deg);
}
.AZCubeRight {
	transform:rotateY(-90deg);
}
.AZCubeTop {
	transform:rotateX(90deg) rotateZ(-90deg);
}
.AZCubeBottom {
	transform:rotateX(-90deg) rotateZ(-90deg);
}
.AZCubeFront {
	transform:rotateX(180deg) rotateZ(-90deg);
}
.AZDot{
	position:absolute;
	width:10px;
	height:10px;
	box-shadow: inset -2px -1px 1px rgb(55, 55, 55);
	background: rgba(150, 120, 155,0.7);
	border-radius:10px;
}

#button{
font-family:Verdana;
font-size: 14pt;
color: #FFF;
display:inline-block;
padding:15px 25px;
border:1px solid green;
cursor: pointer;
border-radius:5px;
text-shadow: #2c2c2c 3px 3px 5px;
}
#button,#bgRunner{
background: linear-gradient(top, #22c607 4%, #199e03 50%, #158f01 51%, #0c5600 100%);
background: -moz-linear-gradient(top, #22c607 4%, #199e03 50%, #158f01 51%, #0c5600 100%);
background: -ms-linear-gradient(top, #22c607 4%, #199e03 50%, #158f01 51%, #0c5600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#22c607), color-stop(50%,#199e03), color-stop(51%,#158f01), color-stop(100%,#0c5600));
}
#button:hover{
background: linear-gradient(top, #0c5600 4%, #199e03 50%, #158f01 51%, #22c607 100%);
background: -moz-linear-gradient(top, #0c5600 4%, #199e03 50%, #158f01 51%, #22c607 100%);
background: -ms-linear-gradient(top, #0c5600 4%, #199e03 50%, #158f01 51%, #22c607 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#0c5600), color-stop(50%,#199e03), color-stop(51%,#158f01), color-stop(100%,#22c607));
text-shadow: #FFF 0px 0px 0px;
}
#cubes{
min-height: 100px;
min-width: 700px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#slider{
position:relative;
display:inline-block;
margin:30px 10px 30px 10px;
width: 300px;
height: 8px;
border:1px solid #CCC;
border-radius: 3px;
}
#runner{
position:absolute;
cursor:pointer;
width:20px;
height:28px;
margin-top:-10px;
background: #FFF;
border:1px solid #CCC;
border-radius: 3px;
}
#bgRunner{
float:left;
height:100%;
width:0;
}
#inRunner{
position: absolute;
margin: 18px 0 0 7px;
font-size: 18px;
color: #8ff57a;
}
#runner:hover{
background: #F0F0F0;
}
.fig3 {
    width:80%;
    text-align:center;
	font-size: 18px;
	color: #8ff57a;
	font-weight: 600;
	margin: 10px 10% 20px 10%;
   }
.fig4 {
    align: center;
	font-size: 12px;
	color: #f8c204;
	margin: 10px 0 1px 0;
   }
   .fig5 {
    align: center;
	font-size: 14px;
	color: #8ff57a;
	font-weight: 600;
	margin: 1px 0 10px 0;
   }
.fig8 {
    width:80%;
    text-align:center;
	font-size: 14px;
	color: #8ff57a;
	font-weight: 600;
	margin: 50px 10% 20px 10%;
   }   
 h1 {
	color: #8ff57a;
	font-size: 1.3rem;
	margin: 0 0; 
}
.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -30px;
}
.footer,
.push {
  height: 50px;
  font-size: 12px;
  color: #808080;
  align: center;
}