*{
	margin: 0px;
	padding: 0px;
}
#snowflakeContainer {
	position: absolute;
	left: 0px;
	top: 0px;
}
.snowflake {
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	font-size: 14px;
	line-height: 24px;
	position: fixed;
	color: #FFFFFF;
	user-select: none;
	z-index: 1000;
}
.snowflake:hover {
	cursor: default;
}

body{
	vertical-align: bottom;
	display: block;

	font-family: 'Lato';
	font-weight: 400;
	font-size: 100%;
	color: rgba(255,255,255,0.8);

	overflow-x: hidden;
	overflow-y: scroll;
	cursor: default;
	background: rgba(37,38,43,1);
}

input,
textarea,
button,
select{
	outline: none;
}

code{
	font-family: 'Ubuntu Mono';
	padding: 4px;
	border-radius: 3px;
	margin-left: 5px;
	margin-right: 5px;
	background: rgba(37,38,43,1);
	font-size: inherit;
	color: rgba(255,255,255,0.6);
}

ul{}

ul li{
	margin-left: 15px;
	font-weight: lighter;
}
li.nostyle{
	display: block;
	margin-left: 25px;
	margin-bottom: 8px;
}
/*
h1, h2, h3, h4, h5, h6, p{
	margin: 0px;
	padding: 0px;
	border: 0px solid transparent;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	display: inline-block;
}
*/


h1.head{
	display: block;
	padding: 15px;
	text-align: center;
	font-size: 40px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

a{
	color: inherit;
	font: inherit;
	text-decoration: none;
}

.glob-msg{
	display: block;
	border-radius: 4px;
	text-align: center;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.glob-msg.ok{
	background: rgba(70,180,70,1);
	color: rgba(37,38,43,1);
}
.glob-msg.error{
	background: rgba(180,70,70,1);
}
.glob-msg.info{
	background: rgba(70,70,180,1);
}

.center{
	margin-left: auto;
	margin-right: auto;
}

#content{
	width: 80%;
	border: 0px solid white;
	vertical-align: top;
}


.borderO{
	display: inline-block;
	vertical-align: top;
	border: 2px solid rgba(255,153,0,1);
	border-radius: 5px;
	transition: 0.2s;
	padding: 5px;
	margin: 10px;
	font-size: 20px
}

/* ############################################################ */
/* ##################### HEADER ############################### */
/* ############################################################ */

#header{
	display: block;
	position: fixed;
	z-index: 3000;
	width: 100%;
	height: auto;
	text-align: center;
	background: rgba(46,49,56,1);
	border-top: 3px solid rgb(255,153,0);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	transition: 0.2s;
}
#header #scroller{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0%;
	height: 3px;
	background: rgba(255,153,0,1);
	transition: 0.21s;
}

#h-placeholder{
	display: block;
	height: 83px;
}

#h-title{
	display: block;
	padding: 25px;
	font-size: 27px;
	text-align: center;
	color: rgba(255,153,0,1);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

#h-bg{
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 0px solid red;
	background-position: center;
	background-size: cover;
	background-image: url('images/title-bg.jpg');
	background-repeat: no-repeat;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(100,100,100,0.1);
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.3);
}

#h-logo{
	display: block;
	text-align: center;
	margin-bottom: 0px;
}
#h-logo p{
	display: inline-block;
	width: 100%;
	height: 205px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 100%;
	background-image: url('images/title.png');
	/*	background-color: #006f9f*/
}

#header #nav {
	display: inline-block;
	width: 100%;
	max-width: 960px;
	height: auto;
	vertical-align: top;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
#header #nav .scrolled{
	text-align: right;
}

#header #nav #nav-logo{
	display: none;
	line-height: 70px;
	vertical-align: top;
	width: 160px;
	height: 70px;
	margin-right: 30px;
	border: 1px solid white;
	text-align: center;
	font-size: 25px;
	text-transform: uppercase;
	font-family: 'Kenzo';
	transition: 0.2s;
}

#header #nav a{
	display: inline-block;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: rgba(255,255,255,0.4);
	transition: 0.2s;
}
#header #nav a:hover{
	color: rgba(255,255,255,1);
}
#header #nav a.active{
	color: rgba(255,255,255,1);
}
#header #nav a.hot{
	color: rgba(46,49,56,1);
	line-height: 35px;
	height: 35px;
	border-radius: 4px;
	font-weight: bold;
	background: rgba(255,153,0,1);
}
#header #nav a.hot.active{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
#header #nav a.hot:hover{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}

#header #serverstatus{
	position: absolute;
	white-space: nowrap;
	display: inline-block;
	margin: 20px;
	height: 40px;
	width: auto;
	right: 1px;
}
@media only screen and (max-width: 1250px) {


	#header #nav{
		text-align: left;
	}
}
@media only screen and (max-width: 980px) {


	#header #serverstatus{

		display: none;
	}
}
#header #serverstatus p{
	width: auto;
	height: 40px;
	cursor: pointer;
	padding-left: 20px;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,0.2);
	vertical-align: middle;
	line-height: 40px;
	transition: 0.2s;
}

#header #serverstatus p.online{
	color: rgba(100,200,100,1);
}

#header #serverstatus p.offline{
	color: rgba(200,100,100,1);
}
#header #serverstatus span{
	display: inline-block;
	text-transform: uppercase;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid rgba(255,255,255,0.2);
}
#header #serverstatus span meh{
	color: rgba(255,255,255,0.5);
	font-size: 14px;
	margin-left: 5px;
}

.ss-active{
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	background-image: url('images/dropdown-reverse.png');
}
#header #serverstatus p:hover{
	background-color: rgba(37,38,43,1);
}

#header #serverstatus-container #loader-img{
	width: 32px;
	height: 32px;
	background: red;
}

#header #serverstatus-container{
	position: absolute;
	display: none;
	right: 20px;
	margin-top: 20px;
	width: 300px;
	height: 100px;
	border: 1px solid rgba(255,153,0,1);;
	background: rgba(46,49,56,1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#header #serverstatus-container .close{
	position: absolute;
	width: 13px;
	height: 13px;
	top: 8px;
	right: 8px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	background-image: url('images/close.png');
	transtition: 0.2s;
}

