@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "form.css";
@import "panels.css";
@import "tooltip.css";
@import "boardgames.css";
@import "nitebox.css";
@import "menu.css";
@import "text.css";
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
}
img { -ms-interpolation-mode : bicubic; vertical-align:middle; } 
html,
body {
	width:100%;
	height:100%;
	min-width:300px;
	background:#f6f6f6;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript {
	width:100%; padding:10px; background-color:#ce0f00; text-align:center; color:#fff; display:block; margin-bottom:2px;
}
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
/* SELECTION */
::selection {
	background: #0086ca; color:#fff;
}
::-moz-selection {
	background: #0086ca; color:#fff;
}
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#1857aa; font-weight:700; font-style:normal; }
/* box-sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* font-face */
* { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; line-height:22px; color:#454545; }

a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; }
/* transition */
.t, a, a::after, a::before, a *, ul.menu ul, ul.menu > li:after { transition:all .3s; -webkit-transition:all .3s; }
h1, h2 { transition:color .3s; -webkit-transition:color .3s; }
/* hovers */
ul.menu .nc:hover, h3 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, .ico, div.cont-header *, form label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
/**/

a { color:#0086ca; text-decoration:none; }
a:hover { color:#e83178; }

div.c { width:100%; }

#preloader { width:100%; height:100%; z-index:9997; position:fixed; background: #fff; }
#preloader div {
	background: url(../images/preloader.png);
	width:80px;
	height:80px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-40px;
	margin-top: -40px;
}

#bg {
	z-index: 0;
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#bg img {
	width:100%;
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

#wrapper { width:100%; min-width:320px; overflow:hidden; min-height:100%; padding:0px; z-index: 2; }

#wrapper.login, #wrapper.login #content {
	display: flex;
	align-items:center;
}

#header {
	background: #fff;
	padding:2%;
}
#logo {
	max-width:200px;
	display: block;
}

div.logo img, #logo img {
	width:100%;
}

#content {
	padding: 30px 0px;
	width:100%;
}
div.block {
	padding: 0px 30px;
}
div.block.np {
	padding: 0px;
}
div.settings {
	padding: 0px 30px 0px 30px;
	display: block;
	margin:0 auto;
	max-width:600px;
}
div.settings + div.settings {
	margin-top: 30px;
}
div.settings > div {
	background: #fff;
	padding:30px;
}
div.settings h2 {
	color:#0086ca;
	font-size:24px;
	font-weight: 600;
	margin-bottom: 20px;
}
a.button {
	text-transform: uppercase;
	background: #0086ca;
	color: #fff;
	font-weight: 600;
	padding: 10px 15px;
	display: inline-block;
	font-size:18px;
	border-radius:5px;
}
a.button:hover {
	background: #555;
}

div.text-block {
	padding:20px;
	background: #fff;
	max-width:750px;
}

div.text-prev + div.text-prev {
	margin-top: 30px;
	padding-top: 30px;
	border-top:1px solid #ccc;
}
div.text-prev h2 * {
	font-size: 24px;
}
div.text-prev p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 18px;
	hyphens:auto;
	text-align: justify;
}
div.text-block.info {
	max-width:450px;
	margin:0 auto 30px auto;
	box-shadow: 5px 5px 30px rgba(0,0,0,.25);
}
div.text-block.info * {
	font-size: 14px;
	line-height: 18px;
}

div.back {
	margin-top: 15px;
	padding-top: 15px;
	border-top:1px solid #ccc;
}

#footer::after {
	width: 100%;
	top:0px;
	left:0px;
	background: #ccc;
	height:1px;
}
#footer {
	padding:15px 30px;
	text-align: center;
	position: absolute;
	height: 60px;
	line-height: 30px;
	color: #0086ca;
	width:100%;
	bottom:0px;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.rotating {
  animation: rotating 1s linear infinite;
}

div.text p {
	text-align: justify;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
div.info p {
	text-align: justify;
}

span.debt {
	display: block;
	color: #d00000;
	font-style: normal;
}
span.debt * {
	color:inherit;
}