@import url('https://fonts.googleapis.com/css?family=Raleway:600,600i,800,800i&subset=latin-ext');

html {
	height: 100%;
}

body {
	background: #f9f9f9 url('../images/bg-grain.png') repeat;
	background-size: 75px 75px;
	font-family: Raleway, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #414141;
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

@-moz-document url-prefix() {
	body {
		font-weight: lighter !important;
	}
}

body:after {
	display: none;
	content:	url('../images/uci/topol-rd.jpg')
				url('../images/uci/stancik-rd.jpg')
				url('../images/uci/horak-rd.jpg')
				url('../images/uci/tisic-rd.jpg')
				url('../images/uci/douskova-rd.jpg')
				url('../images/uci/sindelka-rd.jpg')
				url('../images/uci/hruska-rd.jpg')
				url('../images/uci/typlt-rd.jpg')
				url('../images/uci/psychedelikatesy-rd.jpg')
				url('../images/uci/prigl-rd.jpg')
				url('../images/uci/konas-rd.jpg')
				url('../images/uci/kvileni-rd.jpg')
				url('../images/uci/tesnohlidek-rd.jpg')
				url('../images/uci/hysek-rd.jpg')
				url('../images/uci/imlauf-rd.jpg')
				url('../images/uci/mcgey-rd.jpg')
				url('../images/uci/acute-rd.jpg')
				url('../images/uci/erith-rd.jpg')
				url('../images/uci/abelova-rd.jpg')
				url('../images/uci/livingstone-rd.jpg')
				url('../images/uci/svalis-rd.jpg')
				url('../images/uci/kultanova-rd.jpg')
				url('../images/uci/vybiralova-rd.jpg')
				url('../images/uci/slam-rd.jpg')
				url('../images/uci/lednicka-rd.jpg')
				url('../images/uci/hajicek-rd.jpg')
			;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }
}

a {
	color: #fc0d1b;
	font-weight: 800;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
}

a:active {
	position: relative;
	left: 0;
	top: 1px;
}

.col-centered {
	margin: 0 auto;
}

#hp_top {
	background: url('../images/bg-ova.jpg') no-repeat top center;
	background-size: cover;
	min-height: 100%;
	padding-bottom: 75px;
	padding: 0;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
}

#hp_top.nobg {
	background: none;
}

#hp_top .inf {
	text-align: center;
}

h2 {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 64px;
	margin-bottom: 30px;
}

#hp_top h2 {
	margin-top: 11%;
	margin-bottom: 55px;
}

.normcase {
	text-transform: none;
}

.button {
	background: #fc0d1b;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	text-transform: uppercase;
	font-size: 21px;
	color: #ffffff;
	display: inline-block;
	font-weight: normal !important;
	text-decoration: none !important;
	padding: 14px 24px 10px;
	line-height: 26px;
	max-width: 285px;
	margin-bottom: 25px;
	border: 4px solid #fc0d1b;
}

.button:hover {
	background: #ffffff;
	color: #fc0d1b;
}

#hp_top .inf .date {
	font-size: 50px;
	margin-bottom: 10px;
	margin-top: 40px;
}

#hp_top .inf .venue {
	font-size: 29px;
	line-height: 39px;
	margin-bottom: 0;
	padding-bottom: 65px;
}

header {
	background: transparent;
}

header.inverse {
	background: #fc0d1b;
}

header .logoc img {
	height: 45px;
	margin-top: 18px;
}

header .logo-inverse {
	display: none;
}

header.inverse .logo {
	display: none;
}

header.inverse .logo-inverse {
	display: block;
}

nav menu {
	list-style-type: none;
	text-align: right;
	margin-top: 25px;
	padding: 0;
	position: relative;
	z-index: 999;
}

nav menu li {
	display: inline-block;
}

nav menu li a {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 18px;
	color: #fc0d1b;
	padding: 6px 10px 0px;
	display: inline-block;
	font-weight: normal !important;
	line-height: 22px;
	margin: 0;
	text-decoration: none !important;
}

