/*common*/
html,body{
	font-size:90%;
	height:100%;
	margin:0px;
	padding:0px;
}
body{
	background:#262930 url("../img/layout/bg_pattern.png");
	font-family:'Noto Sans',sans-serif;
	font-size:100%;
}
p{margin-bottom:1em;}
p:last-child{margin-bottom:0px;}
a{
	color:#222;
	text-decoration:underline;
}
em{
	font-style:italic;
	color:#000;
}
b,strong{
	color:#000;
	font-weight:bolder;
}
hr{
	border-width:0px 0px 1px 0px;
	border:3px solid #777;
	margin-bottom:1em;
}
h1,h2,h3,h4{
	font-weight:bold;
	line-height:1.25em;
	margin-bottom:0.5em;
}
h1,h2{
	background-color:#1e2025;
	color:#fff;
	margin-left:-0.75em;
	margin-right:-0.75em;
	padding:0.75em;
}
h2{background-color:#803f00;}
h1:before,h2:before{
	color:#555;
	content:'\f054';
	font-family:'FontAwesome';
	margin-right:0.5em;
}
h2:before{color:#bf5e00;}
h3{font-size:110%;}
blockquote{
	background-color:rgba(0,0,0,0.1);
	margin:0.5em;
	padding:0.5em;
}

/*common*/
div.title{
	background-color:#1e2025;
	color:#fff;
	font-weight:bold;
	padding:0.75em;
}
button,submit,a.button{
	background-color:#eff0f1;
	border-radius:3px;
	border:1px solid #aaa !important;
	box-shadow:inset 0px 5px 5px #f2f3f4,inset 0px -5px 10px #ddd;
	color:#000 !important;
	display:inline-block;
	font-size:100%;
	padding:0.25em 0.75em;
	text-decoration:none !important;
	transition:background-color 0.3s ease;
}
button[type="submit"]:before{
	content:'\f00c';
	font-family:'FontAwesome';
	margin-right:0.25em;
}
button:hover,submit:hover,a.button:hover{
	border-color:#bf5e00 !important;
	text-decoration:none !important;
}
button i,submit i,a.button i{margin-right:0.25em;}
a.button.disabled{
	color:#555 !important;
	opacity:0.5;
}
nav.contorls{
	text-align:right;
	background-color:#d0d0d1;
	margin:0.5em -0.75em -0.75em -0.75em;
	padding:0.5em;
}

/*popups*/
a.overlay{
	background-color:rgba(0,0,0,0.6);
	bottom:0px;
	left:0px;
	opacity:0;
	position:fixed;
	right:0px;
	top:0px;
	transition:opacity 0.5s;
	visibility:hidden;
	z-index:1;
}
.popup{
	display:inline-block;
	left:50%;
	opacity:0;
	padding:0.5em;
	position:fixed;
	text-align:justify;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transition:opacity 0.5s;
	visibility:hidden;
	z-index:10;
}
.popup:target,.popup:target~a.overlay{
	opacity:1;
	visibility:visible;
}
/*rolldown*/
div.rolldown>label{cursor:pointer;}
div.rolldown>label:after{
	color:#803f00;
	content:"\f196";
	font-family:'FontAwesome';
	margin-left:0.5em;
}
div.rolldown>label:hover:after{opacity:0.7;}
div.rolldown>input{display:none;}
div.rolldown>div{
	background-color:rgba(0,0,0,0.1);
	border-radius:3px;
	max-height:0px;
	overflow:hidden;
	transition:max-height 0.5s ease-in-out;
}
div.rolldown>div>div{margin:0.5em;}
div.rolldown>input:checked~div{max-height:1000px;}
div.rolldown>input:checked~label:after{content:"\f147";}

/*layout*/
div.frame{
	margin:auto;
	max-width:1920px;
}
main.master{
	background:url("../img/layout/bg_body.jpg") no-repeat center top fixed;
	height:auto;
	margin:auto;
	max-width:1920px;
	min-height:100%;
}
/*---------------- header*/
main.master>nav.master a.logo{
	background:#000 url('../img/layout/bg_head.jpg') no-repeat left top;
	border-top:1px solid black;
	display:block;
	height:270px;
	text-align:left;
}
main.master>nav.master img{
	display:block;
	margin:1.5em 0px 0px 1em;
}
main.master>nav.master div.menu{
	font-size:175%;
	text-align:center;
	background-color:#1e2025;
	border-top:2px solid #000;
	padding:0.1em 0px 0.3em 0px;
	box-shadow:0px 10px 25px 2px #000;
}
main.master>nav.master div.menu div.frame{
	border-radius:4px;
	display:inline-block;
	padding:0.2em;
}
main.master>nav.master div.menu a{
	color:#fff;
	margin:1em;
	text-decoration:none;
	text-transform:uppercase;
	transition:color 0.5s ease,border-color 0.8s ease;
}
main.master>nav.master div.menu a.active{border-bottom:3px solid #1e92ff;}
main.master>nav.master div.menu a:hover{
	border-bottom:3px solid #ffa500;
	color:#000;
	text-shadow:0px 0px 10px #fff;
}
main.master>nav.master div.menu a i{
	color:#888;
	margin-right:0.25em;
	text-shadow:none;
}
main.master>nav.master div.menu a[title="Pledge"] i{color:#bfd9ff;}
main.master>nav.master div.menu a.active i{color:#eee;}

/*---------------- body*/
main.master>section.master{
	background-color:rgba(255,255,255,0.5);
	font-size:110%;
	line-height:1.25em;
	margin:1em 1em 0px 1em;
	padding:1em 1em;
}
main.master>section.master.dual>div.frame{max-width:none;}
main.master>section.master>div.frame{
	color:#333;
	position:relative;
}
main.master>section.master p,main.master>section.master ul,main.master>section.master ol{line-height:135%;}
main.master>section.master ul,main.master>section.master ol{
	margin:0px 0px 1em 1em;
	list-style:initial;
}
main.master>section.master ul ul{list-style-type:square;}
main.master>section.master ol{list-style-type:decimal;}
main.master>section.master ol ol{list-style-type:upper-alpha;}
main.master>section.master li{
	display:list-item;
	margin-left:1.5em;
}
main.master>section.master nav.side{
	display:inline-block;
	float:left;
	width:240px;
}
main.master>section.master nav.side>div.menu{margin-bottom:1em;}
main.master>section.master nav.side>div.menu:last-child{margin-bottom:0px;}
main.master>section.master nav.side>div.menu>div.title{
	font-size:85%;
	padding:0.25em 0.25em 0.25em 0.5em;
}
main.master>section.master nav.side>div.menu>div.title:before{
	color:#555;
	content:'\f0c9';
	font-family:'FontAwesome';
	margin-right:0.5em;
}
main.master>section.master nav.side>div.menu>div.frame{
	background-color:#fff;
}
main.master>section.master nav.side>div.menu a{
	border-bottom:1px solid #bbb;
	color:#323232;
	display:block;
	font-size:85%;
	font-weight:bold;
	padding:0.15em 0.25em 0.15em 0.25em;
	text-decoration:none;
	transition:background-color 0.3s;
}
main.master>section.master nav.side>div.menu a i{color:#1e2025;}
main.master>section.master nav.side>div.menu a:last-child{border-bottom:0px;}
main.master>section.master nav.side>div.menu a:nth-child(odd){background-color:#eff0f1;}
main.master>section.master nav.side>div.menu a:hover{background-color:#a4c0e4;}
main.master>section.master nav.side>div.menu a:hover i{transform:scale(1.25,1.25);}
main.master>section.master nav.side>div.menu a.active{
	color:#fff;
	background-color:#803f00;
}
main.master>section.master nav.side>div.menu a.active i{color:#ff7e00;}
main.master>section.master nav.side>div.menu a i{margin-right:0.25em;}
main.master>section.master nav.side + article.main{margin-left:250px;}

main.master>section.master article.main{
	background:#fff;
	color:#111;
	padding:0.75em;
}
main.master>section.master article.main>h1:first-child{margin-top:-0.75em;}
main.master>section.master article.main a{
	border-bottom:1px solid #369;
	color:#147;
	text-decoration:none;
}
main.master>section.master article.main a:hover{color:#c28100;}
main.master>section.master>div.break{clear:both;}
/*---------------- footer*/
main.master>section.master>footer.master{
	border-top:1px solid #555;
	color:#262626;
	font-size:90%;
	margin-top:1em;
	padding-top:0.5em;
}
main.master>section.master>footer.master div.menu{
	display:inline-block;
	float:right;
}
main.master>section.master>footer.master a{
	font-weight:bold;
	text-decoration:none;
}
main.master>section.master>footer.master a:before{
	color:#555;
	content:'\2022';
	margin-right:0.25em;
}
main.master>section.master>footer.master a:first-of-type:before,main.master>section.master>footer.master div.social-media a:before{content:'';}
main.master>section.master>footer.master a:hover{color:#000;}
main.master>section.master>footer.master div.menu a{padding:0px 0.25em;}
main.master>section.master>footer.master div.menu a:last-of-type{padding:0px;}
main.master>section.master>footer.master div.social-media{text-align:right;}
main.master>section.master>footer.master div.social-media a:hover i{transform:scale(1.5,1.5);}
/*media queries*/
@media all and (max-width:1000px) {
	main.master>nav.master div.menu a{font-size:100%;}
}
@media all and (max-width:1919px) {
	main.master>nav.master a.logo{
		background-size:100%;
		position:relative;
		height:auto;
	}
	main.master>nav.master a.logo:before{
		content:"";
		display:block;
		padding-top:14.0625%;
	}
	main.master>nav.master img{
		left:0em;
		position:absolute;
		top:0em;
	}

}
@media all and (max-width:1480px) {
	main.master>nav.master a.logo{background-size:1480px;}
	main.master>nav.master a.logo:before{display:none;}
	main.master>nav.master img{
		margin:0.25em 0px 0px 0.5em;
		position:static;
	}
}
@media all and (max-width:835px) {
	main.master>nav.master div.menu a{
		font-size:80%;
		margin-right:2em;
		width:auto;
	}
	main.master>nav.master img{
		height:auto !important;
		margin:auto;
		max-width:95%;
	}
	main.master>nav.master a.logo{
		background-position:50%;
		background-size:230%;
		height:auto;
	}
	main.master>nav.master div.menu span{display:none;}
	main.master>nav.master div.menu a i{margin-right:2px;}
}
@media all and (max-width:500px) {
	main.master>nav.master div.menu a{margin-right:1em;}
	main.master>section.master nav.side{
		float:none;
		margin-bottom:1em;
		width:100%;
	}
	main.master>section.master nav.side + article.main{margin-left:0px;}
}