.mastheadspacer{height:50px;}

			p,h1,h2,h3,h4,h5,h6{font-family: "roboto condensed", sans-serif}
			
			.bronze{color:#cd7f32;}
			.silver{color:#C0C0C0;}
			.gold{color:#ffd700;}
			label{width:80px !important;}
			fieldset{padding:0;font-size:.9em;}	
			.maxwidth{max-width:500px;}
			.credits{font-size:.8em;}	

			.box label {width:auto;min-width:160px;height:auto;float:none; text-align: center}
			.box {max-width:500px; overflow:hidden;}
			.icon-block-gigantic{font-size:60px;width:95px; height:95px;line-height:95px;}	
			.margin-top-50{margin-top:50px;}		
			.margin-bottom-50{margin-bottom:50px;}				

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}



/* style 4 */

.inputfile + label {
    color: #009688;
    transition-duration: 0.3s;
}

.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    color: #00796B;
}

.inputfile + label i {
    background-color: #009688;
    transition-duration: 0.3s;
     box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);
}

.inputfile:focus + label i,
.inputfile.has-focus + label i,
.inputfile + label:hover i {
    background-color: #00796B;
     box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);
     transform:scale(.96) translate3d(0,0,0);
}
		
		
			
.fg-oc{color:#e74c3c}
.bg-oc{background:#e74c3c}
.fg-ocgrey{color:#222}
.bg-ocgrey{background:#222}
.bg-oc.btn:hover{background:#bf4032;transform:scale(.96) translate3d(0,0,0);}

.mobilemenu {background:#222; height:50px;position:fixed;z-index:100;width:100%;}
.mobilemenu ul{width:100%; list-style:none;float:left;margin-left:0px; }
.mobilemenu li{width:50px !important;height:50px;line-height:50px;text-align:center;margin:0px;padding:0px; font-size:20px;}
.mobilemenu li:hover{background:#F44336;}
.mobilemenu li.social{width:50px;}

#accordian {
	background: #222222;
	width: 100%;
	color: white;
	 font-weight:400;
	 font-family: 'mr-eaves-xl-modern', sans-serif;
}
/*heading styles*/
#accordian h3, #accordian h4 {
	font-size: 18px;
	line-height: 34px;
	padding: 0px;
	padding-left:0px;
	cursor: pointer;
	border-bottom:1px solid #444;
	margin:0px;
	transition: all 0.25s;
	color:white;
	 font-family: 'mr-eaves-xl-modern', sans-serif;

}
#accordian h4 a{padding-left:15px;}
#accordian i{float:right;transform:rotate(90deg) translateY(10px); font-style:normal;font-family: 'Zapf Dingbats';}
#accordian h3{padding:5px;	padding-left:15px;
}
/*heading hover effect*/
#accordian h3:hover {
	background: #F44336;

}

/*list items*/
#accordian li {
	list-style-type: none;
	padding:0px; margin:0px;
}
/*links*/
#accordian ul ul li a {
	background:#444;
	color: white;
	text-decoration: none;
	font-size: 16px;
	line-height: 34px;
	display: block;
	padding: 5px 20px;
	/*transition for smooth hover animation*/
	transition: all 0.25s;
	border-left: 5px solid #444;

}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #F44336;
	border-left: 5px solid #008140;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
	margin-bottom:0px;
	padding-top:0px;
}
#accordian li.active ul {
	display: block;
}