#header #serverstatus-container .element{
	display: block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: auto;
	color: white;
	text-align: left;
}
#header #serverstatus-container .element span{
	display: inline-block;
	width: 50%;
	padding-left: 15px;
	text-transform: uppercase;
	text-align: left;
}
#header #serverstatus-container .element code{
	display: inline-block;
	width: auto;
	padding-left: 15px;
	text-transform: uppercase;
	text-align: left;
	font-size: 20px;
}
#header #serverstatus-container .element code.online{
	color: rgba(100,200,100,1);
}
#header #serverstatus-container .element code.offline{
	color: rgba(200,100,100,1);
}

/* ############################################################ */
/* ##################### FOOTER ############################### */
/* ############################################################ */

#footer{
	display: block;
	min-height: 200px;
	margin-top: 300px;
	padding: 20px;
	text-align: center;
	background: #0D0D0F;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#footer .element{
	display: inline-block;
	margin: 20px;
	width: 20%;
	min-height: 150px;
	border: 0px solid white;
	text-align: left;
	vertical-align: top;
}
#footer .element *{
	display: block;
}
#footer .element h1{
	font-size: 24px;
	color: rgba(255,255,255,0.8);
}
#footer .element a{
	font-size: 17px;
	margin: 3px;
	margin-left: 8px;
	color: rgba(255,255,255,0.4);
}

/* ############################################################ */
/* ##################### GLOBAL ############################### */
/* ############################################################ */

.global.lefter,
.global.righter{
	display: inline-block;
	height: auto;
	vertical-align: top;
	min-height: 100px;
	padding: 10px;
}

.global.lefter{
	width: calc(70% - 20px);
}

.global.righter{
	width: calc(30% - 20px);
}

/* ############################################################ */
/* ##################### RIGHTER ############################## */
/* ############################################################ */

.global.righter .element{
	display: block;
}
.global.righter .element h2{
	display: block;
	font-weight: bold;
	font-size: 20px;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 8px;
}
.global.righter .element p{
	display: block;
	padding: 5px;
	color: rgba(255,255,255,0.6);
	font-size: 16px;
	font-weight: normal;
}

/* ############################################################ */
/* ##################### HOME ################################# */
/* ############################################################ */

p.home{
	display: block;
	font-size: 23px;
	padding: 25px;
	text-align: center;
}
p.home a{
	text-decoration: underline;
}
.home.news{
	display: block;
	padding: 15px;
}

