/*
Theme Name: Vigao Kiosk
Author: Kiosksytems
Description: Kiosk Vigado theme
Version: 1.0
*/


@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.eot');
	src: local('GothamBook'), url('fonts/GothamBook.woff') format('woff'), url('fonts/GothamBook.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamLight';
	src: url('fonts/GothamLight.eot');
	src: local('GothamLight'), url('fonts/GothamLight.woff') format('woff'), url('fonts/GothamLight.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamBold';
	src: url('fonts/gothambold1.eot');
	src: local('GothamBold'), url('fonts/gothambold1.woff') format('woff'), url('fonts/gothambold1.ttf') format('truetype');
}

html, body { margin:0; padding:0; overflow:hidden; }
body {font-family: 'Montserrat', Arial;
font-weight:300;
font-size:3.4vw;
line-height:4vw;
background-image:url('kioszk_bg.jpg');
background-size:cover;
padding:3vw;
}


h1,h2,h3
{
padding:0;
margin:0;
}

h4
	{
	font-weight:300;
	}
h1,h2,h3 {
    font-family: 'Montserrat',sans-serif;
	font-weight:600;
	}

strong
	{
	font-family: 'Montserrat';
	font-weight:600;
	}

.error
	{
	background:#fcd0d0 !important;
	}


.firstboxes
	{
	flex-wrap:wrap;
	}


.qblock
	{
	width:98%;
	margin-left;1%;
	margin-right:1%;
	height:15vw;
	position:relative;
	text-align:center;
	}

.qblock a
	{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}

.qblock a span
	{
	display:block;
	font-size:0.7em;
	font-weight:normal;
	}

.qblock a .btn
	{
	background:#ac0040;
	padding:1em;
	font-size:0.9em;
	color:#fff;	
	}

.rbutton
	{
	display:block;
	text-align:center;
	margin-top:30px;
	background:#ac0040;
	padding:1em;
	font-size:0.9em;
	color:#fff;	
	text-decoration:none;
	}

.qhead
	{
	text-align:left;
	}

.qhead span
	{
	display:block;
	font-weight:bold;
	}

.progress-bar
	{
	display:none;
	width:50%;
	height:8px;
	background:blue;
	margin-left:auto;
	margin-right:0;
	}

.progress-yellow
	{
	background:yellow;
	height:8px;
	}

.question-box h4
	{
	font-weight:300;
	font-size:1.1em;	
	}

.qanswers
	{
	width:100%;
	}

.qanswers .answer-block
	{
	display:block;
	padding:0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-decoration:none;
	color:#000;
	background:rgba(0,0,0,0.1);
	}

.pure-content img
	{
	max-width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}

.illusztracio
	{
	width:100%;
	overflow:hidden;
	max-height:40vh;
	}

.illusztracio img, .illusztracio video
	{
	margin-left:auto;
	margin-right:auto;
	display:block;
	max-width:99%;
	width:auto;
	height:auto;
	max-height:40vh;
	border:1px solid #ac0040;
	}

.qanswers .qred
	{
	color:#ac0040;
	}

.qanswers .qgreen
	{
	color:green !important;
	}

.qanswers .thiswastaken
	{
	text-decoration:underline;
	}


.info input
	{
	margin-top:10px;
	width:100%;
	font-size:5vw;
	}
.info .smx { width:20px; }

.foot
	{
	position:absolute;
	bottom:0px;
	width:94%;
	height:100px;
	border-top:1px solid #cfb9a4;
	text-align:right;
	}

.foot img
	{
	display:inline-block;
	height:100%;
	width:auto;
	max-height:80px;
	margin-top:10px;
	margin-left:10px;
	}

.flags
	{
	position:absolute;
	bottom:80px;
	left:3vw;
	height:100px;
	text-align:center;
	width:92%;
	}

.flags a
	{
	display:inline-block;
	width:60px;
	height:40px;
	background-size:cover;
	background-position:center;
	margin-right:20px;
	}

.flaghu
	{
	background-image:url('img/hu.png');
	}

.flagen
	{
	background-image:url('img/gb.png');
	}

.flagde
	{
	background-image:url('img/de.png');
	}