.bg-valor{background-color:#f3150a}
.bg-mystic{background-color:#0677ee}
.bg-instinct{background-color:#fbd208}

.fg-valor{color:#f3150a}
.fg-mystic{color:#0677ee}
.fg-instinct{color:#fbd208}

.mobilebrandinglogo{padding:10px 0px;vertical-align:text-bottom;max-width:65%;}
.mobilebrandingphone{margin:0px;padding:0px;height:80px;line-height:80px;margin-right:20px;}
#menu_opener{display:none;}

.sb-slidebar ul {margin-left:0px;padding-top:20px;}
.sb-slidebar li a{color:white; display:block;padding:5px; font-size:20px;}
.sb-slidebar li a:hover{background:#F44336}
.sb-slidebar li a:click{background:#F44336}


			.bg_grass{background-color:#78c850; background:#78c850 url('/images/types/grassbackground.png'); background-size: cover;}
			.bg_water{background-color:#6890f0; background:#6890f0 url('/images/types/waterbackground.png'); background-size: cover;}
			.bg_fire{background-color:#f08030; background:#f08030 url('/images/types/firebackground.png'); background-size: cover;}
			.bg_bug{background-color:#a8b820; background:#a8b820 url('/images/types/bugbackground.png'); background-size: cover;}
			.bg_normal{background-color:#a8a878; background:#a8a878 url('/images/types/normalbackground.png'); background-size: cover;}
			.bg_poison{background-color:#a040a0; background:#a040a0 url('/images/types/poisonbackground.png'); background-size: cover;}
			.bg_electric{background-color:#f8d030; background:#f8d030 url('/images/types/electricbackground.png'); background-size: cover;}
			.bg_ground{background-color:#e0c068; background:#e0c068 url('/images/types/groundbackground.png'); background-size: cover;}
			.bg_fairy{background-color:#ffaec9; background:#ffaec9 url('/images/types/fairybackground.png'); background-size: cover;}
			.bg_fighting{background-color:#c03028; background:#c03028 url('/images/types/fightingbackground.png'); background-size: cover;}
			.bg_rock{background-color:#b8a038; background:#b8a038 url('/images/types/rockbackground.png'); background-size: cover;}
			.bg_ghost{background-color:#705898; background:#705898 url('/images/types/ghostbackground.png'); background-size: cover;}
			.bg_psychic{background-color:#7f58f8; background:#7f58f8 url('/images/types/psychicbackground.png'); background-size: cover;}
			.bg_ice{background-color:#98d8d8; background:#98d8d8 url('/images/types/icebackground.png'); background-size: cover;}
			.bg_dark{background-color:#705848; background:#705848 url('/images/types/darkbackground.png'); background-size: cover;}
			.bg_steel{background-color:#b8b8d0; background:#b8b8d0 url('/images/types/steelbackground.png'); background-size: cover;}
			.bg_dragon{background-color:#7038f8; background:#7038f8 url('/images/types/dragonbackground.png'); background-size: cover;}
			.bg_flying{background-color:#a890f0; background:#a890f0 url('/images/types/flyingbackground.png'); background-size: cover;}
			
.cpoverlay {top:0px; right:0px;background:rgba(0,0,0,0.5);padding:2px 5px;color:white;font-size:.7em;line-height:1.2em;text-align:right;letter-spacing:0px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,0.75)			}

.text-shadow{text-shadow:0 1px 3px rgba(0,0,0,0.75), 0 1px 1px rgba(0,0,0,0.5);}

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1400 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1400px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1400";top:10px;}




}

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1200 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1200";top:10px;}

}


/* --------------------------------------------------------------------------------------------- */
/* ---------- 960 Layout ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
#debugcsslayoutvalue:before{left:100px;font-size:.9em;color:white;content:"L960";top:10px;}

}




/* --------------------------------------------------------------------------------------------- */
/* ---------- Tablets  ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width:720px) and (max-width:959px) {
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Ltab";top:10px;}
	#menu_opener{display:inline-block;}
}


/* --------------------------------------------------------------------------------------------- */
/* ---------- Smartphones  --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media only screen and (max-width:719px) {
	html {min-width:320px;}
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Lsp";top:10px;}
	#menu_opener{display:inline-block;}

	h1,.h1 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h2,.h2 {font-size:2.4em;line-height:1.18em;letter-spacing:-.03em;margin:0px 0px .8em 0px;}
	h3,.h3 {font-size:2.1em;line-height:1.25em;letter-spacing:-.03em;margin:0px 0px 0.9em 0px;} /*was 1.65 and 0.5 */
	h4,.h4 {font-size:1.8em;line-height:1.25em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h5,.h5 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	.hoverable:hover{transform:none;box-shadow:0px 10px 40px 5px rgba(0,0,0,0.5);z-index:2;}
		
}


@media print {
	* {background:white; color:black; box-shadow:none;}
	.notprintable{display:none;}
	.printonly{display:block;}
	.softwhitebox{box-shadow:none;}
	body{background:white; color:black;}
	p, h1, h2, h3, h4, h5, h6 {color:black;}
	#content{background:white;}
}