BODY, HTML {
	width:100%;
	height:100%;
}
BODY {
	position:relative;
	color:#000;
	background:#FFF;
	padding:0px;
	margin:0px;
	font-family: 'SVN-AvenirNext', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: min(2.5vw, 4vh);
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}
BODY.admin .body {
	padding-bottom:200px;
}
.wrapper {
	width: calc(100% - 100px);
	margin:0 auto;
}
.wrappernarrow {
	width: 500px;
	margin:0 auto;
}
P {
	margin-top:0.5em;
	margin-bottom:0.5em;
}
A {
	text-decoration: none;
}
A:link, A:visited {
	color:#fbb615;
}
B {
	font-weight:bold;
}
H1 {
	font-size: 150%;
	font-weight: bold;
	letter-spacing:-0.05em;
	margin-top:30px;
	margin-bottom:30px;
}
H2 {
	font-size: 300%;
	font-weight: bold;
	letter-spacing:-0.05em;
}
H3 {
	font-size: 240%;
	font-weight: bold;
	letter-spacing:-0.05em;
}
H3 span {
	color:#4285F4;
}
H3 b {
	color:#34A853;
}
H4 {
	font-size: 190%;
	font-weight: bold;
	letter-spacing:-0.05em;
}
H5 {
	font-size: 190%;
}
SECTION {
	overflow:hidden;
}
.halfcolumn {
	float:left;
	width: calc(50% - 10px);
	margin-left:20px;
}
.halfcolumn:first-child {
	margin-left:0px;
}
.onethreecolumn {
	float:left;
	width: calc((100% - 2 * 20px) / 3);
	margin-left:20px;
}
.onethreecolumn:first-child {
	margin-left:0px;
}
.bigcolumn {
	float:left;
	width: calc(100% - 110px);
}
.smallcolumn {
	float:right;
	width: 100px;
}

INPUT[type='text'],
INPUT[type='password'],
INPUT[type='date'],
INPUT[type='number'],
INPUT[type='file'],
SELECT {
	display:block;
	margin:5px 0;
	font-family: inherit;
	font-weight: normal;
	font-size: inherit;
	padding:15px 30px;
	width: calc(100% - 64px);
	font-size: 100%;
	color:#000;
	border:2px solid #fbb615;
	background-color: #EAF9F9;
	text-align:left;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
	-webkit-appearance: none;
}
INPUT[type='text']::placeholder {
	color:#000;
}
INPUT[type='text']:focus {
	border-color:#fbb615;
}
INPUT[type='text']:focus::placeholder {
	color:transparent;
}
SELECT {
	width: 100%;
}
INPUT[type='checkbox'] {
	width:20px;
	height:20px;
}
INPUT[type='reset'],
INPUT[type='button'],
INPUT[type='submit'] {
	font-family: inherit;
	font-weight: bold;
	font-size: inherit;
	cursor: pointer;
	margin:5px;
	padding:15px 30px;
	font-size: 100%;
	color:#202124;
	border:2px solid #202124;
	background-color:#F7F9F9;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
	-webkit-appearance: none;
}
INPUT[type='submit'], INPUT[type='button'].submit {
	border: 2px solid #63BDFD;
	color:#FFF;
	background-color:#fbb615;
}

.page {
	position:absolute;
	display: none;
	background: url(../images/grnd_02.jpg) no-repeat center center;
	background-size: cover;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	     -o-transition: all 0.5s;
		    transition: all 0.5s;
}
.page.bluescreen {
	color:#FFF;
	background-color:#fbb615;
}
.page.show {
	display: block;
}
.mainstage, ._fullscreen {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.mainstage {
	-webkit-user-select: none; /* Safari */
	    -ms-user-select: none; /* IE 10 and IE 11 */
	        user-select: none; /* Standard syntax */
}
#pagehome, #pageend, #pagenostock {
	background-image: url(../images/grnd_01.jpg);
}
#pagehome::before, #pageend::before {
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../images/home.png) no-repeat bottom right;
	background-size: contain;
}
#pageend::before {
	background: url(../images/end.png) no-repeat bottom left;
	background-size: contain;
}

