@font-face {
    font-family: 'quoteregular';
    src: url('./fonts/quote-webfont.eot');
    src: url('./fonts/quote-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('./fonts/quote-webfont.woff') format('woff'),
         url('./fonts/quote-webfont.ttf') format('truetype'),
         url('./fonts/quote-webfont.svg#quoteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.beetle-field {
	position: relative;
	margin: 1em auto;
	width: 640px;
	height: 380px;
	background-size: cover;
	overflow: hidden;
}
.beetle-field.background-1 {
	background: url('./../static.lioden.com/images/beetles/1.png');
}
.beetle-field.background-2 {
	background: url('./../static.lioden.com/images/beetles/2.png');
}
.beetle-field.background-3 {
	background: url('./../static.lioden.com/images/beetles/3.png');
}
.beetle-field.background-4 {
	background: url('./../static.lioden.com/images/beetles/4.png');
}
.beetle-field.background-5 {
	background: url('./../static.lioden.com/images/beetles/5.png');
}
.beetle-field.background-6 {
	background: url('./../static.lioden.com/images/beetles/6.png');
}
.beetle-field.background-7 {
	background: url('./../static.lioden.com/images/beetles/7.png');
}
.beetle-field.background-8 {
	background: url('./../static.lioden.com/images/beetles/8.png');
}
.beetle-field.background-9 {
	background: url('./../static.lioden.com/images/beetles/9.png');
}
.beetle-field.background-10 {
	background: url('./../static.lioden.com/images/beetles/10.png');
}
.beetle-field.background-11 {
	background: url('./../static.lioden.com/images/beetles/11.png');
}
.beetle-field.background-12 {
	background: url('./../static.lioden.com/images/beetles/12.png');
}
.beetle-ui {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 380px;
	background: url('./../static.lioden.com/images/beetles/beetleUI.png');
	background-size: cover;
	z-index: 150;
}
.beetle-msg {
	position: absolute;
	display: none;
	width: 640px;
	top: 323px;
	left: 0;
	color: #FEC;
	font-size: 24px;
	font-family: 'quoteregular', Tahoma, sans-serif;
	text-align: center;
}
.beetle-outer {
	position: absolute;
	top: 27%;
	left: 50%;
	width: 200px;
	height: 200px;
}
.beetle-box {
	position: relative;
	width: 100%;
	height: 100%;
}
.beetle {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.beetle-one .beetle {
	left: -200px;
}
.beetle-gasp {
	position: absolute;
	display: none;
	top: -25px;
	left: -125px;
	width: 77px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('./../static.lioden.com/images/beetles/gasp-b1.png');
}
.beetle-two .beetle-gasp {
	left: 25px;
	background-image: url('./../static.lioden.com/images/beetles/gasp-b2.png');
}
.beetle-pow,
.beetle-kapow,
.beetle-whack,
.beetle-clinch-1,
.beetle-clinch-2,
.beetle-clinch-3 {
	position: absolute;
	display: none;
	top: -50px;
	left: -100px;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-1.png');
}
.beetle-kapow {
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-2.png');
}
.beetle-whack {
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-3.png');
}
.beetle-two .beetle-clinch-1 {
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-4.png');
}
.beetle-two .beetle-clinch-2 {
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-5.png');
}
.beetle-two .beetle-clinch-3 {
	background-image: url('./../static.lioden.com/images/beetles/beetle-pow-6.png');
}
.beetle-one .beetle-pow,
.beetle-one .beetle-kapow,
.beetle-one .beetle-whack {
	left: -80px;
}
.beetle-two .beetle-pow,
.beetle-two .beetle-kapow,
.beetle-two .beetle-whack {
	left: -120px;
}
.beetle-below {
	width: 640px;
	height: 30px;
	margin-bottom: 1em;
	text-align: center;
}