.home.news .element{
	display: block;
	padding: 10px;
	margin-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.home.news .element h2{
	display: block;
	font-size: 20px;
	font-weight: bold;
}

.home.news .element .text{
	margin: 10px;
	color: rgba(255,255,255,0.8);
	font-weight: lighter;
	font-size: 16px;
	z-index: 1;
}
.home.news .element .text.readmore{
	cursor: pointer;
	color: rgba(255,255,255.0.2);
	transition: 0.2s;
}
.readmore::after{
	position: relative;
	content: 'read more';
	color: rgba(255,153,0,1);
	vertical-align: bottom;
	line-height: 180px;
	text-align: right;
	z-index: 2;
	display: block;
	width: 100%;
	height: 80px;
	margin-top: -70px;
	background: rgba(38,39,44,0);
	background: -moz-linear-gradient(top, rgba(38,39,44,0) 0%, rgba(38,39,44,1) 100%);
	/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,39,44,0)), color-stop(100%, rgba(38,39,44,1)));*/
	background: -webkit-linear-gradient(top, rgba(38,39,44,0) 0%, rgba(38,39,44,1) 100%);
	background: -o-linear-gradient(top, rgba(38,39,44,0) 0%, rgba(38,39,44,1) 100%);
	background: -ms-linear-gradient(top, rgba(38,39,44,0) 0%, rgba(38,39,44,1) 100%);
	background: linear-gradient(to bottom, rgba(38,39,44,0) 0%, rgba(38,39,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26272c', endColorstr='#26272c', GradientType=0 );
}

.home.news .element .text p{
	display: none;
}

/* ############################################################ */
/* ##################### SHOP ################################# */
/* ############################################################ */

.shop{}

.shop-select{

	display: inline-block;
	width: calc(30% - 2 * 15px);
	min-width: 140px;
	min-height: 300px;
	margin: 15px;
	vertical-align: top;
	border: 2px solid rgba(255,153,0,1);
	padding:10px;
	border-radius: 5px;
	transition: 0.2s;
	font-size: 20px;
}
.shop-select h1{
	display: block;
	text-align: center;
	color: rgba(255,255,255,0.4);
	text-transform: uppercase;
	font-size: 20px;
}

.shop-select button{
	margin: 15px;
	height: 40px;
	width: 150px;
	vertical-align: bottom;
	outline: none;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background: rgba(255,153,0,1);
	transition: 0.2s;
}

.shop-select a{
	font-size: 30px;
}

.shop h1{
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px;
	font-size: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.shop p{
	margin-left: 25px;
	font-weight: lighter;
}

.shop strong{
	display: block;
	margin-top: 15px;
	padding: 5px;
}

.shop a{
	text-decoration: underline;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
}

.shop-purchase{
	display: inline-block;
	margin: 15px;
	vertical-align: top;
	border: 2px solid rgba(255,153,0,1);
	border-radius: 5px;
	transition: 0.2s;
	padding: 15px;
	font-size: 20px
}
.shop-form{
	display: inline-block;
	vertical-align: top;
	border: 2px solid rgba(255,153,0,1);
	border-radius: 5px;
	transition: 0.2s;
	padding: 15px;
	font-size: 20px;
	width: 400px;
	margin-left: calc(50% - 200px);
	margin-top: 30px;
}
.shop-money input[type='range'] {
	-webkit-appearance: none !important;
	background:grey;
	height:40px;
	width: 800px;
}
.shop-money 	input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	background:rgba(255,153,0,1);
	border:black;
	border-radius: 5px;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='120px'><text x='0' y='24' fill='black' font-size='16'> &lt; | &gt; </text></svg>");
	height:40px;
	width:30px;
}
.shop-money{
	font-size:25px;
}
.shop-money b{
	color:gold;
}

.shop-form form input[type="text"],
.shop-form form input[type="email"],
.shop-form form textarea,
.shop-form form select{
	display: block;
	padding: 5px;
	height: 25px;
	width: 300px;
	margin: 3px;
	border: 1px solid rgba(255,255,255,0.6);
	color: rgba(255,255,255,0.9);
	font-size: 19px;
	font-weight: lighter;
	background: transparent;
	border-radius: 5px;
	transition: background 0.2s, border 0.2s, color 0.2s;
}

.shop-form form select option{
	color: rgba(37,38,43,1);
	background: white;
	cursor: pointer;
}

.shop-success{
	display: inline-block;
	width: calc(80%);
	margin: 15px;
	vertical-align: top;
	border: 2px solid rgba(33,175,8,1);
	border-radius: 5px;
	transition: 0.2s;
	padding: 15px;
	font-size: 20px
}
.shop-success h2{
	display: block;
	font-size: 20px;
	color: rgba(255,153,0,1);
	margin-bottom: 5px;

}
span.payment-m{
	display: block;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	margin-top: 25px;
	padding-bottom: 25px;
	padding-top: 20px;
	border-bottom: 2px solid rgba(255,255,255,0.3);
	border-top: 2px solid rgba(255,255,255,0.3);
}
span.payment-m h2{
	display: inline-block;
	font-size: 28px;
	margin-right: 30px;
}
span.payment-m p{
	height: 20px;
	line-height: 20px;
	margin: 10px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid rgba(255,255,255,0.7);
	border-radius: 5px;
}

.shop-items{
	display: block;
	margin-top: 25px;
	text-align: center;
}

.shop-items .element{
	display: inline-block;
	width: calc(30% - 2 * 15px);
	min-width: 330px;
	min-height: 550px;
	margin: 15px;
	margin-right: 20px;
	vertical-align: top;
	border: 2px solid rgba(255,255,255,0.2);
	border-radius: 5px;
	transition: 0.2s;
}
.shop-items .element.recommended{
	border: 2px solid rgba(255,153,0,1);
}
.shop-items .element.disabled *{
	color: rgba(255,255,255,0.2) !important;
}
.shop-items .element.disabled button{
	background: rgba(255,255,255,0.4) !important;
}

.shop-items .element h1{
	display: block;
	font-size: 25px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
}
.shop-items .element h2{
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 21px;
	text-transform: uppercase;
	color: rgba(255,153,0,1);
}

.shop-items .element span.types{
	display: block;
	padding: 10px;
	text-align: left;
}

.shop-items .element span.types p.m-n{
	font-size: 28px;
	margin-right: 5px;
}
.shop-items .element span.types p.m-t{
	font-size: 14px;
	color: rgba(255,255,255,0.4);
}
.shop-items .element span.types p.cost{
	font-size: 30px;
	float: right;
}
.shop-items .element span.types p.cost::after{
	content: '€';
	margin-left: 5px;
	font-size: 28px;
	vertical-align: top;
}
.shop-items .element span.types.chose::before{
	content: 'select';
	position: absolute;
	margin-left: -120px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	width: 90px;
	height: 30px;
	background: rgba(0,0,0,1);
	border: 1px solid rgba(255,255,255,1);
	border-radius: 3px;
}

.shop-items .element span.gift{
	display: block;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	color: rgba(255,255,255,0.8);
}

.shop-items .element span.kit{
	display: block;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	color: rgba(255,255,255,0.8);
}
.shop-items .element span.picture{
	display: block;
	padding: 5px;
	margin-top: 10px;
	margin: 5px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	background-image: linear-gradient(45deg, grey 0%, darkgrey 60%);
	border: 1px solid rgba(255,255,255,1);
	border-radius: 3px;
}
.shop-items .element div.permissions{
	height: 160px;
}
.shop-items .element span.permissions{
	display: block;
	padding: 5px;
	text-align: center;
	color: rgba(255,255,255,0.4);
	font-weight: lighter;
}

.shop-items .element button,
.cart button{
	margin: 15px;
	height: 40px;
	width: 150px;
	vertical-align: bottom;
	outline: none;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background: rgba(255,153,0,1);
	transition: 0.2s;
}
.shop-items .element button:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.cart{
	display: block;
	margin-left: 30px;
	margin-right: 30px;
	border: 0px solid rgba(255,255,255,0.2);
	border-radius: 5px;
}
.cart p{
	margin: 10px;
	font-size: 22px;
}
.cart .header{
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 23px;
	padding: 15px;
	padding-left: 60px;
	border: 2px solid rgba(255,153,0,1);
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 32px auto;
	background-image: url('images/cart-w.png');
}

.cart close{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	background-image: url('images/close.png');
}
.cart .header p{
	float: right;
	margin: 0px;
	color: rgba(255,153,0,1);
}
.cart span{
	display: block;
	text-align: right;
	margin: 15px;
}

.cart span *{
	display: inline-block;
	margin: 15px;
	height: 26px;
	width: 107px;
}
.cart span .button-psc{
	background: white;
	border-radius: 13px;
	background-image: url('images/button-psc.gif');
	background-position: center;
	background-size: 80% auto;
	background-repeat: no-repeat;
	cursor: pointer;
}

.aggree-container{
	display: block;
	padding: 15px;
}
.aggree-container selection{
	display: block;
	margin: 3px;
}
.aggree-container selection input{
	margin-right: 10px;
	cursor: pointer;
}

.shop-rules{
	display: block;
	margin-top: 35px;
}
.shop-rules h2{
	margin: 8px;
	font-size: 20px;
}
.shop-rules ul{
	color: rgba(255,255,255,0.7);
}

#buy-psc-overlay{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
#buy-psc-overlay form{
	position: absolute;
	color: rgba(37,38,43,1);
	width: 400px;
	height: 350px;
	background: rgba(255,255,255,1);
	left: calc(50% - 200px);
	top: calc(50% - 150px);
}
#buy-psc-overlay form #psc-logo{
	display: inline-block;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	background-image: url('images/button-psc.gif');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#buy-psc-overlay form input{
	display: inline-block;
	width: calc(100% - 20px - 20px);
	height: 25px;
	margin: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid rgba(100,100,100,0.4);
}
#buy-psc-overlay form input[type="number"]{
	width: 70px;
}
#buy-psc-overlay form input:hover{
	border: 1px solid rgba(100,100,100,0.7);
}
#buy-psc-overlay form input:active,
#buy-psc-overlay form input:focus{
	border: 1px solid rgba(255,153,0,1);
}
#buy-psc-overlay form #button-container{
	display: block;
	margin-top: 30px;
	text-align: center;
}
#buy-psc-overlay form button{
	display: inline-block;
	width: 120px;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
	border-radius: 2px;
	color: #fff;
	font: 13px/27px Arial,sans-serif;
	font-family: 'Sintony', sans-serif;
	font-weight: 400;
	cursor: pointer;
}
#buy-psc-overlay form span{
	margin-left: 5px;
	text-decoration: underline;
	cursor: pointer;
}
#buy-psc-overlay form .code{
	text-align: center;
}

