html, body { margin: 0px; padding: 0px; font-family: 'PT Sans', sans-serif;text-align: center;color: #19317b;}
img { border: 0px;}

header {height: 1512px; /*1085*/ /*#bcc5e6*/ background: #bed8f1 url('../images/header_cs.png?3') no-repeat center top;text-align: center;}
.en header {background-image: url('../images/header_en.png?3');}
header .menu {list-style-type: none; padding: 6px 23px 0 0; margin: 0px; font-size: 16px; float: right;}
header .menu li {display: inline; padding: 0 3px; margin: 0px;}
header .menu li:not(:first-child)::before {content: '|'; margin-right: 5px; color: white;}
header .menu a {color: white;text-decoration: none;}
header .menu .active a {font-weight: bold;}
header .nav {max-width: 910px; margin: auto; padding-top: 20px;}
header .fb {display: block; width: 43px; height: 42px;background: url('../images/fb_ico.png?3') no-repeat left top; float: right;}
header .fb:hover {background-image: url('../images/fb_ico_a.png?3');}

header .content { padding-top: 660px; margin: 0px;}
header .content p {font-size: 18px; font-family: 'PT Sans Narrow'; color: #6078ba; margin: 0; line-height: 20px; padding-bottom: 30px;}
header .content h3 { font-size: 28px; color: #e5151e; font-weight: bold; font-style: normal; line-height: 28px; padding: 0; margin: 0;}
header .content h4 {font-family: 'PT Sans Narrow'; font-weight: bold; letter-spacing: 2px; font-style: normal; color: #6078ba; font-size: 28px; text-transform: uppercase; margin-top: 10px;}

header .tickets {background-color: #e5151e; border: 3px solid #f5cc82;cursor: pointer; color: white; font-size: 24px; font-weight: bold; padding: 10px 0px; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; width: 400px;}
header .tickets:hover {background-color: #ff2730; border-color: #f5cc82; }
header .ticketportal {display: block; width: 80px; height: 60px;background: url('../images/GoOut_logo.png') no-repeat left top; position: absolute; left: 50%; margin: 28px 0 0 160px;}
header .hodiny {display: block; width: 68px; height: 96px;background: url('../images/hodiny.png?4') no-repeat left top; position: absolute; left: 50%; margin: -140px 0 0 200px;}
header .mysi_kral {display: block; width: 261px; height: 315px;background: url('../images/mysi_kral.png') no-repeat left top; position: absolute; left: 50%; margin: -150px 0 0 -550px;}

header .content .ntxt {margin: 0 auto; font-size: 19px; color: #e5151e;  font-family: 'PT Sans';  font-weight: bold; letter-spacing: 1px;}
header .htxt {max-width: 710px; margin: 0 auto; font-style: italic;}
header .htxt p{ color: #19317b; line-height: 32px; font-family: 'PT Serif'; font-size: 15px;}

header .dnact {position: absolute; width: 100%; margin-top: 110px; font-weight: bold; font-family: 'PT Sans Narrow'; font-size: 20px; color: #6078ba; letter-spacing: 1.5px;}
header .dnact a{ color: #6078ba;}

section.content .goout {width: 100%; border: 0px none;max-width: 704px; overflow: hidden;}

section.content {text-align: center;padding: 1px 0;}

section.content hr {border: 0px none; padding: 0px; margin: 70px 0px 50px 0px; display: block; height: 14px;background: url('../images/spacer.png?3') no-repeat center center; }
section.content p {max-width: 800px; margin: 50px auto;line-height: 3.5ex; padding: 0px 10px;}
section.content p.narrow {max-width: 600px;}
section.content p em {font-family: 'PT Serif', serif; font-size: 18px; line-height: 4ex;}
section.content p em strong{ font-style: normal;}
section.content p strong span{ text-transform: uppercase;  color: #6078ba;}
.vojaci {display: block; width: 100%; max-width: 1200px; height: 182px;background: url('../images/vojaci.png?3') no-repeat 922px top; position: absolute; left: 50%; margin: 25px -600px 0 -600px;}
.mysi {display: block; width: 278px; height: 182px;background: url('../images/mysi.png?4') no-repeat left top; position: absolute; left: 50%; margin: 70px 0 0 -640px;}


.gallerycontainer {position: relative; width: 100%; padding: 80px 0;}

/* mezery mezi snímky */
.gallery .slick-slide { margin: 0 8px; }
.gallery .slick-list  { margin: 0 -8px; }

/* jednotná výška slideru; uprav hodnoty dle potřeby */
.gallery .imgbox {
  height: clamp(160px, 22vw, 500px);
  overflow: hidden;
}

/* fotka vyplní box, různé poměry se sjednotí – může lehce oříznout */
.gallery .imgbox img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

section.gallery { padding: 30px 0 50px 0px;}

section.gallery ul.gallery {text-align: center;  padding: 20px 0; list-style-type: none;}
section.gallery ul.gallery li{display: inline-block; width: 20%; border: 10px solid #6078ba;margin: 10px 10px;}
section.gallery ul.gallery li a{display: block; width: 100%; height: 0px; padding-bottom: 66%;position: relative;}
section.gallery ul.gallery li img{ position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover;}

section.dark {background-color: #e7ebf6;}

.video-container{width: 100%; max-width: 1900px;  margin: 0 auto;}
.video-container object{width: 100%;margin: auto;}
.video-container video{width: 100%;margin: auto;}

.content table, .content td, .content th { font-size: 12px;}
.content h1 { font-size: 18px; margin:0px; font-weight: bold; padding: 10px 0px;}
h2 { font-size: 40px; margin:0px; font-weight: normal; padding: 10px 0px; text-transform: uppercase;}
.content h3 { font-size: 16px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h4 { font-size: 14px; font-weight: bold; margin: 6px 0px; padding: 0px;}
.content h5 { font-size: 14px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h6 { font-size: 13px; font-weight: bold; margin: 3px 0px; padding: 0px;}

.content a {color: #19317b;}

footer {padding: 50px 0; width:60%; margin:0 auto;}
footer .footer_logos p {  }
footer .f-porada {width:100%;}
footer .f-porada img {padding: 30px;}
footer .f-spoluprace {width:100%;float:left;}
footer .f-spoluprace img {padding: 30px;}
footer .f-partner {width:100%;padding-top: 20px; overflow: hidden;}
footer .f-partner img {padding: 30px;}
/* footer p {line-height: 80px; text-transform: uppercase; padding: 30px 0px;} */
/* footer p img { vertical-align: middle; margin: 0 30px 0 10px;} */

.sep::before {content: ' / ';}


@media all and (max-width: 1200px) {
	.vojaci {display: none;}
	.sepi.b {display: block;}
	
}
@media all and (max-width: 750px) {
	header {background-size: auto 100%; height: 800px;}
	header .content { padding-top: 520px; margin: 0px;}
	header .content p {padding-bottom: 10px;}
	header .tickets { margin-top: 2px;}
	header .ticketportal {margin-top: 0px;}
	.vojaci, .mysi {display: none;}
	.sepi {display: block;}
	

}

@media all and (max-width: 620px) {
	header {background-size: 270% auto; height: auto;background-color: #e5eff8; padding-bottom: 70px;}
	header .content { padding-top: 90%;}
	header .menu {position: absolute; right: 10px; top: 56px; float: none; padding: 0;}
	header .fb {position: absolute; right: 10px; top: 10px; float: none;}
	.sep::before {content: ' '; display: block;}
	.video-container object{height: 310px;}
}
@media all and (max-width: 510px) {
	header .ticketportal {position: absolute; left: 50%; margin: 70px -40px 0 -40px;}
	header { padding-bottom: 100px;}
	.video-container object{height: 250px;}
}
@media all and (max-width: 427px) {
	header .tickets { width: 100%;}
}

x#colorbox {height: 460px !important; width: 720px !important; }
x#colorbox #cboxClose {background: none; text-indent: 0; width: 120px; height: 40px; font-size: 150%;}
x#colorbox #cboxClose::before {display: block; content: 'X'; border: 3px solid #ccc; border-radius: 20px; width: 30px; height: 30px; float: right; font-family: sans-serif;}
x#colorbox #cboxLoadedContent a {position: absolute; top: 258px !important; left: 220px !important; width: 232px !important; height: 42px !important; } 
x#colorbox #cboxLoadedContent img {left: 1px; position: absolute;}
x#colorbox #cboxContent { width: 675px !important;height: 413px !important;}
x#cboxMiddleRight {height: 413px !important;}
x#cboxMiddleLeft {height: 413px !important;}
x#cboxBottomCenter {width: 675px !important;}
x#cboxTopCenter {width: 675px !important;}