@font-face {
	font-family: 'Code Bold';
	src: url('../fonts/code-bold.eot');
	src:
		url('../fonts/code-bold.otf') format('truetype'),
		url('../fonts/code-bold.woff') format('woff'),
		url('../fonts/code-bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

*:focus {
	outline: 0;
}
html,
body {
	width: 100%;
	overflow-x: hidden;
}

.mobile-hide {
	display: none !important;
}

::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
	background: #888;
}
::-webkit-scrollbar-thumb:active {
	background: #555;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Raleway', Arial, sans-serif;
}

p {
	padding-top: 1em;
	text-align: left;
	line-height: 1.35em;
	font-weight: 300;
}
p a {
	color: #000;
}
p a:hover {
	text-decoration: none;
}

section#first {
	height: 100vh;
	padding: 0;
	font-size: 1.2em;
	text-align: center;
	background: url('../images/bg.jpg') center center no-repeat;
	background-size: cover !important;
}

header a.logo {
	display: block;
	float: left;
}
header a.logo img {
	height: 3.5em;
	border-radius: 100%;
}

header {
	position: absolute;
	padding: 1em;
	width: 100%;
	transition: 0.2s;
	z-index: 50000;
}
header ul {
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 4em;
	display: none;
}
header ul li {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
}
header ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 1.33em 1em;
	transition: 0.2s;
}
header ul li a:hover {
	background: rgba(60, 40, 90, 0.3);
}

.menu-icon {
	float: right;
	display: block;
	height: 2em;
	width: 3em;
	margin-top: 0.5em;
	background: url('../images/menu.png') no-repeat;
	background-size: contain;
}
header ul.visible {
	display: unset !important;
}

.photo-stripe img {
	width: 50%;
	float: left;
}

h1 {
	font-family: 'Code Bold';
	color: #fff;
	font-size: 3em;
	letter-spacing: 2px;
}
div.when {
	padding-top: 25vh;
	color: #fff;
	font-weight: 300;
	font-size: 1.33em;
	letter-spacing: -1px;
	padding-bottom: 0.9em;
}

a.play-btn {
	display: inline-block;
	font-size: 0.8em;
	margin-top: 1em;
	padding: 1em 0 1em 4em;
	color: #fff;
	text-decoration: none;
	background: url('../images/play.png') left center no-repeat;
	background-size: contain;
}

section {
	padding: 4em 10%;
	text-align: center;
}

h2 {
	font-size: 1.9em;
	letter-spacing: -1px;
}

.bg-purples {
	background: url('../images/bg-purples.jpg');
	color: #fff;
}
.bg-dark {
	background: rgb(22, 22, 22);
	color: #fff;
}
.bg-dark a {
	color: #fff;
}

footer {
	background: rgb(15, 15, 15);
	color: #fff;
	padding: 3em;
	text-align: center;
}
footer .adminlink {
	display: inline-block;
	font-size: 0.6em;
	margin-top: 2.5em;
	color: #aaa;
	border-bottom: none;
	transition: 0.2s;
}
footer .adminlink:hover {
	color: #fff;
}
footer div.years {
	margin-top: 0.3em;
	font-size: 0.9em;
	font-style: italic;
}
footer a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

p.welcome-paragraph {
	margin-bottom: 2em;
}
p.moved-paragraph {
	width: 100%;
	font-size: 1.3em;
}

.third {
	width: 90%;
	margin: 5%;
	margin-top: 0em;
	padding: 1em;
	font-size: 1.2em;
	border-radius: 3px;
	font-weight: 500;
	background: #fff;
	color: #000 !important;
	text-decoration: none;
	float: left;
	clear: right;
	text-align: center;
}

span.icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.4em;
	height: 2em;
	width: 2em;
	background-size: contain !important;
}
span.icon-date {
	background-image: url('../images/calendar.png');
}
span.icon-time {
	background-image: url('../images/time.png');
}
span.icon-location {
	background-image: url('../images/location.png');
}

.both {
	clear: both;
}

.w-100 {
	padding-left: 0;
	padding-right: 0;
}
.text-center {
	text-align: center;
}

