@charset "UTF-8";
/* CSS Document */

body{
	margin: 0px;
	color: #000;
	background: #00C77C;
	text-align: center;
	font-family: "Montserrat", Arial;
	-webkit-appearance: none;
	overflow: hidden;
}

/*---| colors

darker green: #21C77C // #00C77C
deep purple: #24224A

|---*/

/*---| basic |---*/

p,h1,h2,h3,h4,h5,blockquote,strong,small,em{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
	-webkit-appearance: none;
}
em{
	font-style: normal;
}

a{
	text-decoration: none;
}

img{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a img{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

li,ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*---| images |---*/

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8. was 97.5*/
}

/*---| loading |---*/

.themonsterload{
	top:0px;
	left:0px;
	position: absolute;
	z-index: 99;
	width:100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: #00170A url(../images/KCA-logo-load-anim.gif) no-repeat center center;
}

/*---| main |---*/

.vignette{
	position:absolute;
	width: 100%;
	height: 100%;
	overflow:hidden;
	display:block;
	top:0px;
	left:0px;
	z-index: 90;
}

.info{
	top:0px;
	left:0px;
	position: absolute;
	z-index: 95;
	width:100%;
	height:20px;
	display: block;
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #F7EAE3;
	font-weight: 700;
}

.container{
	top:0px;
	left:0px;
	position: absolute;
	z-index: 1;
	width:100%;
	height:100%;
	background: #00C77C;
}

/*---| monster |---*/

.themonster{
	position: absolute;
	display:block;
	overflow:visible;
	width: 405px;
	height:707px;
	margin-left: -202;
	left: 50%;
	top:100px;
	/*
	margin-top: -352;
	top: 50%;
	*/
	cursor: pointer;
	z-index: 97;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
}
/*
.themonster:hover{
	-webkit-transform:scale(1.1) translate(0px,0px);
	-moz-transform:scale(1.1) translate(0px,0px);
	-o-transform:scale(1.1) translate(0px,0px);
	transform:scale(1.1) translate(0px,0px);
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}
.themonster:hover .eyebrow{
	top:100px;
}
.themonster:hover .eye-left{
	-webkit-transform:scale(.9) translate(0px,0px);
	-moz-transform:scale(.9) translate(0px,0px);
	-o-transform:scale(.9) translate(0px,0px);
	transform:scale(.9) translate(0px,0px);
}
.themonster:hover .eye-middle{
	-webkit-transform:scale(.8) translate(0px,0px);
	-moz-transform:scale(.8) translate(0px,0px);
	-o-transform:scale(.8) translate(0px,0px);
	transform:scale(.8) translate(0px,0px);
}
.themonster:hover .eye-right{
	-webkit-transform:scale(.9) translate(0px,0px);
	-moz-transform:scale(.9) translate(0px,0px);
	-o-transform:scale(.9) translate(0px,0px);
	transform:scale(.9) translate(0px,0px);
}
*/

.themonster img{
	position: absolute;
	left:0px;
	top:0px;
	display:block;
	overflow: hidden;
}

.eyebrow{
	position: absolute;
	left:30px;
	top:110px;
	z-index: 22;
	display:block;
}
.mouth{
	position: absolute;
	left:116px;
	top:386px;
	z-index: 21;
	display:block;
}
.eye-left{
	position: absolute;
	left:32px;
	top:154px;
	z-index: 20;
	display:block;
}
.eye-middle{
	position: absolute;
	left:134px;
	top:146px;
	z-index: 19;
	display:block;
}
.eye-right{
	position: absolute;
	left:232px;
	top:152px;
	z-index: 18;
	display:block;
}

.nostrils{
	position: absolute;
	left:129px;
	top:362px;
	z-index: 16;
	display:block;
}

.facial-hair{
	position: absolute;
	left:91px;
	top:456px;
	z-index: 15;
	display:block;
}

.the-head{
	position: absolute;
	left:0px;
	top:0px;
	z-index: 14;
	display:block;
}

.the-body{
	position: absolute;
	left:111px;
	top:379px;
	z-index: 13;
	display:block;
}

.leg-right{
	position: absolute;
	left:220px;
	top:110px;
	height:618px;
	width:95px;
	z-index: 12;
	display:block;
	overflow: hidden;
}
.leg-left{
	position: absolute;
	left:89px;
	top:110px;
	height:618px;
	width:104px;
	z-index: 11;
	display:block;
	overflow: hidden;
}
.themonster .leg-right img,
.themonster .leg-left img{
	position: absolute;
	top:309px;
	display:block;
	overflow: hidden;
}

/*---| background |---*/

.backmain{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:805px;
	display:block;
	overflow: hidden;
	z-index: 1;
}
.backOne{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:805px;
	display:block;
	overflow: hidden;
	background: url(../images/monster-back1.png) top center repeat-x;
	z-index: 4;
}
.backTwo{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:805px;
	display:block;
	overflow: hidden;
	background: url(../images/monster-back2.png) top center repeat-x;
	z-index: 3;
}
.backThree{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:805px;
	display:block;
	overflow: hidden;
	background: url(../images/monster-back3.png) top center repeat-x;
	z-index: 2;
}

.groundmain{
	position: absolute;
	display:block;
	overflow:visible;
	width: 200px;
	height:660px;
	margin-left: -330;
	left: 50%;
	top:700px;
	z-index: 2;
}
.groundOne{
	position: absolute;
	top:0px;
	left:0px;
	height:200px;
	width:660px;
	display:block;
	overflow: hidden;
	background: url(../images/monster-ground1.png) top center repeat-x;
	z-index: 2;
}
.groundTwo{
	position: absolute;
	top:0px;
	left:0px;
	height:200px;
	width:660px;
	display:block;
	overflow: hidden;
	background: url(../images/monster-ground2.jpg) top center repeat-x;
	z-index: 1;
}
/*
.leg-right{
	position: absolute;
	left:220px;
	top:400px;
	z-index: 12;
}
.leg-left{
	position: absolute;
	left:89px;
	top:400px;
	z-index: 11;
}
.eyebrow,
.eye-left,
.eye-middle,
.eye-right,
.mouth,
.nostrils,
.facial-hair,
.the-head,
.the-body,
.leg-right,
.leg-left{
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.themonster:hover .eyebrow,
.themonster:hover .eye-left,
.themonster:hover .eye-middle,
.themonster:hover .eye-right,
.themonster:hover .mouth,
.themonster:hover .nostrils,
.themonster:hover .facial-hair,
.themonster:hover .the-head,
.themonster:hover .the-body,
.themonster:hover .leg-right,
.themonster:hover .leg-left{
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
}
*/