BODY.hasnav .mainstage {
	height: calc(100% - 56px);
}
._top {
	position:absolute;
	width:100%;
	top:8%;
}
._middle {
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
._bottom {
	position:absolute;
	width:100%;
	bottom:8%;
}
._left {
	left:0px;
	right:auto;
}
._right {
	left:auto;
	right:0px;
}
._bottomedge {
	position:absolute;
	width:100%;
	bottom:0;
}
.fullwidth {
	width:100%;
	height:auto;
}
.halfwidth {
	width:55%;
	height:auto;
}
.halfwidth.right {
	margin-left:50%;
}
span.error {
	color:red;
	font-size: 50%;
	display:block;
	text-align:center;
	margin-top:5px;
}
span.edit {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 1px;
	background: url(../images/icon_pin.png) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}
span.edit {
	background-image: url(../images/icon_edit.png);
}
.grey {
	color:grey;
}
.yellow {
	color:yello;
}
.green {
	color:green;
}
.red {
	color:red;
}
.blue {
	color:blue;
}
.stat {
	color:#FFF;
	display:block;
	padding:5px;
	white-space:normal;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.stat_0 {
	color:#FFF;
	background-color:#CCCCCC;
}
.stat_1 {
	color:#FFF;
	background-color:#2ecd6e;
}
.stat_2 {
	color:#FFF;
	background-color:#f40827;
}
.stat_3 {
	color:#FFF;
	background-color:#08a9f4;
}
.required {
	display:inline-block;
	width:16px;
	height:16px;
	color:#F00;
	background: url(../images/required.png) no-repeat center center;
	background-size: 10px 10px;
	text-indent: -999px;
	overflow:hidden;
}
.navigation {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:1;
	background-color: #EEE;
}
.navigation ul {
	list-style-type:none;
	margin:0;
	padding:10px 0px;
	text-align:center;
	display:flex;
}
.navigation ul li {
	flex:1;
	flex-grow: 1;
	display:inline-block;
	margin:0;
	text-align:center;
}
.navigation ul li img {
	display:inline-block;
	width:20px;
	height:20px;
}
.navigation ul li span {
	display:inline-block;
	white-space:nowrap;
	margin-top:3px;
}
.navigation ul li a {
	text-decoration:none;
	font-size:small;
}
.navigation ul li a:link, .navigation ul li a:visited {
	color:#333;
}
.hide {
	display:none;
}
.nowrap {
	white-space:nowrap;
}
.message {
	display:block;
	margin:10px 0px;
	padding:10px;
	color:#FFF;
	background-color:red;
	text-align:center;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.scrolling {
	margin:0px auto;
	overflow-x:auto;
}
.ttable {
	font-size:75%;
	color:#333;
	background-color:#FFF;
	border-collapse: collapse;
}
.ttable thead {
	background-color:#EEE;
}
.ttable tr {
	border-top:1px solid #333;
}
.ttable tr th,
.ttable tr td {
	padding:5px;
	vertical-align: top;
}
.ttable tfoot {
	background-color:#EEE;
	font-weight:bold;
}
.remove {
	display: inline-block;
	margin-top:5px;
	padding:2px 5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	border:1px solid #2a9144;
	color:#FFF;
	background-color:#2a9144;
}
a.pagenav {
	display:inline-block;
	padding:5px 10px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	text-decoration:none;
}
a.pagenav:link, a.pagenav:visited {
	color:#FFF;
	background-color:#169a98;
}
a.pagenav:hover,
a.pagenav.active {
	color:#000;
	background-color:#ffd74e;
}

FORM.frontend INPUT[type='text'] {
	padding:15px 30px;
	width: calc(100% - 64px);
	font-size: 100%;
	border: 2px solid #63BDFD;
	color:#FFF;
	background-color:#fbb615;
	text-align:center;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
	-webkit-appearance: none;
}
FORM.frontend INPUT[type='text']::placeholder {
	color:#FFF;
}
FORM.frontend INPUT[type='text']:focus {
	border-color:#63BDFD;
}
FORM.frontend INPUT[type='text']:focus::placeholder {
	color:transparent;
}
.button {
	cursor: pointer;
	width:35%;
}
.button.small {
	width:35%;
}
.button.big {
	width:100%;
}
.button.disabled {
	opacity:0.5;
	pointer-events: none;
}
.logo {
	width:150px;
}
.textblue {
	font-size:80%;
	color:#008dab;
}
.textwhite {
	font-size:80%;
	color:#FFF;
}
.language {
	font-size:70%;
	font-weight:bold;
	color:#008dab;
}
.language a:link, .language a:visited {
	color:#008dab;
}
.language a.active:link, .language a.active:visited {
	color:#fbb615;
}

ul.answerblock {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
ul.answerblock li {
	position:relative;
	float: left;
	width: calc((100% - 2 * 30px) / 3);
	margin-left:30px;
	cursor: pointer;
}
ul.answerblock li div {
	border:6px solid #FFF;
	background-color:#FFF;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
	overflow:hidden;
}
ul.answerblock li.active div {
	background-color:#008dab;
}
ul.answerblock li p {
	font-family: 'SVN-AvenirNext', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color:#008dab;
}
ul.answerblock li.active p {
	color:#FFF;
}
ul.answerblock li:nth-child(3n + 1) {
	margin-left:0;
}

.replay {
	position: absolute;
	width:40px;
	height:40px;
	left:20px;
	top:20px;
	z-index:99;
	cursor: pointer;
}