nav menu li a:after {
	content: "";
	display: block;
	position: relative;
	height: 3px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 2px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

nav menu li a:hover {
	color: #fc0d1b;
}

nav menu li a:hover:after {
	width: 100%;
}

nav menu li.tickets a {
	background: #fc0d1b;
	color: #ffffff;
	border: 3px solid #fc0d1b;
	margin: 0 0 0 8px;
	padding: 3px 7px 0;
}

nav menu li.tickets a:after {
	display: none;
}

nav menu li.tickets a:hover {
	background: #ffffff;
	color: #fc0d1b
}

nav menu li.tickets a:hover:after {
	width: 0;
}

nav menu li.active a {
	color: #3c3c3c;
}

nav menu li.active a:after {
	background: #3c3c3c;
	width: 100%;
}

nav menu li.tickets.active a {
	border-color: #3c3c3c;
	color: #ffffff;
	background: #3c3c3c;
}

nav .burger {
	display: block;
	float: right;
	width: 35px;
	height: 29px;
	background: url('../images/burger-rd.svg') no-repeat;
	background-size: 35px 29px;
	position: absolute;
	top: -47px;
	right: 0;
	cursor: pointer;
}

nav .burger:active {
	position: absolute;
	top: -47px;
	left: auto;
}



#statement {
	background: #fc0d1b;
	color: #ffffff;
	text-align: center;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 26px;
	padding: 44px 0 40px;
}

#statement p {
	margin-bottom: 15px;
}

#statement p big {
	font-size: 26px;
	text-transform: uppercase;
}



#statement a {
	color: #ffffff;
	text-decoration: none !important;
	display: inline-block;
	line-height: 27px;
	position: relative;
	font-weight: normal;
}

#statement a:after {
	content: "";
	display: block;
	height: 4px;
	background: #ffffff;
	width: 100%;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

#statement a:hover:after {
	width: 0;
}

#typed-strings {
	display: none;
}

.typed-cursor {
	color: #ffffff;
	font-size: 26px !important;
	opacity: 1;
	-webkit-animation: blink 0.9s infinite;
	-moz-animation: blink 0.9s infinite;
	animation: blink 0.9s infinite;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

#hdl .artist {
	background: no-repeat top right;
	position: relative;
	outline: none;
	padding: 0;
}

#hdl .rd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

#hdl .artist img {
	width: 100%;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
}

#hdl .artist:hover .rd {
	display: block;
	opacity: 1;
}

#hdl .artist .overlay {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat top right;
	opacity: 0;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	outline: none;
}

#hdl .artist:hover .overlay {
	opacity: 1;
}

/*#hdl .artist.topol 		{ background-image: url('../images/uci/topol-bw.jpg'); }
#hdl .artist.stancik 	{ background-image: url('../images/uci/stancik-bw.jpg'); }
#hdl .artist.horak 		{ background-image: url('../images/uci/horak-bw.jpg'); }
#hdl .artist.tisic 		{ background-image: url('../images/uci/tisic-bw.jpg'); background-position: top center; }
#hdl .artist.douskova 	{ background-image: url('../images/uci/douskova-bw.jpg'); background-position: top center; }
#hdl .artist.sindelka 	{ background-image: url('../images/uci/sindelka-bw.jpg'); }*/

/*#hdl .artist.topol .overlay 	{ background-image: url('../images/uci/topol-rd.jpg'); }
#hdl .artist.stancik .overlay 	{ background-image: url('../images/uci/stancik-rd.jpg'); }
#hdl .artist.horak .overlay 	{ background-image: url('../images/uci/horak-rd.jpg'); }
#hdl .artist.tisic .overlay 	{ background-image: url('../images/uci/tisic-rd.jpg'); background-position: top center; }
#hdl .artist.douskova .overlay 	{ background-image: url('../images/uci/douskova-rd.jpg'); background-position: top center; }
#hdl .artist.sindelka .overlay 	{ background-image: url('../images/uci/sindelka-rd.jpg'); }*/

#hdl .artist .name {
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 30px 0;
	box-sizing: border-box;
	text-align: right;
	font-size: 50px;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	line-height: 50px;
}

#hdl .artist:hover .name {
	text-shadow: 0 0 20px rgba(252, 13, 27, 0.4);
}

#hdl .artist:nth-child(even) .name {
	text-align: left;
}

#hdl .artist .overlay-pop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 30;
	outline: none;
}


#contact {
	background: url('../images/bg-map.jpg') no-repeat top center;
	height: 518px;
}

#contact .container {
	position: relative;
}

#contact h2 {
	font-size: 50px;
	color: #fc0d1b;
	margin-bottom: 30px;
}

#contact p {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 26px;
}

#contact .lnks a {
	margin-right: 12px;
}

#contact .artmore {
	text-align: center;
	margin-bottom: 15px;
}

#contact a:not(.overall-link) {
	color: #fc0d1b;
	font-weight: normal;
	font-size: 26px;
	position: relative;
	display: inline-block;
	text-decoration: none;
}

#contact .more {
	color: #3c3c3c;
}