#buy-psc-overlay form .code input{
	width: 40px;
}
#buy-psc-overlay form .code input:invalid{
	background: rgba(200,60,60,1);
}
#buy-psc-overlay form .code input:valid{
	background: rgba(60,200,60,1);
}

/* ############################################################ */
/* ##################### TEAM ################################# */
/* ############################################################ */

#team{}

#team section{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 4px;
	background: rgba(46,49,56,1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 	0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 		0px 2px 5px 0px rgba(0,0,0,0.3);
	text-align: center;
}

#team section h1{
	display: block;
	padding: 10px;
	font-weight: lighter;
	font-size: 24px;
	text-align: center;
}

#team section .element{
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 10px;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 	-2px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 		-2px 2px 5px 0px rgba(0,0,0,0.3);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: 0.2s;
}

#team section .element p{
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(200,30,30,0.2);
	border-radius: 4px;
	transition: 0.2s;
}

#team section .element:hover p{
	opacity: 1;
}

#team section .element p span.position{
	display: inline-block;
	height: 140px;
	width: 100%;
	line-height: 140px;
	vertical-align: middle;
	background: rgba(134,195,255,0.8);
}

#team section .element p span.position span.pos{
	display: block;
	width: 100%;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;

	padding: 3px;
	font-size: 20px;
	color: rgba(37,38,43,1);
	background: transparent;
}

#team section .element p span.name{
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	background: rgba(28,28,31,1);
	background: -moz-linear-gradient(-45deg, rgba(28,28,31,1) 0%, rgba(37,38,43,1) 100%);
	/*	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(28,28,31,1)), color-stop(100%, rgba(37,38,43,1)));*/
	background: -webkit-linear-gradient(-45deg, rgba(28,28,31,1) 0%, rgba(37,38,43,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(28,28,31,1) 0%, rgba(37,38,43,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(28,28,31,1) 0%, rgba(37,38,43,1) 100%);
	background: linear-gradient(135deg, rgba(28,28,31,1) 0%, rgba(37,38,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1f', endColorstr='#25262b', GradientType=1 );
}

/* ############################################################ */
/* ##################### SERVERINFO ########################### */
/* ############################################################ */

.serverinfo{}

.serverinfo h1{
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px;
	font-size: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.serverinfo h2{
	margin-bottom: 10px;
	margin-top: 10px;
}

.serverinfo p{
	margin-left: 25px;
	font-weight: lighter;
}

.serverinfo strong{
	display: block;
	margin-top: 15px;
	padding: 5px;
}

.serverinfo a{
	text-decoration: underline;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
}


/* ############################################################ */
/* ##################### CONTACT ############################## */
/* ############################################################ */

.contact{}

.contact div.sel{
	display: block;
	padding: 3px;
	text-align: center;
}
.contact div.sel span.sel{
	display: inline-block;
	margin: 8px;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	background: transparent;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.2s;
}
.contact div.sel span.sel:hover{
	background: rgba(22,23,25,1);
}
.contact div.sel span.sel.active{
	background: rgba(255,153,0,1);
	border: 1px solid rgba(255,153,0,1);
	color: rgba(37,38,43,1);
	font-weight: bold;
}


.contact p:nth-of-type(1){
	margin-top: 0px;
}
.contact p{
	display: block;
	padding: 3px;
	margin-left: 5px;
	margin-top: 20px;
}
.contact p.button{
	text-align: center;
}

.contact .info{
	display: block;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .info h1{
	display: block;
	font-size: 25px;
	margin-bottom: 5px;
}
.contact .info h2{
	display: block;
	color: rgba(255,153,0,1);
	font-size: 20px;
	margin-left: 10px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,153,0,1);
}

.contact form{
	display: inline-block;
	padding: 15px;
	width: 400px;
	margin-left: calc(50% - 200px);
	margin-top: 30px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.2);
}

.contact form input[type="text"],
.contact form input[type="email"],
.contact form textarea,
.contact form select{
	display: block;
	padding: 5px;
	height: 25px;
	width: 300px;
	margin: 3px;
	border: 1px solid rgba(255,255,255,0.6);
	color: rgba(255,255,255,0.9);
	font-size: 19px;
	font-weight: lighter;
	background: transparent;
	border-radius: 5px;
	transition: background 0.2s, border 0.2s, color 0.2s;
}

.contact form select{
	-webkit-appearance: none;
	height: 35px;
	width: 312px;
	cursor: pointer;
	background-image: url('images/dropdown.png');
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 12px auto;
}
.contact form select option{
	color: rgba(37,38,43,1);
	background: white;
	cursor: pointer;
}

.contact form textarea{
	min-height: 120px !important;
	width: calc(100% - (2 * 15px)) !important; /* == form padding */
}
.contact form textarea.large{
	min-height: 800px !important;
	font-size: 14px !important;
}

.contact form input[type="text"]:active,
.contact form input[type="text"]:focus,
.contact form input[type="email"]:active,
.contact form input[type="email"]:focus,
.contact form textarea:active,
.contact form textarea:focus{
	background: rgba(46,49,56,1);
}

.contact form input:disabled{
	border: 1px solid 	rgba(255,153,0,1);
	background: 		rgba(22,23,25,1);
	color: 				rgba(255,153,0,1);
}
.contact form input:invalid{

}

.contact form input:active:invalid,
.contact form input:focus:invalid,
.contact form textarea:active:invalid,
.contact form textarea:focus:invalid{
	border: 1px solid rgba(255,153,0,1);
}

.contact form input:valid,
.contact form textarea:valid{
	border: 1px solid rgba(70,200,70,1);
}

.contact form msglength{
	display: inline-block;
	margin-left: 10px;
	color: rgba(255,255,255,0.4);
	font-size: 12px;
}

.contact form button{
	margin: 15px;
	height: 40px;
	width: 150px;
	vertical-align: bottom;
	outline: none;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background: rgba(255,153,0,1);
	transition: 0.2s;
}
.contact form button:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

/* ############################################################ */
/* ##################### FORUM ################################ */
/* ############################################################ */

.forum{}

.forum .bbinfo{
	display: inline-block;
	padding: 10px;
	background: rgba(46,49,56,1);
	margin: 5px;
	color: rgba(255,255,255,0.8);
	border-radius: 5px;
}
.forum .bbinfo p{
	display: block;
	margin-top: -6px;
}
.forum .bbinfo::before{
	display: block;
	content: 'BB-Code:';
	text-align: center;
	margin-bottom: 15px;
	text-decoration: underline;
	font-size: 18px;
}

.forum .home{}

.forum #location{
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
}
.forum #location a{
	text-decoration: underline;
}
.forum .user-head{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.forum .user-head .content{
	display: inline-block;padding: 15px;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
	text-align: right;
}
.forum .user-head .content input{
	display: block;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 200px;
	height: 14px;
	background: rgba(255,153,0,1);
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 	0px 0px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 		0px 0px 2px 0px rgba(0,0,0,0.4);
}
.forum .user-head .content input:active,
.forum .user-head .content input:focus{
	border: 1px solid rgba(255,153,0,1);
}
.forum .user-head .content button{
	padding: 4px;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: 4px;
	height: 20px;
	width: 70px;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 0px 2px 0px rgba(0,0,0,0.75);
	background: rgba(255,153,0,1);
	transition: 0.2s;
}
.forum .user-head .content button:hover{
	background: rgba(255,255,255,0.7);
}
.forum .user-head .content span{
	margin-right: 35px;
	cursor: pointer;
}

.forum .user-head .user-active{
	display: inline-block;
	text-align: center;
	padding: 5px;
	color: rgba(255,255,255,0.6);
	background: rgba(46,49,56,1);
	border: 1px solid rgba(255,153,0,0.2);
	border-radius: 3px;
}
.forum .user-head .user-active a{
	text-decoration: underline;
	color: rgba(255,255,255,1);
}
.forum .user-head .user-active a .link{
	text-decoration: none;
}
.forum .user-head .user-active .link{
	display: inline-block;
	text-decoration: none;
	margin: 4px;
	margin-top: 8px;
	background: rgba(255,153,0,1);
	padding: 3px;
	padding-right: 6px;
	padding-left: 6px;
	border-radius: 4px;
	color: rgba(37,38,43,1);
}

#user-register{
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	transition: display 0.2s;
}
#user-register .content{
	position: absolute;
	top: calc(50% - (240px / 2));
	left: calc(50% - (400px / 2));
	width: 400px;
	height: 240px;
	background: rgba(255,255,255,1);
	border-radius: 5px;
	padding: 15px;
	text-align: center;
}
#user-register .content .close{
	position: absolute;
	height: 18px;
	width: 18px;
	right: -20px;
	top: -20px;
	opacity: 0.8;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url('images/close.png');
	cursor: pointer;
}

