/* CSS Document */
/* autor: Ondrej Kunes */

*{margin:0px; padding:0px;}
html{scroll-behavior: smooth;}

.italic {font-style: italic;}
.bold {font-weight: bold;}
.cara {color: black; height: 1px; margin: 0px; padding: 0px;}
.noborder {border: none;}
.center {text-align: center;}
.right {float: right;}
.vpravo {float: right; width: 150px; border: none;}
.pravy {text-align: right;}
.border {border: 1px solid black;}
.podtrzeny {text-decoration: underline;}
.gray {color: gray;}
h1 {font-size: 18px; color:#212121; margin: 0px; padding:0px; font-weight: normal;}
h2 {font-size: 15px;}
h3 {font-size: 13px;}
hr {color: black; height: 1px;}

.cleaner, .cl {clear: both;}

body {font-family: "Roboto Condensed", sans-serif; background-color: #000; margin: 0px;}
.main{background-color: #ffffff; width: 100%; text-align: center;}
.wraper {width: 1200px; height: auto; margin: 0px auto; text-align: left; background-color: #ffffff;}

.logo{border:none; margin-top: 120px; width: 220px;}
.top-right{float: right; margin-right: 60px; margin-top: 40px;}
.top-menu{display: inline-block; vertical-align: top; font-size: 18px; width: 100%; position: fixed; top:0; background-color: rgba(0,0,0,0.9); left:0; padding-top: 15px; padding-bottom: 15px; z-index:50;}
.top-menu a{color:#fff; text-decoration: none; display: inline-block; margin-right: 40px;}
.top-menu a:hover{text-decoration: underline;}
.top-menu a:last-child{margin-right: 0;}

.theme{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.video-over{width: 100%; height: 100vh; position: absolute; left:0; top:0; z-index:20; background-color: rgba(0,0,0,0.6); text-align: center;}
.video-over video{width: auto; height: 100vh;}
.theme-txt{color:#fff; text-align: center; margin-top: 140px;}
.theme-txt span{font-size:34px;font-weight:300;color:#fff;margin-top:20px;display:inline-block;}
.theme-txt h1{font-size:86px; font-weight:400;color:#fff;}
.theme-txt h1 span{font-weight:700;}
.sipka{width:97px;height:26px;display:inline-block;background-image:url(images/sipka.png);position:absolute;margin-left:-48px;bottom:80px;}
.sipka:hover{opacity:0.6;}

.tuc{font-weight:700;}
.pruh{width:100%; height:auto; font-size:0; background-color:#f5f5f5;; display:inline-block; vertical-align:top;}
.left-side{width:44%; height:auto; display:inline-block; vertical-align:top; font-size:14px; margin-right:6%; overflow:hidden;}
.left-side img, .right-side img{width:100%; height:auto; display:block;}

.right-side{width:44%; height:auto; display:inline-block; vertical-align:top; font-size:14px; padding-right:6%;}
.right-side .in{margin-top:80px;font-size:16px;line-height:25px;font-weight:300;margin-bottom:80px;}
.right-side .in strong{font-size:30px; display:inline-block; margin-bottom:10px; font-weight:700;}
.right-side .in a{color:#863131;}
.right-side .in .bold{font-weight:700; line-height:30px; font-size:18px;display:inline-block; margin-top:15px;}
.pruh.pruh-right{background-color:#fff;}
.pruh.pruh-right .left-side{width:44%; height:auto; display:inline-block; vertical-align:top; font-size:14px; margin-left:6%; margin-right:0;}
.pruh.pruh-right .right-side{width:44%; height:auto; display:inline-block; vertical-align:top; font-size:14px; padding-left:6%; overflow:hidden; padding-right:0;}

.footer{width:100%; text-align:center; color:#fff;}
.logo-foot{margin-top:80px; width:200px; margin-bottom:40px;}
.kontakt{margin-bottom:30px;line-height:26px;  color:#6f6f6f;}
.kontakt a{color:#fff;}
.copy{font-size:12px; color:#6f6f6f; margin-bottom:80px;}
.copy a{color:#6f6f6f;}
.big{font-size:30px;line-height:40px;color:#fff;}

.kotva{position: absolute; width: 1px; height: 1px; margin-top: -50px;}
.dotazy{font-size: 16px; font-weight: 700;}


/* stránka vstupenek */
body.vstupenky {font-family: "Roboto Condensed", sans-serif; background-color: #fff; margin: 0px;}
body.vstupenky .footer{background-color: #000; padding-bottom: 20px;}
.head{background-image: url(images/poster.jpg); height: 230px;text-align: center;}
.head .logo{width: 160px; height: auto; margin-top: 81px;}
.vstupenky-obsah{width: 1300px; margin:0px auto; padding-top: 80px; padding-bottom: 80px;}
.vstupenky-obsah h1{display: inline-block; width: 100%; text-align: center; font-size: 36px;}
.vstupenky-obsah h1 span{font-size: 20px;}
.vstupenky-obsah form{width: calc(100% - 60px); padding:30px; background-color: #eee; border-radius:12px; font-size: 0;}
span.form-name{display: inline-block; width: 125px; margin-right: 15px; vertical-align: top; font-size: 17px; margin-top: 9px;}
.vstupenky-obsah form input{padding:8px; border:1px solid #dedede; border-radius:3px; display: inline-block; vertical-align: top; width: calc(100% - 158px); font-size: 17px; margin-bottom: 6px;font-family: "Roboto Condensed", sans-serif;}
.pozn{margin-top: 15px;}
.pozn span.form-name{margin-bottom: 8px;}
.pozn textarea{font-size: 17px;padding:8px; border:1px solid #dedede; border-radius:3px; display: inline-block; width:calc(100% - 18px); margin-bottom: 20px;font-family: "Roboto Condensed", sans-serif;}
.vstupenky-obsah form input.send{background-color:#499549;width:100%;color:#fff;border-radius:10px;border:none;text-transform:uppercase;line-height:31px;font-size:20px;margin-top:12px;cursor: pointer;}
.vstupenky-obsah form input.send:hover{opacity:0.7;}
.disclaimer{display:inline-block;width:650px;margin-left:calc(50% - 325px);margin-top:30px;}
.disclaimer strong{line-height: 21px;}
.maly-txt {font-size: 12px;color: gray; margin-top: 30px; display: inline-block; line-height: 18px;}
.form-info{display:inline-block;width:650px;margin-left:calc(50% - 325px); line-height: 24px;}
.form-info h3{display:inline-block;width:100%;margin-bottom:24px;font-size:24px;}
.rezervace-left{float:left; margin-top:60px;  width:50%;}
.rezervace-right{float:left; margin-top:60px;  width:40%;  margin-left:10%;  text-align:left;}

.info-bar{background-color: red; color:#fff; padding-top:20px; padding-bottom:20px; font-size:26px; font-weight:700;animation: blinker 2s linear infinite;}
.info-bar-o{width: 88%; margin-left: 6%; text-align: center;}
.info-bar-o span{}


@keyframes blinker {  
    50% { opacity: 0; }
}
.blink-one {
    animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {  
    0% { opacity: 0; }
}
.blink-two {
    animation: blinker-two 1s linear infinite;
}
@keyframes blinker-two {  
    100% { opacity: 0; }
}