#contact a:not(.overall-link):after {
	content: "";
	display: block;
	position: relative;
	height: 4px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 3px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

#contact .more:after {
	background: #3c3c3c;
}

#contact a:not(.overall-link):hover:after {
	width: 100%;
}

#contact .artmore a {
	padding: 20px 0;
	display: inline-block;
}

#contact .overall-link {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: block;
}

.tck h2, .padcont h2 {
	margin-bottom: 30px !important;
	margin-top: 8% !important;
}

.tck .hl {
	font-family: Raleway, Helvetica, Arial;
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 50px;
	padding: 0 70px;
	line-height: 27px;
}

.tck .cols {
	text-align: left;
	font-family: Raleway, Helvetica, Arial;
	font-weight: 600;
	font-size: 16px;
	padding-top: 40px;
	padding-bottom: 30px;
}

.tck .cols .icol {
	padding: 0 25px 40px 25px;
}

.tck .cols p {
	line-height: 27px;
	text-align: justify;
	text-justify: inter-word;
}

.tck .cols p a, .txt p a:not(.button), .popp p a {
	border-bottom: 3px solid rgba(252, 13, 27, 0);
}

.tck .cols p a:hover, .txt p a:not(.button):hover, .popp p a:hover {
	color: #fc0d1b;
	text-decoration: none;
	border-bottom: 3px solid rgba(252, 13, 27, 1);
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	-ms-transition: all 80ms linear;
}

p strong {
	font-weight: 800;
}

h3 {
	font-size: 22px;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	margin-bottom: 18px;
}

.tck .more {
	font-size: 22px;
	display: inline-block;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	border-bottom: 0 !important;
	font-weight: normal;
}

.tck .more:after {
	content: "";
	display: block;
	position: relative;
	height: 4px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 2px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

.tck .more:hover {
	text-decoration: none;
	color: #fc0d1b;
}

.tck .more:hover:after {
	width: 100%;
}

.dict {
	position: relative;
	padding-bottom: 30px;
}

.dict:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 62px;
	background: #fc0d1b;
	z-index: -1;
}

.padcont, .dict .container, .padcont .container {
	padding: 0 75px;
}


.dict .word {
	font-size: 38px;
	color: #ffffff;
	line-height: 64px;
}

.dict .word span {
	font-family: Consolas, "Courier New", serif;
	font-size: 25px;
	display: inline-block;
	padding-left: 10px;
}

.dict ol {
	padding: 0;
	counter-reset: item;
	list-style-type: none;
	margin-left: 28px;
}

.dict ol li {
	padding: 2px 0;
	position: relative;
}

.dict ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: -28px;
}

.txt {
	font-family: Raleway, Helvetica, Arial;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	padding-bottom: 40px;
}

.txt h3 {
	font-size: 28px;
}

h4 {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 22px;
	margin-top: 45px;
}

#mapa {
	padding-top: 40px;
	margin-top: -40px;
}

#gmap {
	height: 470px;
}

.aftermap {
	padding-top: 50px;
	text-align: justify;
}

@media (min-width: 768px) {
	.aftermap .icol:nth-child(odd) {
		padding-right: 45px;
	}

	.aftermap .icol:nth-child(even) {
		padding-left: 45px;
	}
}

.aftermap h3 {
	margin-top: 30px;
}

.aftermap .more span {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	position: relative;
	top: -1px;
}

.dict.oin h3 {
	line-height: 68px;
	color: #ffffff;
	font-size: 34px;
	margin-bottom: 30px;
}

.dict.oin p {
	font-family: Raleway, Helvetica, Arial;
	font-size: 16px;
	text-align: justify;
	margin-bottom: 10px;
}

.dict.oin .hl {
	font-weight: 800;
}

.padcont.oin {
	padding-top: 40px;
}

.padcont.oin p {
	text-align: justify;
}

.padcont.oin .button {
	margin-top: 45px;
}

#address {
	background: #fc0d1b;
	color: #ffffff;
	position: absolute;
	right: 0;
	width: calc(50% - 215px);
}

.address_in {
	background: #fc0d1b;
	color: #ffffff;
	padding: 0;
	display: inline-block;
	position: relative;
	top: -48px;
}



#address p, .address_in p {
	width: 210px;
	text-align: right;
	font-family: Raleway, Helvetica, Arial;
	font-size: 16px;
	font-weight: 600;
	padding: 22px 0 5px;
	line-height: 25px;
}

.address_in p {
	padding: 10px 30px 10px 30px;
	margin-bottom: 0;
	width: auto !important;
}