#user-register .content form input{
	display: inline-block;
	padding: 5px;
	height: 25px;
	width: calc(100% - 2* 15px);
	margin: 3px;
	border: 0px solid rgba(255,255,255,0.6);
	color: rgba(255,255,255,0.9);
	font-size: 19px;
	font-weight: lighter;
	background: rgba(46,49,56,1);
	border-radius: 5px;
	transition: background 0.2s, border 0.2s, color 0.2s;
}

#user-register .content form input[type="text"]:active,
#user-register .content form input[type="text"]:focus,
#user-register .content form input[type="email"]:active,
#user-register .content form input[type="email"]:focus,
#user-register .content form textarea:active,
#user-register .content form textarea:focus{
}

#user-register .content form input:disabled{
}
#user-register .content form input:invalid{

}

#user-register .content form input:active:invalid,
#user-register .content form input:focus:invalid,
#user-register .content form textarea:active:invalid,
#user-register .content form textarea:focus:invalid{
}

#user-register .content form input:valid,
#user-register .content form textarea:valid{
	background: rgba(30,100,30,1);
}
#user-register .content button{
	padding: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 4px;
	height: auto;
	width: auto;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 4px;
	background: rgba(255,153,0,1);
	transition: 0.2s;
}

.forum #home .category{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
}
.forum #home .category .head h1{
	display: block;
	font-size: 22px;
	padding: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(255,153,0,1);
	transition: 0.2s;
}
.forum #home .category .head h1:hover{
	color: rgba(255,153,0,1);
}
.forum #home .category .head h1 p{
	font-size: 18px;
	margin-left: 30px;
	color: rgba(255,255,255,0.4);
}

.forum #category{}

.forum #category .head{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
}
.forum #category .head h1{
	display: block;
	font-size: 28px;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,153,0,1);
	transition: 0.2s;
}
.forum #category .head h2{
	display: block;
	color: rgba(255,255,255,0.5);
}
.forum .new-topic{
	display: block;
	text-align: right;
}
.forum .new-topic button{
	display: inline-block;
	padding: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin: 10px;
	height: auto;
	width: auto;
	font-size: 18px;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 21px;
	background: rgba(255,153,0,1);
	transition: 0.2s;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}