.classic-link {
	font-size: 1.1em;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.classic-link:hover {
	border-bottom-color: transparent;
}

#kontakt input {
	width: 96%;
	float: left;
	clear: right;
	margin: 1em 2% 0 2%;
	background: transparent;
	color: #fff;
	font-size: 1.3em;
	border: none;
	padding: 0.6em;
	border-bottom: 1px solid #fff;
}
#kontakt textarea {
	width: 96%;
	margin-top: 1em;
	padding: 0.6em;
	font-size: 1.3em;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	height: 10em;
}

#kontakt input.btn {
	display: block;
	width: 96%;
	transition: 0.2s;
	cursor: pointer;
	padding: 0.6em 1.2em;
	border-radius: 3px;
	font-size: 1.25em;
}
#kontakt input.btn.btn-white {
	background: #fff;
	color: #000;
}
#kontakt input.btn.btn-white:hover {
	background: #dedede;
	color: #000;
}

.clock.flip-clock-wrapper {
	width: auto !important;
	zoom: 0.4;
	-moz-transform: scale(0.4);
}

div.ticket {
	display: flex;
	padding: 0 !important;
	flex-direction: column;
	text-align: left;
	margin-top: 2em;
}
div.ticket > * {
	flex: 1 0 auto;
}
div.ticket h3 {
	text-align: center;
	border-bottom: 1px solid purple !important;
	margin-bottom: 0.4em;
	padding: 1rem 1rem 0.8rem 1rem;
}
div.ticket .part {
	padding: 0.4rem 1rem 0.2rem 1rem;
	font-weight: 400;
}
div.ticket .price {
	border-top: 1px solid purple !important;
	margin-top: 0.4em;
	text-align: center;
	letter-spacing: -1px;
	padding: 0.6rem 1rem 0.8rem 1rem;
	font-size: 1.5em;
	font-weight: 400;
}

div.flex {
	display: flex;
	flex-wrap: wrap;
}

a.sponzor {
	display: block;
	padding-top: 17%;
	width: 21%;
	margin: 0.5% 2% 0 2%;
	float: left;
	clear: right;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#sponzor-bandi {
	background-image: url('/2019/images/sponzori/logo-bandi.png');
}
#sponzor-tronlaserarena {
	background-image: url('/2019/images/sponzori/tronlaserarenacz.png');
}
#sponzor-sportbalkan {
	background-image: url('/2019/images/sponzori/sportbalkancz.png');
}
#sponzor-nakluky {
	background-image: url('/2019/images/sponzori/naklukycz.png');
}
#sponzor-filmozrouti {
	background-image: url('/2019/images/sponzori/filmozrouticz.png');
}
#sponzor-unique {
	background-image: url('/2019/images/sponzori/logo-unique.jpg');
}
#sponzor-lasergamebrno {
	background-image: url('/2019/images/sponzori/logo-lasergamebrno.png');
}
#sponzor-fantomprint {
	background-image: url('/2019/images/sponzori/fantomprint-logo.jpg');
}
#sponzor-tattobar {
	background-image: url('/2019/images/sponzori/tattoobar-logo.jpg');
}
#sponzor-doller {
	background-image: url('/2019/images/sponzori/doller.png');
}
#sponzor-pelican {
	background-image: url('/2019/images/sponzori/logo-pelican.png');
}
#sponzor-steampunkbrno {
	background-image: url('/2019/images/sponzori/logo-steampunibrno.png');
}
#sponzor-dalesickaprehrada {
	background-image: url('/2019/images/sponzori/logo-dalesicka-prehrada.jpg');
}
#sponzor-majales {
	background-image: url('/2019/images/sponzori/majales2019.png');
}
#sponzor-jumppark {
	background-image: url('/2019/images/sponzori/jumppark.png');
}
#sponzor-kinoart {
	background-image: url('/2019/images/sponzori/kinoart.jpg');
}
#sponzor-brainteaser {
	background-image: url('/2019/images/sponzori/brainteaser.jpg');
}
#sponzor-ismoke {
	background-image: url('/2019/images/sponzori/ismoke.jpg');
}
#sponzor-technickemuzeum {
	background-image: url('/2019/images/sponzori/tmb.png');
}
#sponzor-vida {
	background-image: url('/2019/images/sponzori/vida.jpg');
}
#sponzor-triggerservice {
	background-image: url('/2019/images/sponzori/triggerservice.png');
}