#address p strong, .address_in p strong {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-weight: normal;
	text-transform: uppercase;
}


.grid {
	text-align: center;
}

.grid:after {
	content: '';
	display: block;
	clear: both;
}

.gi {
	float: left;
	width: 46%;
	height: 210px;
	background: no-repeat top center;
	border-color: hsla(0, 0%, 0%, 0.7);
	counter-increment: item;
	margin-bottom: 40px;
	position: relative;
	outline: none;
}

@media (max-width: 767px) {
	.gi {
		width: 100% !important;
		margin: 0 !important;
	}
}

.gi .shadow {
	background: url('../images/gi-shadow.png') repeat-x bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gi p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 10px;
}

.gi p span {
	display: block;
	font-family: Raleway, Helvetica, Arial;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}

.gi a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
}

.gi .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat top center;
	opacity: 0;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	outline: none;
}

.gi:hover .overlay {
	opacity: 1;
}

.gi.topol {
	background-image: url('../images/uci/topol-bw.jpg');
	background-size: 570px;
	background-position: top right;
	height: 260px;
}

.gi.topol .overlay {
	background-image: url('../images/uci/topol-rd.jpg');
	background-size: 570px;
	background-position: top right; }

.gi.stancik {
	background-image: url('../images/uci/stancik-bw.jpg');
	background-size: 660px;
	height: 330px;
}

.gi.stancik .overlay {
	background-image: url('../images/uci/stancik-rd.jpg');
	background-size: 660px;
}

.gi.horak {
	background-image: url('../images/uci/horak-bw.jpg');
	background-size: 800px;
	height: 340px;
}

.gi.horak .overlay {
	background-image: url('../images/uci/horak-rd.jpg');
	background-size: 800px;
}

.gi.tisic {
	background-image: url('../images/uci/tisic-bw.jpg');
	background-size: 650px;
	background-position: top center;
	height: 245px;
}

.gi.tisic .overlay {
	background-image: url('../images/uci/tisic-rd.jpg');
	background-size: 650px;
	background-position: top center;
}

.gi.douskova {
	background-image: url('../images/uci/douskova-bw.jpg');
	background-size: 690px;
	height: 330px;
}

.gi.douskova .overlay {
	background-image: url('../images/uci/douskova-rd.jpg');
	background-size: 690px;
}

.gi.sindelka {
	background-image: url('../images/uci/sindelka-bw.jpg');
	background-size: 790px;
	height: 330px;
	background-position: top right;
}

.gi.sindelka .overlay {
	background-image: url('../images/uci/sindelka-rd.jpg');
	background-size: 790px;
	background-position: top right;
}

.gi.hruska {
	background-image: url('../images/uci/hruska-bw.jpg');
	background-size: 790px;
	height: 340px;
	background-position: top right;
}

.gi.hruska .overlay {
	background-image: url('../images/uci/hruska-rd.jpg');
	background-size: 790px;
	background-position: top right;
}

.gi.psychedelikatesy {
	background-image: url('../images/uci/psychedelikatesy-bw.jpg');
	background-size: 490px;
	background-position: center center;
	height: 240px;
}

.gi.psychedelikatesy .overlay {
	background-image: url('../images/uci/psychedelikatesy-rd.jpg');
	background-size: 490px;
	background-position: center center;
}

.gi.typlt {
	background-image: url('../images/uci/typlt-bw.jpg');
	background-size: 650px;
	height: 325px;
}

.gi.typlt .overlay {
	background-image: url('../images/uci/typlt-rd.jpg');
	background-size: 650px;
}

.gi.prigl {
	background-image: url('../images/uci/prigl-bw.jpg');
	background-size: 560px;
	background-position: bottom center;
	height: 275px;
}

.gi.prigl .overlay {
	background-image: url('../images/uci/prigl-rd.jpg');
	background-size: 490px;
	background-position: bottom center;
	background-size: 560px;
}

.gi.konas {
	background-image: url('../images/uci/konas-bw.jpg');
	background-size: 650px;
	background-position: center center;
	height: 270px;
}

.gi.konas .overlay {
	background-image: url('../images/uci/konas-rd.jpg');
	background-size: 650px;
	background-position: center center;
}

.gi.kvileni {
	background-image: url('../images/uci/kvileni-bw.jpg');
	background-size: 560px;
	background-position: bottom center;
	height: 275px;
}

.gi.kvileni .overlay {
	background-image: url('../images/uci/kvileni-rd.jpg');
	background-size: 490px;
	background-position: bottom center;
	background-size: 560px;
}