.forum .new-topic-form{
	display: block;
	padding: 5px;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
}
.forum .new-topic-form.notactive{
	text-align: center;
}
.forum .new-topic-form h1{
	display: block;
	margin-left: 10px;
	font-size: 25px;
	color: rgba(37,38,43,1);
}
.forum .new-topic-form textarea,
.forum .new-topic-form input{
	display: block;
	width: calc(100% - (2 * 10px) - (2 * 10px));
	min-height: 100px;
	vertical-align: top;
	color: rgba(255,255,255,1);
	font-family: 'Helvetica', 'Arial';

	margin: 10px;
	padding: 10px;
	border: 0px;
	background: rgba(46,49,56,1);
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.forum .new-topic-form input{
	min-height: 0px;
	height: 20px !important;
}
.forum .new-topic-form button{
	display: inline-block;
	padding: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin: 10px;
	height: auto;
	width: auto;
	font-size: 18px;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 21px;
	background: rgba(255,153,0,1);
	transition: 0.2s;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}

.forum .topic-preview{
	display: block;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	background: rgba(46,49,56,1);
}
.forum .topic-preview h1,
.forum .topic-preview h2,
.forum .topic-preview h3{
	display: inline-block;
	padding: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}
.forum .topic-preview h1{
	font-size: 18px;
	width: 530px;
}
.forum .topic-preview h1 span:nth-of-type(1){
	display: block;
	font-size: 18px;
}
.forum .topic-preview h1 span:nth-of-type(2){
	display: block;
	font-size: 12px;
	color: rgba(255,255,255,0.5);
}

.forum .topic-preview h2{
	width: 190px;
	font-size: 13px;
	color: rgba(255,255,255,0.5);
}
.forum .topic-preview h2 span:nth-of-type(1){
	display: block;
	color: rgba(255,255,255,0.6);
	font-size: 13px;
}
.forum .topic-preview h2 span:nth-of-type(2){
	display: block;
	font-size: 12px;
}

.forum .topic-preview h3{
	font-size: 15px;
	color: rgba(255,255,255,0.7);
}

.forum .post{
	display: block;
	vertical-align: top;
	margin-bottom: 30px;
	margin-top: 15px;
}

.forum .post img{
	max-width: 500px;
	max-height: 300px;
}

.forum .post .post-lefter{
	display: inline-block;
	vertical-align: top;
	background: rgba(0,0,0,0.3);
	width: 200px;
	height: 100%;
	min-height: 300px;
	text-align: center;
}
.forum .post .post-righter{
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
	background: rgba(255,255,255,0.8);
	width: calc(100% - 200px);
	min-height: 300px;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
}

.forum .post .post-lefter .avatar{
	display: inline-block;
	margin-top: 20px;
	width: 100px;
	height: 100px;
	background-color: rgba(255,255,255,0.4);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.forum .post .post-lefter .name{
	margin-top: 10px;
	text-decoration: underline;
	color: rgba(255,153,0,1);
	font-size: 20px;
}
.forum .post .post-lefter .rank{
	margin-top: 10px;
	text-decoration: none;
	font-size: 16px;
}

.forum .post .head{
	display: block;
	padding: 4px;
	background: rgba(255,153,0,1);
	color: rgba(37,38,43,1);
}
.forum .post .head span{
	margin-left: 15px;
	margin-right: 15px;
}

.forum .post h2{
	display: block;
	margin: 10px;
	color: rgba(0,0,0,1);
	font-size: 19px;
	font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
}
.forum .post .text{
	display: inline-block;
	width: calc(100% - (2 * 10px));
	margin-top: 10px;
	margin-left: 10px;
	font-size: 19px;
	color: rgba(0,0,0,1);
	font-size: 13px;
	font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
}
.forum .moderation{
	display: block;
	padding: 3px;
	padding-bottom: 5px;
	height: auto;
	background: rgba(255,153,0,1);
	color: rgba(37,38,43,1);
}
.forum .moderation p{
	width: 200px;
}
.forum .moderation a{
	width: 200px;
	padding: 3px;
	padding-right: 7px;
	padding-left: 7px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: 'Ubuntu Mono', 'Courier';
	background: rgba(46,49,56,1);
	color: rgba(255,255,255,0.7);
	border-radius: 3px;
	transition: 0.2s;
}
.forum .moderation a:hover{
	color: rgba(255,153,0,1);
}

.forum .post-reply{
	display: block;
	padding: 5px;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
}
.forum .post-reply.notactive{
	text-align: center;
}
.forum .post-reply h1{
	display: block;
	margin-left: 10px;
	font-size: 25px;
	color: rgba(37,38,43,1);
}
.forum .post-reply textarea{
	display: block;
	width: calc(100% - (2 * 10px) - (2 * 10px));
	min-height: 100px;
	vertical-align: top;
	color: rgba(255,255,255,1);
	font-family: 'Helvetica', 'Arial';

	margin: 10px;
	padding: 10px;
	border: 0px;
	background: rgba(46,49,56,1);
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.forum .post-reply button{
	display: inline-block;
	padding: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin: 10px;
	height: auto;
	width: auto;
	font-size: 18px;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 21px;
	background: rgba(255,153,0,1);
	transition: 0.2s;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}


.forum #user{}

.forum #user .head{
	display: block;
	background: rgba(46,49,56,1);
	border-radius: 4px;
	padding: 10px;
	vertical-align: middle;
}
.forum #user .head *{
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}
.forum #user .head .avatar{
	height: 100px;
	width: 100px;
	background: rgba(255,255,255,0.4);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.forum #user .head .text{}
.forum #user .head .text *{
	display: block;
}
.forum #user .head .text .name{
	font-size: 35px;
}
.forum #user .head .text .rank{
	font-size: 19px;
	color: rgba(255,153,0,1);
}

.forum #user .settings{
	display: block;
	background: rgba(46,49,56,1);
	border-radius: 4px;
	padding: 10px;
	vertical-align: top;
	margin-top: 30px;
}
.forum #user .settings section{
	display: inline-block;
	vertical-align: top;
	border: 1px solid rgba(255,255,255,0.2);
	width: calc(50% - (2 * 15px) - (2 * 10px) - (2 * 15px));
	margin: 15px;
	padding: 10px;
}
.forum #user .settings section h1{
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.forum #user .settings section hr{
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
	background: rgba(255,255,255,0.2);
	border: 0px;
}
.forum #user .settings section button,
.forum #user .settings section input{
	display: inline-block;
	width: 40%;
	margin: 5px;
	padding: 5px;
	color: rgba(255,255,255,0.8);
	background: rgba(37,38,43,1);
	border: 1px solid rgba(255,153,0,1);
	border-radius: 3px;
}
.forum #user .settings section button{
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	cursor: pointer;
}
.forum #user .settings section label{
	display: inline-block;
	width: 40%;
	margin-left: 15px;
}


.forum #user .inbox{
	display: block;
	background: rgba(46,49,56,1);
	border-radius: 4px;
	padding: 10px;
	vertical-align: top;
	margin-top: 30px;
}
.forum #user .inbox h1{
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.forum #user .inbox h1 span{
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12px;
	padding: 4px;
	border-radius: 3px;
}
.forum #user .inbox h1 span.read0{
	background: rgba(255,153,0,1);
	color: rgba(37,38,43,1);
}
.forum #user .inbox h1 span.read1{
	background: rgba(37,38,43,1);
	color: rgba(255,255,255,0.7);
}

.forum #user .inbox .msg{
	display: block;
	margin: 10px;
	padding: 10px;
}
.forum #user .inbox .msg h2{
	display: block;
	padding: 10px;
	color: rgba(37,38,43,1);
}
.forum #user .inbox .msg h2.status0{
	background: rgba(255,153,0,1);
}
.forum #user .inbox .msg h2.status1{
	background: rgba(37,38,43,1);
	color: rgba(255,255,255,0.7);
}
.forum #user .inbox .msg h2 p{
	width: 300px;
}
.forum #user .inbox .msg h2 span{
	margin-right: 50px;
}
.forum #user .inbox .msg .body{
	padding: 15px;
	background: rgba(255,255,255,0.9);
	color: rgba(0,0,0,1);
}
.forum #user .inbox .msg .body h3{
	display: block;
	font-size: 23px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid black;
}