.currentStatusLink.active {
	border-bottom: 1px solid black;
	border-radius: 0;
}
.currentStatusBox {
	width: 100%;
	margin: 0 auto;
}
text {
	font-family: Arial, sans-serif !important;
}
.currentStatusBox.hidden {
	display: none;
}

/*.hidden {display: none !important;}*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.mobile-hide {
		display: unset !important;
	}
	section#first {
		background-size: calc(100% + 25px) !important;
	}
	header ul {
		float: right;
		position: unset;
		left: unset;
		right: unset;
		margin-top: -1em;
		display: unset;
	}
	header ul li {
		margin-left: 0.5em;
		text-align: left;
	}
	header {
		padding: 3em 3em 1.5em 3em;
		position: fixed;
	}
	.menu-icon {
		display: none;
	}
	header.smaller {
		padding: 1.75em 3em 0.3em 3em;
	}
	div.when {
		font-size: 2em;
		padding-bottom: 0.3em;
	}
	header a.logo {
		margin-top: -1.2em;
	}
	.third {
		width: 30%;
		margin: 1.5%;
	}
	h2 {
		font-size: 3em;
	}

	header.smaller {
		background: rgba(88, 45, 100, 0.925);
	}
	header ul li a {
		border-radius: 8px;
		padding: 1em;
		font-size: 1em;
	}
	#kontakt input.btn {
		display: inline-block;
		width: auto;
	}
	.w-60 {
		padding-left: 20%;
		padding-right: 20%;
	}

	p.moved-paragraph {
		padding-left: 20%;
	}
	#kontakt input {
		width: 46%;
	}

	section {
		padding: 8em 15%;
	}

	a.play-btn {
		font-size: unset;
	}
	header.smaller ul li a:hover {
		background: #fff;
		color: #000;
	}

	.currentStatusBox {
		width: 70%;
	}

	.clock.flip-clock-wrapper {
		zoom: unset;
		-moz-transform: unset;
	}
	header ul li {
		clear: right;
		display: unset;
		width: unset;
		padding: unset;
	}
	h1 {
		font-size: 5em;
	}
	.photo-stripe img {
		width: 20%;
	}
	div.when {
		padding-top: 33vh;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* ANIMATING */
.animation-delay-80 {
	animation-delay: 80ms;
}
.animation-delay-100 {
	animation-delay: 100ms;
}
.animation-delay-200 {
	animation-delay: 200ms;
}
.animation-delay-300 {
	animation-delay: 300ms;
}
.animation-delay-400 {
	animation-delay: 400ms;
}
.animation-delay-500 {
	animation-delay: 500ms;
}
.animation-delay-600 {
	animation-delay: 600ms;
}
.animation-delay-700 {
	animation-delay: 700ms;
}
.animation-delay-800 {
	animation-delay: 800ms;
}
.animation-delay-900 {
	animation-delay: 900ms;
}
.animation-delay-1000 {
	animation-delay: 1000ms;
}
.animation-delay-1100 {
	animation-delay: 1100ms;
}
.animation-delay-1200 {
	animation-delay: 1200ms;
}
.animation-delay-1300 {
	animation-delay: 1300ms;
}
.animation-delay-1400 {
	animation-delay: 1400ms;
}
.animation-delay-1500 {
	animation-delay: 1500ms;
}
.animation-delay-1600 {
	animation-delay: 1600ms;
}
.animation-delay-1700 {
	animation-delay: 1700ms;
}
.animation-delay-1800 {
	animation-delay: 1800ms;
}
.animation-delay-1900 {
	animation-delay: 1900ms;
}
.animation-delay-2000 {
	animation-delay: 2000ms;
}
.animation-delay-2100 {
	animation-delay: 2100ms;
}
.animation-delay-2200 {
	animation-delay: 2200ms;
}
.animation-delay-2300 {
	animation-delay: 2300ms;
}
.animation-delay-2400 {
	animation-delay: 2400ms;
}
.animation-delay-2500 {
	animation-delay: 2500ms;
}
.animation-delay-2600 {
	animation-delay: 2600ms;
}
.animation-delay-2700 {
	animation-delay: 2700ms;
}
.animation-delay-2800 {
	animation-delay: 2800ms;
}

/* CLOCK */
.clock {
	display: inline-block;
	padding-top: 2em;
}