.gi.tesnohlidek {
	background-image: url('../images/uci/tesnohlidek-bw.jpg');
	background-size: 650px;
	background-position: bottom left;
	height: 250px;
}

.gi.tesnohlidek .overlay {
	background-image: url('../images/uci/tesnohlidek-rd.jpg');
	background-size: 650px;
	background-position: bottom left;
}

.gi.hysek {
	background-image: url('../images/uci/hysek-bw.jpg');
	background-size: 550px;
	background-position: top right;
	height: 230px;
}

.gi.hysek .overlay {
	background-image: url('../images/uci/hysek-rd.jpg');
	background-size: 550px;
	background-position: top right;
}

.gi.imlauf {
	background-image: url('../images/uci/imlauf-bw.jpg');
	background-size: 500px;
	background-position: top center;
	height: 245px;
}

.gi.imlauf .overlay {
	background-image: url('../images/uci/imlauf-rd.jpg');
	background-size: 500px;
	background-position: top center;
}

.gi.mcgey {
	background-image: url('../images/uci/mcgey-bw.jpg');
	background-size: 500px;
	background-position: top center;
	height: 245px;
}

.gi.mcgey .overlay {
	background-image: url('../images/uci/mcgey-rd.jpg');
	background-size: 500px;
	background-position: top center;
}

.gi.acute {
	background-image: url('../images/uci/acute-bw.jpg');
	background-size: 500px;
	background-position: top center;
	height: 245px;
}

.gi.acute .overlay {
	background-image: url('../images/uci/acute-rd.jpg');
	background-size: 500px;
	background-position: top center;
}

.gi.erith {
	background-image: url('../images/uci/erith-bw.jpg');
	background-size: 560px;
	background-position: top center;
	height: 270px;
}

.gi.erith .overlay {
	background-image: url('../images/uci/erith-rd.jpg');
	background-size: 560px;
	background-position: top center;
}

.gi.abelova {
	background-image: url('../images/uci/abelova-bw.jpg');
	background-size: 550px;
	background-position: top center;
	height: 270px;
}

.gi.abelova .overlay {
	background-image: url('../images/uci/abelova-rd.jpg');
	background-size: 550px;
	background-position: top center;
}

.gi.rimmer {
	background-image: url('../images/uci/rimmer-bw.jpg');
	background-size: 550px;
	background-position: top center;
	height: 270px;
}

.gi.rimmer .overlay {
	background-image: url('../images/uci/rimmer-rd.jpg');
	background-size: 550px;
	background-position: top center;
}

.gi.scurkova {
	background-image: url('../images/uci/scurkova-bw.jpg');
	background-size: 550px;
	background-position: top right;
	height: 270px;
}

.gi.scurkova .overlay {
	background-image: url('../images/uci/scurkova-rd.jpg');
	background-size: 550px;
	background-position: top right;
}

.gi.livingstone {
	background-image: url('../images/uci/livingstone-bw.jpg');
	background-size: 550px;
	background-position: top center;
	height: 270px;
}

.gi.livingstone .overlay {
	background-image: url('../images/uci/livingstone-rd.jpg');
	background-size: 550px;
	background-position: top center;
}

.gi.svalis {
	background-image: url('../images/uci/svalis-bw.jpg');
	background-size: 550px;
	background-position: top left;
	height: 270px;
}

.gi.svalis .overlay {
	background-image: url('../images/uci/svalis-rd.jpg');
	background-size: 550px;
	background-position: top left;
}

.gi.kultanova {
	background-image: url('../images/uci/kultanova-bw.jpg');
	background-size: 625px;
	background-position: top left;
	height: 235px;
}

.gi.kultanova .overlay {
	background-image: url('../images/uci/kultanova-rd.jpg');
	background-size: 625px;
	background-position: top left;
}

.gi.vybiralova {
	background-image: url('../images/uci/vybiralova-bw.jpg');
	background-size: 550px;
	background-position: top left;
	height: 270px;
}

.gi.vybiralova .overlay {
	background-image: url('../images/uci/vybiralova-rd.jpg');
	background-size: 550px;
	background-position: top left;
}

.gi.slam {
	background-image: url('../images/uci/slam-bw.jpg');
	background-size: 550px;
	background-position: top left;
	height: 270px;
}

.gi.slam .overlay {
	background-image: url('../images/uci/slam-rd.jpg');
	background-size: 550px;
	background-position: top left;
}

.gi.lednicka {
	background-image: url('../images/uci/lednicka-bw.jpg');
	background-size: 550px;
	background-position: top center;
	height: 240px;
}