.forum #user .send-message{
	display: block;
	background: rgba(46,49,56,1);
	border-radius: 4px;
	padding: 10px;
	vertical-align: top;
	margin-top: 30px;
}
.forum #user .send-message b{
	font-weight: normal;
	color: rgba(255,153,0,1);
}

.forum #user .send-message h1{
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.forum #user .send-message textarea,
.forum #user .send-message input{
	display: block;
	width: calc(100% - (2 * 10px) - (2 * 10px));
	min-height: 100px;
	vertical-align: top;
	color: rgba(0,0,0,1);
	font-family: 'Helvetica', 'Arial';

	margin: 10px;
	padding: 10px;
	border: 0px;
	background: rgba(255,255,255,0.7);
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.forum #user .send-message input{
	min-height: 0px;
	height: 20px !important;
}
.forum #user .send-message button{
	display: inline-block;
	padding: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin: 10px;
	height: auto;
	width: auto;
	font-size: 18px;
	vertical-align: bottom;
	outline: none;
	color: rgba(37,38,43,1);
	text-transform: uppercase;
	cursor: pointer;
	border: 0px;
	border-radius: 21px;
	background: rgba(255,153,0,1);
	transition: 0.2s;
	-webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}

/* ############################################################ */
/* ##################### INTERFACE ############################ */
/* ############################################################ */

h1.head div.head{
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
	color: rgba(255,153,0,1);
}

.interface{}

.interface .login{
	display: block;
	text-align: center;
}
.interface .login input.ipwd{
	width: 500px;
	height: 40px;
	border-radius: 4px;
	background: rgba(255,153,0,1);
	border: 1px solid rgba(46,49,56,1);
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	color: rgba(37,38,43,1);
	text-align: center;
}

.interface .login input.ipwd::-webkit-input-placeholder { /* WebKit browsers */
	color: rgba(37,38,43,1);
}
.interface .login input.ipwd:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(37,38,43,1);
}
.interface .login input.ipwd::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(37,38,43,1);
}
.interface .login input.ipwd:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(37,38,43,1);
}

.interface h2.headline{
	display: block;
	color: rgba(255,153,0,1);
	font-size: 25px;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,153,0,1);
	text-align: center;
}

.interface .contact .element{
	display: block;
	padding: 10px;
	margin: 10px;
	margin-bottom: 25px;
	margin-top: 25px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.2);
}
.interface .contact .element h1{
	font-family: 'Ubuntu Mono';
	padding: 4px;
	border-radius: 3px;
	margin-left: 5px;
	background: rgba(150,150,150,0.2);
}
.interface .contact .element h2{
	margin-right: 25px;
	min-width: 280px;
	color: rgba(255,153,0,1);
	font-size: 18px;
}
.interface .contact .element h3{
	margin-left: 35px;
	margin-right: 35px;
	color: rgba(255,255,255,0.7);
	font-size: 14px;
}
.interface .contact .element h3 p{
	padding: 0px;
	margin: 0px;
	color: rgba(255,153,0,1);
	display: inline-block;
}

.interface .contact .element .placeholder,
.interface .contact .element .inhalt{
	margin: 10px;
	margin-top: 20px;
	background: rgba(150,150,150,0.2);
	transition: 0.2s;
}

.interface .contact .element .inhalt{
	padding: 10px;
}

.interface .contact .element .placeholder{
	padding: 5px;
	color: rgba(255,153,0,1);
	text-align: center;
	cursor: pointer;
}

.interface .contact .element .inhalt a{
	text-decoration: underline;
}
.interface .contact .element .inhalt table tr{
	margin-bottom: 5px;
}
.interface .contact .element .inhalt table tr td:nth-of-type(1){
	min-width: 100px;
	padding-right: 25px;
	color: rgba(255,153,0,1);
}

.interface .contact .element .inhalt .action{
	display: block;

	margin-top: 25px;
}
.interface .contact .element .inhalt .action .button{
	display: inline-block;
	padding: 5px;
	margin: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: rgba(37,38,43,1);
	background: rgba(255,153,0,1);
	border-radius: 4px;
	transition: 0.2s;
}
.interface .contact .element .inhalt .action .button:hover{
	color: rgba(46,49,56,1);
}

/* ############################################################ */
/* ##################### MEDIA ################################ */
/* ############################################################ */

#media{}

#media .file{
	display: block;
	padding: 20px;
}
#media .file h1{
	display: block;
	font-size: 30px;
	margin: 10px;
	padding-bottom: 5px;
	font-size: 35px;
	border-bottom: 2px solid rgba(255,255,255,0.3);
}
#media .file .desc{
	font-size: 14px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#media .file span{
	display: block;
	margin: 5px;
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}


#media .file span .title{
	display: inline-block;
	width: 30%;
	color: rgba(255,255,255,0.4);
}
#media .file span .version{
	display: inline-block;
	width: 30%;
	color: rgba(255,255,255,0.7);
}

#media .file span .dl{
	display: inline-block;
	width: 30%;
	text-align: right;
	color: rgba(255,153,0,1);
}

#media .videos{
	text-align: center;
}
#media iframe{
	margin-top: 10px;
	margin-bottom: 10px;

}

/* ############################################################ */
/* ##################### SERVERINFO ########################### */
/* ############################################################ */

.FlanGames{}

