@font-face {
	font-family: 'Norse'; /*a name to be used later*/
	src: url('http://felvargs.com/templates/templatemain/fonts/Fonts/Norse.ttf'); /*URL to font*/
}
html, body {
	font-family: 'Norse';
	font-size: 19px;
	height: 100%;
	background-color: transparent !important;
	border: 0;
	margin: 0;
}

.row {
	background-repeat	: no-repeat;
	background-size		: cover;
	height				: 100%;
	margin				: 0 auto;
	text-align			: center;
}

.mainwrapper {
	background: url(images/background.png?webp) scroll no-repeat center top transparent;
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	min-height: 100%;
}

.wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(34, 34, 34, 0.63);
	color: #AAAAAA;
	height: 100%;
	margin: 0 auto;
	padding-top: 5px;
	padding-right: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	min-width: 465px;
	min-height: 250px;
}

.container {
	background-color: rgba(17, 17, 17, 0.46);
	color: #AAAAAA;
	vertical-align: top;
	display: inline-block;
	margin: 5px auto 0 auto;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
}
.containerright {
	background-color: rgba(17, 17, 17, 0.46);
	color: #AAAAAA;
	font-size: 18px;
	vertical-align: top;
	display: inline-block;
	margin: 5px auto 0 auto;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	min-height: 200px;
	min-width: 380px;
}

h1, h2, h4 {
	padding: 0;
	margin: 0;
	border: 0;
	color: rgb(7, 10, 15);
	text-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
}

h1 {
	font-size: 135px;
	line-height: 114px;
	padding: 22px 0 0 0;
	text-indent: -6px;
	letter-spacing: 1px;
}

h2 {
	font-size: 66px;
	letter-spacing: 1px;
	line-height: 66px;
	text-indent: -5px;
}

h4 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 66px;
	text-indent: -5px;
}

.puplist {
	font-family: 'Ariel';
	font-size: 15px;
	float: left;
	color: #AAAAAA;
	text-align: left;
}


.puplist .pup {
	padding-bottom: 2px;
}

.error {
	color: rgb(186, 8, 8);
	font-weight: bold;
	text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1);
}

.gender-health:before {
	position: absolute;
	display: block;
	content: attr(data-index);
	margin-left: -22px;
}
.gender-health span {
	position: absolute;
	margin-left: -22px;
	text-indent: 0px;
}

.gender-health,
.geno-code,
.colour-text,
.coat-type,
.mutation {
	clear:both;
	display: block;
	text-indent: 20px;
}

span.hide {
	display: none;
}
.container[data-name="generate"],
.container[data-name="random"] {
	cursor:pointer;
}
.wrapper input[value="Random"] {display:none;}

#newpups.random [data-set="generate"] {
	display:none;
}
#newpups.random .wrapper input[value="Random"] {display:inline-block;}

.puplist br {display:none;}