.gi.lednicka .overlay {
	background-image: url('../images/uci/lednicka-rd.jpg');
	background-size: 550px;
	background-position: top center;
}

.gi.hajicek {
	background-image: url('../images/uci/hajicek-bw.jpg');
	background-size: 600px;
	background-position: top center;
	height: 270px;
}

.gi.hajicek .overlay {
	background-image: url('../images/uci/hajicek-rd.jpg');
	background-size: 600px;
	background-position: top center;
}

@media (max-width: 767px) {
	.gi.psychedelikatesy, .gi.psychedelikatesy .overlay {
		background-size: 100%;
	}

	.anno {
		margin-top: 45px;
	}
}

.headpad h2 {
	margin-top: 7% !important;
}

.anno {
	padding: 0 85px;
	text-align: center;
	font-size: 22px;
	padding-bottom: 60px;
}

.anno a {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 4px solid rgba(252, 13, 27, 0);
}

.anno a:hover {
	color: #fc0d1b;
	border-color: rgba(252, 13, 27, 1);
}

.anno a:hover:after {
	width: 100%;
}

.popp {
	position: relative;
	width: auto;
	max-width: 900px;
	margin: 20px auto;
	background: url('../images/bg-grain.png') repeat;
	background-size: 75px 75px;
	font-size: 16px;
	padding-bottom: 10px;
}

.popp .time {
	float: right;
	line-height: 70px;
	height: 65px;
	color: #ffffff;
	font-size: 20px;
	margin: 0;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-weight: normal;
	margin-top: 1px;
}

.popp h3 {
	background: #fc0d1b;
	line-height: 30px;
	min-height: 65px;
	color: #ffffff;
	font-size: 26px;
	padding: 20px 45px 10px;
}

.popp p {
	font-family: Raleway, Helvetica, Arial;
	font-weight: 600;
	padding: 0 45px;
	text-align: justify;
	margin: 30px 0;
}

button.mfp-close {
	color: #ffffff !important;
	opacity: 0.8;
}

.pop_links {
	list-style-type: none;
	padding: 0 45px;
}

.pop_links li {
	margin: 0;
}

.pop_links li a {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-weight: normal;
	font-size: 22px;
	text-decoration: none;
	display: inline-block;
}

.pop_links li a:after {
	content: "";
	display: block;
	position: relative;
	height: 4px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 3px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

.pop_links li a:hover {
	color: #fc0d1b;
}

.pop_links li a:hover:after {
	width: 100%;
}

#contacts {
	position: relative;
}

#contacts .bc {
	text-align: center;
	padding: 0;
}

#contacts .bc div {
	padding: 20px 0 10px;
}

#contacts .name {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 24px;
	margin-bottom: -2px;
}

#contacts h3 {
	margin-top: 40px;
}

#contacts a {
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
}

#contacts a:hover {
	color: #fc0d1b;
}

#contacts a:after {
	content: "";
	display: block;
	position: relative;
	height: 3px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 3px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

#contacts a:hover:after {
	width: 100%;
}

.cform {
	padding-bottom: 60px;
}

.cform .title {
	font-size: 16px;
	display: block;
	margin-bottom: 3px;
}

.cform input[type="text"], .cform input[type="email"], .cform textarea {
	background: #e8e8e8;
	height: 36px;
	width: 360px;
	border: none;
	margin-bottom: 10px;
	display: block;
	font-family: Raleway, Helvetica, Arial;
	font-weight: 600;
	font-size: 14px;
	padding: 0 10px;
	outline: 0;
}

.cform textarea {
	height: 120px;
	width: 520px;
	padding: 10px;
	line-height: 20px;
}

.cform input[type="text"]:focus, .cform input[type="email"]:focus, .cform textarea:focus {
	background: #dadada;
}

.cform input[type="submit"] {
	background: #fc0d1b;
	color: #ffffff;
	height: 47px;
	line-height: 42px;
	border: none;
	font-size: 22px;
	padding: 0 35px;
	margin-top: 20px;
	cursor: pointer;
	border: 4px solid #fc0d1b;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
}

.cform input[type="submit"]:hover {
	background: #ffffff;
	color: #fc0d1b;
}

.contact-info, .ci-text {
	font-family: Raleway, Helvetica, Arial;
	font-weight: 600;
	font-size: 16px;
}

.contact-info a, .ci-text a {
	font-weight: 800 !important;
	font-family: Raleway, Helvetica, Arial;
}

.ci-text br {
	display: none;
}

.ci-text .adr br {
	display: block;
}