.FlanGames h1{
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px;
	font-size: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.FlanGames p{
	margin-left: 25px;
	font-weight: lighter;
}

.FlanGames strong{
	display: block;
	margin-top: 15px;
	padding: 5px;
}

.FlanGames a{
	text-decoration: underline;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: bold;
}

.faq {
	font-size: 17px;
}
.faq h2{
	margin: 5px;
	margin-top: 15px;
}

.store {
}
.store_item {
	margin: 2%;
	width: 90%;
	position: relative;
	text-align: center;
}
.store_item  img{
	-webkit-filter: brightness(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.store_item  img:hover {
	-webkit-filter: brightness(70%);
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.store_item img.banner {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.store_item h1 {

	font-size: 50px;
	text-align: left;
	position: absolute;
	top: 10%;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
	pointer-events: none;
	text-transform: uppercase;
}
.store_item h2 {

	font-size: 23px;
	position: absolute;
	bottom: 3px;
	background-color: rgba(199, 199, 199, 0.46);
	color: rgb(0, 48, 68);
	width: 100%;
	text-align: center;
	pointer-events: none;
	display: table;
	font-weight: bold;
}

.store_item h2 .desc{
	display: table-cell;
	vertical-align: middle;
}
.store_item h2 .payment {

	display: table-cell;
}
.store_item h2 img.payment{
	height: 30px;
	object-fit: contain;
	margin: 10px;
	display: inline-block;
}
.item_selection {
	font-size: 22px;
	font-weight: bolder;
	padding: 20px;
	border: 2px solid white;
	margin: auto;
	width: 90%;
	max-width: 500px;
	margin-top: 30px;
}

p.store_checkout_bonus {
	font-weight: bold;
	font-size: 17px;
	color: #000000;
}

#paypal-wrapper {

	width: 290px;
	max-width: 90%;
}

#paypal-wrapper .item_selection {
	border: none;
	padding: 10px;
}
.item_selection p {

	margin-bottom: 10px;
}
.item_selection b {
	color: rgb(210, 105, 9);
}

.checkout li {
	font-size: 19px;
	font-weight: lighter;
	margin: 3px 35px;
}
li.subitem {
	margin: 3px 60px;
}

#paypal-wrapper {
	text-align: center;
	background-color: #a5a5a5;
	background-image: linear-gradient(to right, #828282, #a5a5a5);
	padding: 25px;
	border-radius: 15px;
	width: 80%;
}
#paypal-button-container {
	margin: 0;
	padding: 0;
	width: auto;
}

@media screen and (max-width: 730px){

	#paypal-wrapper {
		width: 100%;
		min-width: 100%;
		left: 0;
		position: absolute;
		padding: 0;
	}

	#paypal-wrapper div#paypal-inputs{
		width: 100%;
		min-width: 100%;
		margin: 0;
	}
}
#paypal-wrapper .hidden {
	opacity: 0;
}
#paypal-wrapper .error {
	color: #b50706;
	font-size: 0.9375rem;
	font-weight: 400;
	margin-left: 15px;
}
#paypal-wrapper #paypal-inputs {
	font-size: 20px;
	font-weight: 400;
	color: rgba(19, 19, 21, 0.77);
	text-align: left;
	margin: auto;
	width: 70%;
	min-width: 200px;
	margin-bottom: 30px;
	background-color: #a7a7a7;
}
#paypal-wrapper label {
	display: block;
}

#paypal-wrapper #paypal-inputs input {
	margin: 5px;
}

#paypal-wrapper #paypal-inputs input[type="checkbox"] {
	height: 25px;
	width: 25px;
	vertical-align: middle;
}
#paypal-button-container #paypal-button {
	display: none;
}
#paypal-button-container #paypal-button {
	display: none;
}
#paypal-button-container #paypal-img {
	cursor: pointer;
}

#xsolla-button-container {

}
#xsolla-button-container p {
	color: black;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
input#xsolla-checkout {
	height: 50px;
	max-width: 80%;
	object-fit: contain;
	background-color: white;
	padding: 20px;
	border-radius: 5px;
}
/** BEGIN: Non Openmrs CSS **/

div.container {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	margin-top: 30px;
	border: 1px solid whitesmoke;
	padding: 21px;
	border-radius: 4px;
}
h4.title {
	text-align: center;
	margin-bottom: 45px;
}
:root {
	--omrs-color-ink-lowest-contrast: rgba(47, 60, 85, 0.18);
	--omrs-color-ink-low-contrast: rgba(60, 60, 67, 0.3);
	--omrs-color-ink-medium-contrast: rgba(19, 19, 21, 0.77);
	--omrs-color-interaction: #1e4bd1;
	--omrs-color-interaction-minus-two: rgba(178, 207, 250, 0.52);
	--omrs-color-danger: #b50706;
	--omrs-color-bg-low-contrast: #eff1f2;
	--omrs-color-ink-high-contrast: #121212;
	--omrs-color-bg-high-contrast: #ffffff;

}
/** END: Non Openmrs CSS **/
div.omrs-input-group {
	margin-bottom: 1.5rem;
	position: relative;
	width: 20.4375rem;
}

/* Input*/
.omrs-input-underlined > input,
.omrs-input-filled > input {
	border: none;
	border-bottom: 0.125rem solid var(--omrs-color-ink-medium-contrast);
	width: 80%;
	min-width: 200px;
	height: 1.7rem;
	font-size: 1.0625rem;
	padding-left: 0.875rem;
	line-height: 147.6%;
	padding-top: 0.825rem;
	padding-bottom: 0.5rem;
}

.omrs-input-underlined > input:focus,
.omrs-input-filled > input:focus {
	outline: none;
}


.omrs-input-underlined > svg,
.omrs-input-filled > svg {
	position: absolute;
	top: 0.9375rem;
	right: 0.875rem;
	fill: var(--omrs-color-ink-medium-contrast);
}

.omrs-input-underlined > .omrs-input-helper,
.omrs-input-filled > .omrs-input-helper {
	font-size: 0.9375rem;
	color: var(--omrs-color-ink-medium-contrast);
	letter-spacing: 0.0275rem;
	margin: 0.125rem 0.875rem 1rem;
}

.omrs-input-underlined > input:hover,
.omrs-input-filled > input:hover {
	background: var(--omrs-color-interaction-minus-two);
	border-color: var(--omrs-color-ink-high-contrast);
}


.omrs-input-underlined:not(.omrs-input-danger) > input:focus + .omrs-input-label,
.omrs-input-filled:not(.omrs-input-danger) > input:focus + .omrs-input-label {
	color: var(--omrs-color-interaction);
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus,
.omrs-input-filled:not(.omrs-input-danger) > input:focus {
	border-color: var(--omrs-color-interaction);
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus ~ svg,
.omrs-input-filled:not(.omrs-input-danger) > input:focus ~ svg {
	fill: var(--omrs-color-ink-high-contrast);
}


/** DANGER **/

.omrs-input-underlined.omrs-input-danger > .omrs-input-label, .omrs-input-underlined.omrs-input-danger > .omrs-input-helper,
.omrs-input-filled.omrs-input-danger > .omrs-input-label, .omrs-input-filled.omrs-input-danger > .omrs-input-helper{
	color: var(--omrs-color-danger);
}

.omrs-input-danger > svg {
	fill: var(--omrs-color-danger);
}

.omrs-input-danger > input {
	border-color: var(--omrs-color-danger);
}

.omrs-input-underlined > input {
	background: var(--omrs-color-bg-high-contrast);
}
.omrs-input-filled > input {
	background: var(--omrs-color-bg-low-contrast);
}