.loadingEffect {
	background: linear-gradient(coral, tomato); transition:1s linear; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: fixed; z-index: 99999; opacity: 1; -webkit-transition: all 1s linear 0s; -moz-transition: all 1s linear 0s;
}
.hideCss.loadingEffect {
	opacity: 0;
}
#robot {
	left: 50%; top: 50%; width: 540px; height: 250px; color: rgb(68, 68, 68); font-family: "Oswald", sans-serif; font-size: 30px; font-weight: 700; margin-top: -125px; margin-left: -270px; position: absolute; text-shadow: 0px -1px 1px rgba(0,0,0,0.7), 0px 1px 1px rgba(255,255,255,0.4);
}
@media screen and (max-width:700px)
{
#robot {
	transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7);
}
}
@media screen and (max-width:480px)
{
#robot {
	transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6);
}
}
@media screen and (max-width:360px)
{
#robot {
	transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5);
}
}
.piston {
	background: rgba(0, 0, 0, 0.1); border-radius: 10px 10px 50px 50px; width: 100px; height: 250px; margin-right: 10px; float: left; position: relative; box-shadow: 0px -4px 0px rgba(0,0,0,0.2), 0px 4px 0px rgba(255,255,255,0.2);
}
:last-child.piston {
	margin: 0px;
}
.piston .block {
	background: rgb(85, 85, 85); border-radius: 10px; animation:piston 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; width: 100px; height: 60px; line-height: 60px; position: relative; box-shadow: inset 0px -4px 0px rgba(0,0,0,0.2), inset 0px 4px 0px rgba(255,255,255,0.2); -webkit-animation: piston 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
}
:nth-child(1).piston .block {
	animation-delay: 0s; -webkit-animation-delay: 0s;
}
:nth-child(2).piston .block {
	animation-delay: 0.1s; -webkit-animation-delay: .1s;
}
:nth-child(3).piston .block {
	animation-delay: 0.2s; -webkit-animation-delay: .2s;
}
:nth-child(4).piston .block {
	animation-delay: 0.3s; -webkit-animation-delay: .3s;
}
:nth-child(5).piston .block {
	animation-delay: 0.4s; -webkit-animation-delay: .4s;
}
.piston .arm {
	background: rgb(85, 85, 85); margin: -10px 0px 0px -10px; transform-origin: center 10px; border-radius: 10px; left: 50%; top: 50%; width: 20px; height: 150px; position: absolute; z-index: -1; box-shadow: inset 0px -22px 0px rgba(0,0,0,0.2); animation-name: arm; animation-duration: 1.2s; animation-timing-function: linear; animation-delay: inherit; animation-direction: normal; animation-iteration-count: infinite; animation-fill-mode: none; -webkit-animation: arm 1.2s linear infinite; -webkit-animation-delay: inherit; -webkit-transform-origin: center 10px;
}
.piston .arm::before {
	background: rgb(238, 238, 238); margin: 2px; border-radius: 50%; left: 0px; height: 16px; right: 0px; position: absolute; content: "";
}
.piston .arm::after {
	background: rgb(238, 238, 238); margin: 2px; border-radius: 50%; left: 0px; height: 16px; right: 0px; position: absolute; content: "";
}
.piston .arm::before {
	top: 0px;
}
.piston .arm::after {
	bottom: 0px;
}
.piston .rotator {
	border-radius: 50%; border: 20px solid rgba(0, 0, 0, 0.1); border-image: none; width: 100px; height: 100px; bottom: 0px; position: absolute; z-index: -1; box-sizing: border-box;
}