#contacts .team {
	margin-bottom: 20px;
}

.adrdiv {
	margin-top: 84px;
}

@media (max-width: 991px) {
	.adrdiv {
		margin-top: 20px;
	}
}

.madebyth {
	color: #d5d5d5;
	text-align: right;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 18px !important;
	padding-bottom: 10px;
	margin-bottom: 0 !important;
}

.madebyth.left {
	text-align: left;
	margin-top: 45px;
	padding-left: 0;
	margin-top: 25px;
	padding-bottom: 7px;
}

.madebyth a {
	color: #d5d5d5 !important;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px !important;
}

.madebyth a:after {
	display: none !important;
}

.madebyth a:hover {
	color: #bcbcbc !important;
}

.uchl {
	margin-top: -20px;
	margin-bottom: 25px;
	font-size: 20px;
}

.uchl a {
	text-decoration: none;
	display: inline-block;
	color: #fc0d1b;
	position: relative;
	font-weight: normal;
}

.uchl a:after {
	content: "";
	position: relative;
	display: block;
	height: 3px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 3px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

.uchl a:hover:after {
	width: 100%;
}

.vizt {
	font-size: 22px;
	line-height: 26px;
}

.vizt a {
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
}

.vizt a:hover {
	color: #fc0d1b;
}

.vizt a:after {
	content: "";
	display: block;
	position: relative;
	height: 4px;
	background: #fc0d1b;
	width: 0;
	left: 0;
	bottom: 2px;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

.vizt a:hover:after {
	width: 100%;
}

footer {
	background: #3d3d3d;
	color: #ffffff;
	border: 0;
}

footer .sup {
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 16px;
	margin-top: 18px;
	margin-bottom: 0;
}

footer .partner-mk {
	height: 41px;
	margin-right: 35px;
}

footer .partner-ova {
	height: 20px;
}

footer .pimgs {
	margin-top: 0px;
	margin-bottom: 0;
}

footer .ss p {
	line-height: 26px;
	margin-top: 44px;
	margin-bottom: -1px;
	padding-bottom: 20px;
	font-family: Zirkel-Black, Raleway, Helvetica, Arial;
	font-size: 22px;
}

footer .ss a {
	color: #ffffff;
	text-decoration: none !important;
	display: inline-block;
	line-height: 27px;
	position: relative;
	font-weight: normal;
}

footer .ss a:after {
	content: "";
	display: block;
	height: 3px;
	background: #ffffff;
	width: 100%;
	left: 0;
	bottom: 2px;
	position: relative;
	margin: 0 auto;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
}

footer .ss a:hover:after {
	width: 0;
}

footer .th {
	color: #626262;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 15px;
}

footer .th a {
	color: #626262;
	font-weight: 600;
	text-decoration: none;
}

footer .th a:hover {
	color: #787878;
}


#prg {
	width: 1000px !important;
	max-width: none;
	min-width: none;
}

#prg ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.day_selector {
	margin: -30px 0 60px 0 !important;
	padding: 0;
}

.day_selector li {
	display: inline-block;
	margin-right: 7px;
}

.day_selector li a {
	width: 170px;
	height: 58px;
	display: inline-block;
	text-align: center;
	background: #3d3d3d;
	border: 4px solid #3d3d3d;
	line-height: 56px;
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

.day_selector li.active a, .day_selector li a:hover {
	background: transparent;
	color: #3d3d3d;
}

#program {
	width: 1000px !important;
}

#program .grd {
	background: url('../images/program-grid.png') repeat-y top right;
	background-size: 935px 105px;
	clear: both;
	margin-bottom: 90px;
	display: none;
}

#program .grd.active {
	display: block;
}

#program .stages:after {
	content: "";
	display: block;
	clear: both;
}

#program .stages li {
	display: block;
	float: left;
	width: 171px;
	height: 54px;
	text-align: center;
	text-transform: uppercase;
	line-height: 58px;
	font-size: 18px;
	background: #fc0d1b;
	color: #ffffff;
	margin-left: 12px;
	margin-bottom: 25px;
}

#program .stages li:nth-child(even) {
	background: #3d3d3d;
}

#program .stages li:first-child {
	margin-left: 97px;
}

#program .grd-cols:after {
	content: "";
	display: block;
	clear: both;
}

#program .timeline {
	position: relative;
	top: -6px;
	width: 97px;
	float: left;
}

#program .timeline p {
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 85px;
	text-align: right;
	padding-right: 42px;
}

#program .timeline p:last-child {
	margin-bottom: -16px;
}

#program .stage {
	float: left;
	width: 171px;
	min-height: 1px;
	margin-right: 12px;
}

#program .stage:last-child {
	margin-right: 0;
}

#program .stage li {
	background: #fc0d1b;
	color: #ffffff;
	margin-bottom: 3px;
	text-align: center;
	position: relative;
	height: 103px;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
}

#program .stage li:hover {
	background: #3d3d3d;
}

#program .stage:nth-child(odd) li {
	background: #3d3d3d;
}

#program .stage:nth-child(odd) li:hover {
	background: #fc0d1b;
}

#program .stage li .type {
	font-size: 12px;
	font-family: Raleway, Helvetica, Arial;
	text-transform: uppercase;
	line-height: 14px;
	font-weight: 600;
	padding-top: 10px;
}

#program .stage li .name {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	line-height: 22px;
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	padding: 0 5px;
}

#program .stage li .full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#program .stage .hruska 			{ margin-top: 213px; }
#program .stage .imlauf 			{ margin-top: 27px; height: 105px; }
#program .stage .psiostrov 			{ margin-top: 3px; height: 210px; }
#program .stage .nico 				{ margin-top: 3px; height: 210px; }
#program .stage .prigl 				{ margin-top: 51px; height: 106px; }
#program .stage .douskova 			{ margin-top: 79px; height: 105px; }
#program .stage .psychedelikatesy 	{ margin-top: 25px; height: 106px; }
#program .stage .domino 			{ margin-top: 260px; height: 50px; }
#program .stage .domino2 			{ height: 50px; }
#program .stage .trumbo 			{ height: 207px; }
#program .stage .avb 				{ margin-top: 555px; height: 130px; }
#program .stage .erith 				{ margin-top: 25px; height: 106px; }
#program .stage .svalis 			{ margin-top: 26px; height: 105px; margin-bottom: 0; }
#program .stage .stancik 			{ margin-top: 422px; height: 105px; }
#program .stage .tisic 				{ margin-top: 26px; height: 130px; }
#program .stage .staticke			{ margin-top: 27px; height: 53px; }
#program .stage .slam				{ margin-top: 105px; height: 212px; }
#program .stage .acute				{ margin-top: 78px; height: 104px; }
#program .stage .mcgey				{ margin-top: 105px; height: 105px; margin-bottom: 0; }
#program .stage .bohemsky			{ margin-top: 212px; height: 184px; }
#program .stage .rimmer				{ margin-top: 26px; height: 105px; }
#program .stage .abelova			{ margin-top: 78px; height: 106px; }
#program .stage .konas				{ margin-top: 52px; height: 106px; }
#program .stage .tesnohlidek		{ margin-top: 25px; height: 106px; }
#program .stage .horak				{ margin-top: 78px; height: 105px; }
#program .stage .nico2				{ height: 181px; }
#program .stage .andersen			{ margin-top: 108px; height: 157px; }
#program .stage .domino3			{ margin-top: 52px; height: 51px; }
#program .stage .domino4 			{ height: 50px; }
#program .stage .bratri				{ height: 155px; }
#program .stage .hysek				{ margin-top: 184px; height: 106px; }
#program .stage .scurkova			{ margin-top: 235px; height: 53px; }
#program .stage .avb2 				{ margin-top: 1052px; height: 105px; }
#program .stage .avb3 				{ margin-top: 105px; height: 105px; }
#program .stage .brunch 			{ margin-top: 3px; height: 209px; }
#program .stage .skpoezie 			{ margin-top: 554px; height: 105px; }
#program .stage .vybiralova 		{ margin-top: 25px; height: 52px; }
#program .stage .kultanova 			{ height: 51px; }
#program .stage .impecko 			{ margin-top: 157px; height: 105px; margin-bottom: 0; }
#program .stage .psiostrov2			{ margin-top: 213px; height: 208px; }
#program .stage .sindelka			{ height: 103px; }
#program .stage .hajicek			{ margin-top: 27px; height: 105px; }
#program .stage .typlt				{ margin-top: 25px; height: 106px; }
#program .stage .kvileni			{ margin-top: 53px; height: 104px; }
#program .stage .zaklinac			{ margin-top: 28px; height: 158px; }
#program .stage .matka				{ margin-top: 27px; height: 208px; }
#program .stage .livingstone		{ height: 103px; }
#program .stage .domino5			{ margin-top: 105px; height: 52px; }
#program .stage .hochroth			{ margin-top: 106px; height: 73px; }
#program .stage .brunch2 			{ margin-top: 3px; height: 209px; }