@font-face {
  font-family: 'DINPro';
  src: url('/CSS/DIN/DINPro.woff') format('woff'),
  url('/CSS/DIN/DINPro.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINPro';
  src: url('/CSS/DIN/DINPro-Bold.woff') format('woff'),
  url('/CSS/DIN/DINPro-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINPro-Condensed';
  src: url('/CSS/DIN/DINPro-CondensedRegular.woff') format('woff'),
  url('/CSS/DIN/DINPro-CondensedRegular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINPro-Condensed';
  src: url('/CSS/DIN/DINPro-CondensedMedium.woff') format('woff'),
  url('/CSS/DIN/DINPro-CondensedMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINPro-Condensed';
  src: url('/CSS/DIN/DINPro-CondensedBold.woff') format('woff'),
  url('/CSS/DIN/DINPro-CondensedBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html{
    scroll-behavior: smooth;
}
textarea:focus {outline:0;}
input:focus {outline:0;}
button:focus {outline:0;}
::-moz-selectio {
  color: #000;
  background: #fac85a;
}
::selection {
  color: #000;
  background: #fac85a;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
body::-webkit-scrollbar {
  width: 20px;
}
body::-webkit-scrollbar-track {
  background: #fff;
  box-shadow: inset 2px 0 0 0 #000;
  box-shadow: inset 0 0 0 2px #000;
  cursor: pointer;
}
body::-webkit-scrollbar-thumb {
  background: #000;
}
body::-webkit-scrollbar-thumb:hover {
  background: #000;
}
html,textarea,input
{
    font-family: 'DINPro',sans-serif;
}
body
{
    font-size: 16px;
    font-weight: normal;
    font-family: 'DINPro',sans-serif;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    margin: 0;
}
select
{
  box-shadow: none;
  border-radius: 0;
}
button
{
    border: none;
}
input
{
    font-family: 'DINPro-Condensed',sans-serif;;
}
a,a:hover,a:focus
{
    color: black;
    text-decoration: none;
}
a:hover,a:focus
{
    text-decoration: underline;
}
h1 {font-size: 100px;line-height: 100%;padding-top: 20px;padding-bottom: 20px;overflow: hidden;letter-spacing: -2px;}
h2 {font-size: 39px}
h3 {font-size: 40px;}
h4 {font-size: 32px}
h5 {font-size: 24px}
input,textarea
{
    border-radius: 0;
    padding: 10px 10px;
    color: black;
    border: 1px solid black;
    opacity: 0.999;
    font-size: 16px;
    box-sizing: border-box;
    box-shadow: none;
}
input::placeholder
{
    opacity: 1;
    color: black;
}
.relative
{
  position: relative;
}
.underline
{
  text-decoration: underline;
}
.hide
{display: none;}
header{
    font-family: 'DINPro-Condensed',sans-serif;
    box-sizing: border-box;
    border-bottom: 1px solid black;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: white;
    padding: 5px 0;
}
header > .logo{font-weight: bold;line-height: 37px;font-size: 32px;display: block;float: left;color: #000;padding: 0 10px;}
header > .logo > img{
    width: 214px;
    margin-right: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    height: 43px;
}
header > .menu_center{
    float: left;
    text-align: center;
    position: absolute;
    left: calc(50% - 1045px / 2);
    width: 1090px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}
header > .menu_center>ul
{margin: 0;padding: 0;}
header > .menu_center>ul>li>a
{
    font-size: 32px;
    padding: 0 5px;
    margin: 0 5px;
}
header > .menu_center>ul>li {
    display: inline-block;
    font-size: 0;
}
header > .menu_center>ul>li a {
    display:inline-block;
    text-align:center;
    text-transform: uppercase;
}
header > .menu_center>ul>li>a:focus,
header > .menu_center>ul>li>a:hover {
    font-weight:bold;
    text-decoration: none;
}
header > .menu_center>ul>li>a::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
header > .lang{
    float: right;
    line-height: 19px;
    cursor: pointer;
    color: black;
    padding: 0 10px;
}
.lang .active
{
    font-weight: bold;
    color: black;
    cursor: pointer;
}
h1, h2, h3, h4, h5, button
{
    font-family: 'DINPro-Condensed',sans-serif;;
    margin: 0;
    font-weight: 700;
}
.underline
{
    text-decoration: underline;
}
.center
{
    text-align: center;
}
.bold
{
    font-weight: 700;
}
.boxs > .box.border_bottom_none,
.box.border_bottom_none,
.boxs.border_bottom_none,
.border_bottom_none
{
  border-bottom: 0 solid black;
}
.border_top
{
  border-top: 1px solid black;
}
.border_top5
{
  border-top: 0.5px solid black;
}
.box.border_bottom,
.border_bottom
{
  border-bottom: 1px solid black;
}
.gb_image_box.border_bottom2,
.border_bottom2
{
  border-bottom: 1.5px solid black;
}
.akce_boxs.border_bottom5,
.border_bottom5
{
  border-bottom: 0.5px solid black;
}
.gb_image_box,
.gallery
{
    height: 50vh;
    position: relative;
    min-height: 400px;
    overflow: hidden;
}
.gb_image_box.l
{
    min-height: 70vh;
}
.gb_image_box.s
{
    height: 33vh;
    min-height: 300px;
}
.gb_image_box.xs
{
    height: 11vh;
    min-height: 300px;
}
.gb_image_box > .gb_image
{
    background-color: #fac85a;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.3s linear;
    filter: brightness(0.9);
}
.box.kontakt_il h1.centered.center.bold {
    line-height: 100%;
}
.gb_image_box > .text
{
  position: absolute;
  color: white;z-index: 1;width: 100%;
  transform: translate(-50%, -50%);left: 50%;top: 50%;
}
.gb_image_box > .text > .date
{
    text-align: center;
    font-size: 40px;
    font-family: 'DINPro-Condensed',sans-serif;;
    font-weight: 700;
}
.date {}
.gb_image_box > .text > .name
{
    font-weight: bold;
    text-align: center;
    padding-bottom: 0;
    text-transform: uppercase;
}
.gb_image_box > .text > .cta
{
 margin: 50px auto;
 display: block;
 width: 200px;
}
.gb_image_box > .text > .cta > .btn
{
    width: 200px;
}
.cont
{
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
}
.program_table
{
    border-bottom: 1px solid black;
}
.program_table > .header
{
 padding: 20px 10px;
}
.program_table > .line:first-of-type
{
    border-top: 1px solid black;
}
.program_table > .line>.den
{
    font-size: 24px;
    font-family: 'DINPro-Condensed',sans-serif;
    font-weight: bold;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.program_table > .line
{
    border-top: 1px solid black;
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.program_table > .line > .time{
    float: left;
    font-size: 24px;
    font-family: 'DINPro-Condensed',sans-serif;
    margin-right: 20px;
    font-weight: 700;
    margin-top: 3px;
}
.program_table > .line > .name{
    float: left;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-family: 'DINPro-Condensed',sans-serif;
    width: 36%;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
    padding-right: 10px;
}
.program_table > .line > .event_mobile{display: none;}
.program_table > .line > .event{
    float: left;
    width: 25%;
    text-decoration: underline;
}
.program_table > .line > .desc{
    float: left;
    width: 22%;
    margin-top: 3px;
}
.program_table > .line > .ticket{
    float: right;
    width: 150px;
    text-align: right;
}
.program_table > .line > .ticket > .btn
{
    min-width: 70px;
}
.margin83
{
  margin-bottom: 83px;
}
.btn
{
    font-size: 24px;
    background-color: black;
    color: white;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 7px 10px;
    outline: 1px solid black;
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    font-family: 'DINPro-Condensed',sans-serif;;
    font-weight: 500;
}
.btn:focus,
.btn:hover
{
    color: white;
    text-decoration: none;
}
.btn.btn2
{
    background-color: white;
    color: black;
}
.btn.btn2::after {
    background-color: black;
}
.btn::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    z-index: -1;
    border: 1px solid black;
    right: -5px;
    bottom: -5px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.btn.active, .btn:focus, .btn:hover
{
    margin: 5px -5px -5px 5px;
}
.btn.active::after, 
.btn:focus::after, 
.btn:hover::after
{
    right: 0;
    bottom: 0;
}
.main_page_program
{
    margin: 100px auto;
    width: 170px;
    display: block;
}
.main_page_program>.btn{width: 170px}
footer
{
    padding: 20px 10px;
    border-top: 1px solid black;
    font-size: 16px;
    font-family: 'DINPro',sans-serif;;
    overflow: hidden;
}
.centered
{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.newsletter_form
{
    max-width: 370px;
    margin: 100px auto;
    position: relative;
    box-sizing: border-box;
}
.newsletter_form input
{
    font-size: 16px;
    padding: 15px 15px;
    border: 1px solid black;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    font-family: 'DINPro',sans-serif;
}
.newsletter_form button
{position: absolute;top: 10px;border: 1px solid black;color: white;font-size: 24px;padding: 0 15px;right: 0;transition: all 0.3s ease-in-out;background-color: black;cursor: pointer;font-weight: 500;bottom: 0;}
.newsletter_form button:focus,
.newsletter_form button:hover
{
    background-color: white;
    color: black;
}
.social_panel
{
    position: relative;
}
.social_panel .social_bar > .fb{position: absolute;left: 20px;width: 60px;top: calc(50% - 30px);display: block;}
.social_panel .social_bar > .insta{position: absolute;left: 180px;width: 60px;top: calc(50% - 30px);display: block;}
.social_panel .social_bar > .spotify{position: absolute;left: 100px;width: 60px;top: calc(50% - 30px);display: block;}
.social_panel > .eu {
    width: 200px;
    position: absolute;
    right: 20px;
    top: calc(50% - 76px / 2);
    display: none;
}
.social_panel  .top_100 {
    width: 100px;
    position: absolute;
    right: 20px;
    top: calc(50% - 76px / 2);
    display: block;
}
.social_panel > .ec {
    right: 220px;
}
.social_panel .social_bar > .fb>img,
.social_panel .social_bar > .insta>img,
.social_panel .social_bar > .spotify>img,
.social_panel .social_bar > .top_100>img,
.social_panel > .eu>img
{
  width: 100%;
  transition: all 0.1s linear;
}
.social_panel > .social_bar img:focus,
.social_panel > .social_bar img:hover
{
    filter: invert(88%) sepia(99%) saturate(1818%) hue-rotate(314deg) brightness(102%) contrast(96%);
}
/*CHECKBOX*/
.checkbox
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 10px;
    margin-bottom: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
}
.checkbox input
{
  position: absolute;
  cursor: pointer;
  height: 1px;
  width: 1px;
  opacity: 0.0001;
  max-width: 1px;
  max-height: 1px;
}
.checkbox .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid black;
}
.checkbox input:checked ~ .checkmark {
  background-color: #000;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 11px;
  top: 6px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.checkbox
{
  padding-left: 40px;
  padding-top: 5px;
}
/*checkbox*/
/*SELECT*/
.custom-select
{
  margin-top: 0 !important;
  position: relative;
  font-family: 'DINPro-Condensed',sans-serif;;
  font-weight: 700;
  font-size: 24px;
}
.custom-select select
{
  display: none;
  position: relative;
}
.select-selected
{
  background-color: transparent;
}
.select-selected:after {
  position: absolute;
  content: url(/IMG/arrow.svg);
  top: 0;
  bottom: 0;
  right: 0;
  width: 19px;
  padding: 12px 16px;
  transform: rotate(90deg);
  transition: transform 0.3s linear;
}
.select-selected.select-arrow-active:after {transform: rotate(270deg);}
.select-items div,.select-selected {
  padding: 10px 10px;
  border: 1px solid #000;
  cursor: pointer;
  user-select: none;
  background-color: #fff;
}
.select-items {
  position: absolute;
  top: calc(100% + -1px);
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}
.select-items div:focus,
.select-items div:hover,
.same-as-selected {
  background-color: #e8e8e8;
}
.select-items div
{
  margin-bottom: -2px;
}
/* SELECT*/
.newsletter_form label.checkbox
{
    font-size: 16px;
}
/*activepages*/
body.programme header > .menu_center> ul > li:first-of-type,
body.program header > .menu_center> ul > li:first-of-type
{
    font-weight: bold;
}
body.events header > .menu_center> ul > li:nth-of-type(2),
body.akce header > .menu_center> ul > li:nth-of-type(2)
{
    font-weight: bold;
}
body.kavarna  header > .menu_center> ul > li:nth-of-type(3),
body.cafe header > .menu_center> ul > li:nth-of-type(3)
{
    font-weight: bold;
}
body.online  header > .menu_center> ul > li:nth-of-type(4),
body.online header > .menu_center> ul > li:nth-of-type(4)
{
    font-weight: bold;
}
body.pronajem  header > .menu_center> ul > li:nth-of-type(5),
body.venue-hire header > .menu_center> ul > li:nth-of-type(5)
{
    font-weight: bold;
}
body.schools  header > .menu_center> ul > li:nth-of-type(6),
body.pro-skoly header > .menu_center> ul > li:nth-of-type(6)
{
    font-weight: bold;
}
body.filmy  header > .menu_center> ul > li:nth-of-type(7),
body.films header > .menu_center> ul > li:nth-of-type(7)
{
    font-weight: bold;
}
body.o-nas  header > .menu_center> ul > li:nth-of-type(8),
body.about-us header > .menu_center> ul > li:nth-of-type(8)
{
    font-weight: bold;
}
body.kontakt  header > .menu_center> ul > li:nth-of-type(9),
body.contact header > .menu_center> ul > li:nth-of-type(9)
{
    font-weight: bold;
}
body.main header > .menu_center>ul>li>a:hover
{
  margin-top: -1px;
}
/*activepages*/
.akce_box > .centered:focus,
.akce_box > .centered:hover
{
    color: initial;
    text-decoration: none;
}
.akce_box > .centered > .name {
    color: white;
    font-size: 100px;
    line-height: 100%;
    text-align: center;
    font-family: 'DINPro-Condensed',sans-serif;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: -20px;
    min-width: 340px;
}
.akce_box > .centered > .btn {
  margin: auto; 
  display: block;
}
.akce_box > .centered > .cta
{margin: auto;display: block;text-align: center;}
.akce_box > .centered
{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 420px;
    max-width: 100%;
}
.akce_box
{
  background-color: black;
  transition: all 0.3s ease-in-out;
  float: left;
  width: 50%;
  border: 0.5px solid black;
  /* background: #e1b351; */
  box-sizing: border-box;
  height: 50vh;
  position: relative;
  min-height: 350px;
}
.akce_box:focus>.image,
.akce_box:hover>.image
{
  filter: brightness(0.7);
  z-index: 1;
}
.akce_box>.image
{
  transition: all 0.3s linear;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  filter: brightness(0.9);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fac85a;
  background-color: black;
}
.akce_box.l
{height: calc(100vh - 0px);min-height: 700px;}
.akce_boxs
{
    margin-top: -0.5px;
    overflow: hidden;
    border-bottom: 1px solid black;
}
.boxs + footer
{
    border-top: 0.5px solid black;
}
.boxs
{
    overflow: hidden;
}
.program_table > .line:first-of-type >.den{}
.program_table > .line>.den{margin-top: 63px;margin-bottom: 12px;}
.boxs > .box
{
    width: 50%;
    float: left;
    min-height: 390px;
    border: 1px solid black;
    box-sizing: border-box;
    position: relative;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-left: 0;
}
.boxs > .box.w{width: 100%;border-bottom: 1px solid black;}
.boxs > .box.l{
    height: 100vh;
    min-height: 780px;
}
.boxs > .box.xl{
    min-height: 1170px;
    height: 150vh;
}
.boxs > .box > .centered
{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-width: 490px;
    line-height: 170%;
}
.boxs > .box > .centered > .text
{
    width: 42vw;
    max-width: 600px;
    padding: 0 10px;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.boxs > .box > form{
    margin: 0 auto;
    max-width: 550px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 20px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.boxs > .box > form >textarea{
    width: 100%;
    padding: 10px 10px;
    resize: none;
    margin-top: 10px;
    border: 1px solid black;
    height: 199px;
    box-sizing: border-box;
}
.boxs > .box > form > input{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    padding: 10px;
    margin-top: -6px;
    margin-bottom: 30px;
    font-size: 16px;
    font-family: 'DINPro',sans-serif;
}
.boxs > .box > .centered > .center > .btn,
.boxs > .box > form > .center > .btn
{
    width: 240px;
}
.boxs > .box > .mapa
{
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(50vh - 1px);
    width: calc(100% - 1px);
    border: none;
    bottom: 0;
    min-height: 387px;
}
.box > .centered > .text ul {
    max-width: 470px;
    list-style: "\2013";
    margin: 0;
    padding: 0;
    padding-left: 13px;
}
.box > .centered > .text ul > li {
    padding-left: 10px;
}
.gallery
{
    min-height: 100vh;
}
.gallery > .nav_right,
.gallery > .nav_left
{
    right: 5%;
    bottom: 5%;
    height: 40px;
    width: 40px;
    position: absolute;
    border: 1px solid black;
    z-index: 1;
    background-color: white;
    cursor: pointer;
}
.gallery > .nav_left
{
    right: initial;
    left: 5%;
}
.gallery > .gallery_image
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.gallery > .gallery_image.active
{
    display: block;
}
.gallery>.bullets>.bullet {
  margin: 10px;
  width: 10px;
  height: 10px;
  border: 1px solid black;
  box-sizing:border-box;
  background-color: black;
  z-index: 1;
}
.gallery>.bullets {
    position: absolute;
    z-index: 100;
    left: 20%;
    right: 20%;
    bottom: calc(5% + 6px);
    display: flex;
    justify-content: center;
    z-index: 1;
}
.gallery>.bullets>.bullet.active
{
  background-color: white;
}
.boxs > .box.right
{
    float: right;
}
.akce .akce_box > .centered > .name,
.event .akce_box > .centered > .name
{
  margin-bottom: 40px;
}
.gb_image_box > .centered > .text
{
    max-width: 600px;
    line-height: 170%;
}
.gb_image_box > .centered > .text p a
{
  text-decoration: underline;
}
.gb_image_box:focus >.gb_image,
.gb_image_box:hover >.gb_image 
{
  filter: brightness(0.7);
}
.gb_image_box.hov_not:focus >.gb_image ,
.gb_image_box.hov_not:hover >.gb_image 
{
  filter: brightness(0.9);
}
.movies_list
{
    overflow: hidden;
    margin-top: 83px;
}
.movies_list > .movie
{
    width: 20%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.movies_list > .movie > a > picture > img,
.movies_list > .movie > a > img,
.movies_list > .movie > picture > img,
.movies_list > .movie > img
{
    /* border-left: 0.5px solid black; */
    /* border-right: 0.5px solid black; */
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding: 20px;
    box-sizing: border-box;
    transition: all 0.3s linear;
    border-right: 1px solid;
    aspect-ratio: 80/113;
}
.movies_list > .movie > img:hover
{
}
.movies_list > .movie:last-of-type > img
{

}
.movies_list > .movie > .cta
{
    margin: 10px 0;
    min-height: 100px;
}
.movies_list > .movie > div > .btn
{
    box-sizing: border-box;
    width: calc(100% - 40px);
    text-transform: uppercase;
}
.gb_image_box+.movies_list
{
    margin-top: -1px;
}
.filter_filmy {
    max-width: 740px;
    margin: 60px auto 60px;
    position: relative;
}
.filter_filmy .custom-select {
    float: left;
    width: 190px;
    margin-right: 10px;
}
.filter_filmy .custom-select.rok
{
  width: 140px;
}
.filter_filmy input
{
    width: 100%;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    font-size: 24px;
}
.filter_filmy input::placeholder
{
  font-weight: 700;
}
.filter_filmy2
{
    max-width: 311px;
    margin: 20px auto 20px;
    height: 57px;
    position: relative;
    overflow: hidden;
}
.filter_filmy2 div
{
}
.filmy_page>.img{
    float: left;
    width: 50%;
    box-sizing: border-box;
    min-height: 800px;
}
.filmy_page>.img img,
.filmy_page>.img>img
{
    width: 100%;
    display: block;
    border-bottom: 1.5px solid black;
    margin-bottom: -2px;
    border-right: 1.5px solid black;
    aspect-ratio: 2/3;
}
.filmy_page>.desc{
    padding: 0;
    float: left;
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
}
.filmy_page>.desc>h1
{
    text-align: center;
    margin: 40px 40px 20px;
    font-size: 100px;
    line-height: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
.filmy_page>.desc>.desc2{
    font-size: 40px;
    margin: 0 auto 40px;
    font-weight: bold;
    font-family: 'DINPro-Condensed',sans-serif;;
    letter-spacing: -1px;
    display: table;
    text-transform: uppercase;
    padding: 0 40px;
}
.filmy_page>.desc>.desc2 span:nth-of-type(1),.filmy_page>.desc>.desc2 span:nth-of-type(3){min-width: 120px;display: block;float: left;}
.films .filmy_page>.desc>.desc2 span:nth-of-type(1),
.films .filmy_page>.desc>.desc2 span:nth-of-type(3)
{
  width: 140px
}
.filmy_page>.desc>.desc2 span:nth-of-type(3)
{
   height: 40px
}
.filmy_page>.desc>p{
    margin: 20px 40px 20px;
    overflow: hidden;
}
.filmy_page>.desc>.text_film{
    margin: 20px 40px 20px;
    overflow: hidden;
}
.filmy_page>.desc>.text_film p{
    margin: 0;
}

.filmy_page>.desc>.hraji{
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 40px;
    box-sizing: border-box;
}
.filmy_page>.desc>.desc3{
    margin-bottom: 20px;
    margin-left: 40px;
    box-sizing: border-box;
}
.filmy_page>.desc>.hrefs>a .btn.right{
    float: right;
}
.filmy_page>.desc>.hrefs{margin: 20px auto 60px;display: block;width: 146px;height: 50px;box-sizing: border-box;padding-right: 5px;display: block;}
.filmy_page>.desc>.hrefs.v2{width: 210px}
.filmy_page>.desc>.hrefs.v3{width: 100px}
.float
{
    float: left;
    width: 100%;
}
.filmy_page>.desc>.desc4
{
    border-top: 1px solid black;
    padding: 40px 40px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}
.filter_program .hledat_rok::after,
.filter_filmy .hledat_rok::after,
.filter_program .hledat_box::after,
.filter_filmy .hledat_box::after {
    content: url(/IMG/search.svg);
    position: absolute;
    right: 3px;
    top: 0;
    bottom: 0;
    width: 15px;
    z-index: 2;
    padding: 16px 17px;
    text-align: center;
}
.hledat_rok,
.hledat_box {
    position: relative;
    float: left;
    max-width: 260px;
    margin-right: 10px;
    box-sizing: border-box;
    background: white;
}
.hledat_rok{
    max-width: 140px;
}
.filmy_page
{
    overflow: hidden;
    max-width: 1440px;
    margin: auto;
    border-left: 1.5px solid black;
    box-sizing: border-box;
    border-right: 1px solid black;
    position: relative;
}
.trailer_full
{
    max-width: 1440px;
    margin: auto;
    position: relative;
}
.trailer_full iframe
{
    width: 100% !important;
    height: initial;
    min-height: 43.7vw;
}
.trailer_full img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.video {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;margin-top: 84px;margin-top: -1px;}
.video2 {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;margin-top: 84px;margin-top: -1px;}
.video img {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;z-index: 2;}
.video:after {
   content: "";
   position: absolute;
   display: block;
   background: url(/IMG/play.png) no-repeat 0 0;
   top: calc(50% - 50px);
   left: calc(50% - 50px);
   width: 100px;
   height: 100px;
   z-index: 30;
   cursor: pointer;
   background-size: cover;
   z-index: 3;
}
.video.play:after{display: none;}       
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.video2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.video.player img { display: none; }
.video.player:after { display: none; }
.akce_box:nth-of-type(1) > .centered > .cta>.btn{width: 180px;}
.akce_box:nth-of-type(2) > .centered > .cta>.btn{width: 169px;}
.akce_box:nth-of-type(3) > .centered > .cta>.btn{width: 200px;}
.akce_box:nth-of-type(4) > .centered > .cta>.btn{width: 280px;}
.akce_box:nth-of-type(5) > .centered > .cta>.btn{width: 250px;}
.akce_box:nth-of-type(6) > .centered > .cta>.btn{width: 250px;}
.akce_box:nth-of-type(7) > .centered > .cta>.btn{width: 270px;}
.events .akce_box:nth-of-type(4) > .centered > .cta>.btn{width: 300px;}
.events .akce_box:nth-of-type(6) > .centered > .cta>.btn{width: 300px;}
.events .akce_box:nth-of-type(7) > .centered > .cta>.btn{width: 260px;}
.margin_t_10
{
  margin-top: 10px;
}
.program_table > .line:last-of-type
{
}
.gb_image_box.simple > .text > .name {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
}
.gb_image_box.simple
{
    min-height: 40vh;
}
.gb_image_box.simple > .text
{
    margin-top: 0;
}
.programme .gb_image_box+.program_table > .line:first-of-type,
.program .gb_image_box+.program_table > .line:first-of-type {
 border-top: none;
}
.gb_image_box+.gb_image_box
{
    border-top: none;
}
.filter_program
{
  margin: 60px auto;
  max-width: 710px;
}
.filter_program .dny
{
  width: 190px;
  float: left;
  margin-right: 10px;
  text-transform: uppercase;
  text-align: right;
  margin-left: 10px;
}
.filter_program .dny .select-selected
{
  text-align: left;
}
.filter_program .typ_akce
{
  width: 220px;
  float: left;
  margin-right: 10px;
}
.filter_program .hledat_rok,
.filter_program .hledat_box
{
  width: initial;
  float: left;
}
.filter_program .hledat_rok input.hledat::placeholder,
.filter_program .hledat_box input.hledat::placeholder,
.filter_program .hledat_rok input.hledat,
.filter_program .hledat_box input.hledat {
    font-family: 'DINPro-Condensed',sans-serif;;
    font-size: 24px;
    width: 250px;
    max-width: 100%;
    font-weight: 700;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
}
.hamburger
{
  display: none;
  right: 0;
  cursor: pointer;
  z-index: 21;
  width: 32px;
  position: absolute;
  top: 0;
  padding: 7px 10px;
}
.hamburger.open
{
    position: fixed;
}
.hamburger img
{
  width: 100%;
}
.mobile_menu
{
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: white;
  z-index: 20;
  transition: all 0.3s linear;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}
.mobile_menu.open
{
  width: 33vw;
  min-width: 300px;
}
.mobile_menu > .box
{
 font-size: 40px;
 padding: 60px 40px 0;
 display: grid;
 line-height: 140%;
 z-index: 20;
}
.mobile_menu>.logo>img
{
  width: 20px;
  margin: 0 10px;
}
.mobile_menu>.logo
{
    font-size: 40px;
    font-weight: 700;
    display: none;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid;
    opacity: 0;
}
.mobile_menu > .box>a:active,
.mobile_menu > .box>a:focus,
.mobile_menu > .box>a:hover
{
  font-weight: bold;
  text-decoration: none;
}
header > .logo,
.mobile_menu>.logo:focus,
.mobile_menu>.logo:hover
{
  text-decoration: none; 
}
.header_fix
{height: 47px;}
header.fixed
{
  height: 49px;
  position: fixed;
}
.mobile_menu>.lang
{
    font-size: 40px;
    font-weight: normal;
    text-align: left;
    padding: 20px 40px;
    cursor: pointer;
}
.hledat_box>.resolut{
    background-color: white;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    top: calc(100% - 1px);
    transition: all 0.3s linear;
    display: none;
}
.hledat_box>.resolut>.line
{
  padding: 10px;
  overflow: hidden;
  font-weight: 700;
  font-family: 'DINPro-Condensed',sans-serif;;
  font-size: 24px;
  border: 1px solid black;
  margin-top: -1px;
}
.filmy_online_btn {
    margin: 83px auto 103px;
    width: 135px;
}
.gb_image_box>.big_claim
{
  width: 900px;
}
.gallery > .nav_right {
    background-image: url(/IMG/sipka3.png);
    background-size: 20PX;
    background-position: center;
    background-repeat: no-repeat;
}
.gallery > .nav_left {
    background-image: url(/IMG/sipka4.png);
    background-size: 20PX;
    background-position: center;
    background-repeat: no-repeat;
}
.filter_filmy>.vod {
    font-size: 24px;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    font-family: 'DINPro-Condensed',sans-serif;;
    font-weight: 700;
    border: 1px solid black;
}
.filter_filmy.en
{
    max-width: 740px;
}
.filter_filmy2.en
{
  max-width: 378px;
}
.filter_filmy2.en>.button:nth-of-type(2)
{
  left: 148px;
}
.filter_filmy>.vod:focus,
.filter_filmy>.vod:hover
{
  text-decoration: none;
}
.sipka_zpet>img{ width: 100% }
.sipka_zpet{
  position: absolute;
  left: -1px;
  top: 47px;
  background-color: white;
  z-index: 1;
  width: 48px;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid black;
}
.full_alert>.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.50);
}
.full_alert>.box>.close>img {border:1px solid;position: absolute;right: -41PX;top: -1px;box-sizing: border-box;padding: 0;width: 30px;cursor: pointer;}
.full_alert>.box>.close {width: 100%;padding: 40px  0;position: relative;}
.full_alert>.box input { width: 100%;}
.full_alert>.box button {margin: auto;display: block;width: 100px;}
.full_alert>.box {
    width: 400px;
    position: fixed;
    left: calc(50% - 200px);
    margin: 0;
    top: calc(50% - 100px);
    background: white;
    padding: 0 40px 40px;
    border: 1px solid;
    z-index: 100;
    min-height: 200px;
}
.fotogalerie_odkaz
{
  margin: 20px auto;
  display: block;
  max-width: 200px;
  padding: 20px;
}
.fotogalerie_odkaz>.line>.btn
{
   width: 200px;
   display: block;
   margin: auto;
}
.online .gb_image_box>.centered {
    min-width: 810px;
    padding: 10px;
    box-sizing: border-box;
}
.filmy .gb_image_box.s  .centered {
    width: 900px;
}
.online .boxs > .box > .centered > .text
{
  max-width: 500px;
}
.yellow{background-color: #fac85a !important;color: black !important;}
.boxs > .box.kontakt_il {background-color: #fac85a;min-height: 390px;background-image: url(/IMG/voucher3.jpg);color: white;}
.boxs > .box.kontakt_il2 {background-image: url(/IMG/membership_card.jpg);color: white;}
.gallery > .gallery_image.pronajem_1{background-image: url('/IMG/PRONAJEM/pronajem_1.jpg');}
.gallery > .gallery_image.pronajem_2{background-image: url('/IMG/PRONAJEM/pronajem_2.jpg');display: none;}
.gallery > .gallery_image.gb_image_7{background-image: url('/IMG/O_NAS/O_nas_1.jpg');}
.boxs > .box.kavarna_il_1 {background-image: url(/IMG/KAVARNA/kavarna2_01.jpg);background-position: bottom;}
.boxs > .box.kavarna_il_2 {background-image: url(/IMG/KAVARNA/kavarna2_02.jpg);}
.boxs > .box.kavarna_il_3 {background-image: url(/IMG/KAVARNA/kavarna2_03.jpg);}
.boxs > .box.kavarna_il_4 {background-image: url(/IMG/KAVARNA/kavarna2_04.jpg);}
.boxs > .box.kavarna_il_5 {background-image: url(/IMG/KAVARNA/kavarna2_05.jpg);}
.boxs > .box.pronajem_box {background-image: url(/IMG/PRONAJEM/pronajem_navysku.jpg);}

.boxs > .box.kavarna_il_2{background-image: url('/IMG/O_NAS/onas01.jpg');background-position: 16%;}
.boxs > .box.ons_2{background-image: url(/IMG/O_NAS/na_kafe_na_film.jpg);}


.gb_image_box > .gb_image_1{background-image: url('/IMG/HOMEPAGE/fotky25.jpg');}
.gb_image_box > .gb_image_3{background-image: url('/IMG/PRONAJEM/pronajem_desktop.jpg');}
.gb_image_box > .gb_image_4{background-image: url('/IMG/PRO_SKOLY/proskoly_spodni_desktop.jpg');}
.gb_image_box > .gb_image_5{background-image: url('/IMG/O_NAS/o_nas_cover_desktop.jpg');background-position: bottom;}
.gb_image_box > .gb_image_6{background-image: url('/IMG/KONTAKT/kontakt2_11zon.jpg');background-position: center;}
.gb_image_box > .gb_image_7{background-image: url('/IMG/O_NAS/fotky24.jpg');background-position: bottom;}
.box.pro_skoly_box{background-image: url('/IMG/PRO_SKOLY/proskoly_horni.jpg');}
.gb_image.be2can{background-image: url('/IMG/AKCE/be2can.jpg');}

.filter_filmy2>.button:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
}
.filter_filmy2>.button:nth-of-type(2) {
    position: absolute;
    left: 105px;
    top: 0;
}
.filter_filmy2>.button:nth-of-type(3) {
    position: absolute;
    right: 6px;
    top: 1px;
}
.movie>.pripravujeme,
.movie>.online
{
    background-color: #fac85a;
    top: calc(50% - 51px);
    padding: 5px 20px;
    text-align: center;
    color: black;
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    font-family: 'DINPro-Condensed',sans-serif;;
    font-weight: 500;
    font-size: 24px;
    transform: rotate(0);
    border: 1px solid black;
}
.movie>.pripravujeme
{
  background-color: #321e64;
  color: white;
}
.film_claim
{
  width: 1000px;
  text-align: center;
}
.gb_image_box.xs.xs2 {
    min-height: 120px;
    overflow: initial;
}
.gb_image_box.xs{
 min-height: 170px;
}
.online .gb_image_box > .text > .name {
    padding-bottom: 20px;
}

.logobox{}
.logobox>.box{max-width: 400px;margin: auto;margin-bottom: 100px;overflow: hidden;}
.logobox>.box>a{width: 33.33%;float: left;box-sizing: border-box;padding: 0 25px;}
.logobox>.box>a>img{width: 100%;}
.logobox>.box>a.eu{margin-top: 20px;}
.logobox>.box>a.eu.ec{margin-top: 20px;}
.logobox>.box>a.eu.pr{margin-top: 0;}

.mobile_cta{
    display: none;
    text-align: center;

}
.mobile_cta>.btn{
    background-color: #fac85a;
    color: black;
    margin-top: 60px;
}
.gb_image_box video {
    min-height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
}
.gb_image_box video.pc{}
.gb_image_box video.mobile{display: none;height: 100%;}


@media only screen and (max-height: 1000px)
{
    .akce_box > .centered > .name {
        font-size: 80px;
    }
    .gb_image_box > .gb_image_6{background-position: center;}
    .gb_image_box > .gb_image_5{background-position: bottom;}
    .gb_image_box > .gb_image_7{background-position: bottom;}

}
@media only screen and (max-width: 1000px)
{
  .boxs > .box.kavarna_il_3 {height: 66vh;min-height: initial;background-position: bottom;}
  .boxs > .box.kavarna_il_4 {height: 33vh;min-height: initial;}
  .boxs > .box.kavarna_il_5 {height: 33vh;min-height: initial;}
  .gb_image_box > .gb_image_6{background-position: bottom;}
  .boxs > .box.ons_1{min-height: 650px !important;height: 300px;}
  .gb_image_box > .gb_image_5{background-position: bottom;}
  .gb_image_box > .gb_image_7{background-position: bottom;}

    .gb_image_box > .gb_image_3{background-image: url('/IMG/PRONAJEM/pronajem_mobile.jpg');}
}

@media only screen and (max-width: 500px)
{
  .boxs > .box.kavarna_il_3 {height: 33vh;}
  .gb_image_box > .gb_image_6{background-position: center;}
  .gb_image_box > .gb_image_5{background-position: center;}
  .gb_image_box > .gb_image_7{background-position: center;}

}

@media only screen and (max-width: 1600px)
{
  .movies_list > .movie
  {
    width: 25%;
}
}
@media only screen and (max-width: 1463px)
{
  .social_panel .social_bar > .fb{left: 20px;} 
  .social_panel .social_bar > .insta{left: 350px;}
  .social_panel .social_bar > .spotify{left: 90px;}
  .social_panel > .eu{right: 200px  }
  .social_panel > .top_100{right: 20px;}
  header > .menu_center>ul>li>a
  {
    font-size: 24px;
    padding: 5px 0;
}
header > .logo
{
    font-size: 24px;
}
.cont
{
    max-width: 100%;
}
header > .logo > img
{
    width: 170px;
    margin-bottom: -9px;
    height: 34px;
}
.boxs > .box > .mapa
{
    height: 58vh;
    min-height: 600px;
}
.program_table > .line > .name
{
    width: calc(60% - 216px);
}
.program_table > .line > .event
{
    width: 20%;
}
.program_table > .line > .desc
{
    width: 20%;
}
.program_table > .line > .ticket
{
}
.program_table > .line
{
    padding: 20px;
}
.filmy_page>.desc>.desc4 {
    position: initial;
    display: block;
    width: 100%;
}

}
@media only screen and (max-width: 1200px)
{
  .social_panel .social_bar > .fb{left: 27px;} 
  .social_panel .social_bar > .insta{left: 100px;}
  .social_panel .social_bar > .spotify{left: 100px;}
  .social_panel .social_bar > .top_100{position: relative;float: left;width: 54px;height: 54px;right: initial;}
  .social_panel > .eu{
    right: 40px;
}
.filmy_page {
    border-left: initial;
    border-right: initial;
}
.filmy_page>.img {
    width: 100%;
    min-height: initial;
}
.filmy_page>.desc {
  width: 100%;
}
.filmy .gb_image_box .centered
{
    width: 100% !important;
}
.boxs > .box > .centered,
.online .gb_image_box>.centered
{
    min-width: initial;
}
.movies_list > .movie
{
    width:33.333%
}
.gb_image_box>.big_claim
{
    width: initial;
}
.boxs > .box.xl {
  min-height: initial;
}
.menu_center,
header > .lang
{
    display: none;
}
.hamburger
{
    display: block;
}
h1
{
    font-size: 70px;
}
.gb_image_box
{
    min-height: 300px;
}
.box.dis_centered>.centered,
.gb_image_box.dis_centered>.centered
{
  position: initial;
  margin-top: 40px;
  transform: initial;
  padding: 0 20px;
}
.gb_image_box > .centered > .text
{
  margin: auto;
}
.boxs > .box
{
  width: 100%;
  min-height: 650px;
}
.boxs > .box.l
{
  height: initial;
  min-height: 100vh;
}
.boxs > .box > .centered > .text
{
    width: 100%;
    max-width: 600px;
    margin: 0 auto 50px;
}
.mar_bott
{
    padding-bottom: 50px;
}
footer
{
    font-size: 14px;
}
.pro-skoly .boxs > .box > .centered > .text
{
    margin: 0 auto;
}
.mobile_cta{
    display: block;
}
.social_panel .social_bar > .insta
{
  position: initial;
  float: right;
  width: 50px;
  margin: 0 10px;
}
.social_panel .social_bar > .fb
{
  position: initial;
  /* float: left; */
  width: 50px;
  /* margin: 0 10px; */
}.social_panel .social_bar > .spotify
{
  position: initial;
  /* float: left; */
  width: 50px;
  /* margin: 0 10px; */
}
.social_bar
{
  max-width: 210px;
  margin: 60px auto 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
}
@media only screen and (max-width: 1000px)
{

 .gb_image_box video.mobile{display: block;}
 .gb_image_box video.pc{display: none;}

 .gallery>.bullets>.bullet.active {
  border-color: white;
}
.akce_box > .centered
{
    min-width: initial;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    text-overflow: ellipsis;
}
.program_table > .line > .event
{
    width: 50%;
}
.filter_filmy>.vod
{
    margin-right: 0;
}
.filter_filmy,.filter_filmy.en
{
    max-width: 680px;
    padding: 0 8px;
}
.social_panel > .eu
{
    width: 150px;
    top: calc(50% - 60px / 2);
}
.akce_box
{
  width: 100%;
}
.film_claim
{
  width: 100%;
  text-align: center;
}
}
@media only screen and (max-width: 700px)
{
  .gb_image_box.height_fix_event.cent_small
  {

    min-height: 600px;
}
.filmy_page>.desc>.desc2 span:nth-of-type(3)
{
    height: 50px
}
.boxs > .box.xl2
{
    min-height: 350px;
}
.films .gb_image_box.xs,
.filmy .gb_image_box.xs
{
    height: initial;
}
.gb_image_box >.centered.film_claim
{
    padding: 50px;
    width: 100% !important;
}
.movies .centered, 
.filmy .centered 
{
    width: 100%;
    text-align: center;
}
.mobile_menu>.lang
{
    text-align: center;
}
footer div
{
    max-width: 202px;
    margin: auto;
}
.boxs > .box > .centered
{
}
.mobile_menu.open
{
    width: 100%;
    top: 0;
    border-top: 1px solid black;
    overflow-y: scroll;
}
.mobile_menu > .box
{
    text-align: center;
}
header > .logo > img
{
    width: 160px;
    margin-bottom: -2px;
    margin-left: -5PX;
    height: 32px;
}
header > .logo
{
    font-size: 40px;
}
.gb_image_box, .gallery
{
    height: initial;
    min-height: 300px;
}
.program_table > .line
{
    padding: 10px;
}
.program_table > .line > .time
{
    float: initial;
    margin-right: initial;
}
.program_table > .line > .name
{
    float: initial;
    width: calc(100% - 90px);
    margin-bottom: 10px;
}
.program_table > .line > .ticket
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 90px;
    background-color: black;
}
.program_table > .line > .ticket > .btn::after
{
    display: none;
}
.program_table > .line > .ticket > .btn
{
    position: absolute;
    top: 50%;
    right: 0;
    width: 89px;
    display: table;
    vertical-align: middle;
    justify-content: center;
    text-align: center;
    transform: translateY(-50%);
}
.program_table > .line > .ticket.open{
    max-height: 100px;
}
.program_table > .line > .event
{
    width: calc(100% - 80px);
}
.program_table > .line > .desc
{
    width: calc(100% - 80px);
    float: left;
    margin-bottom: 10px;
}
.program_table > .line > .event{display: none;}
.program_table > .line > .event_mobile{display: block;width: calc(100% - 100px);}
.program_table
{
    margin-bottom: 0;
}
h1
{
    font-size: 40px;
    letter-spacing: 0.2px;
}
.akce_box > .centered > .name
{
    font-size: 40px;
}
.gb_image_box > .text
{
  margin-top: 0;
  padding: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: calc(100% - 20px);
}
.gb_image_box > .text > .date
{
    font-size: 20px;
}
.gb_image_box > .text > .name
{
    margin-bottom: 10px;
}   
.gb_image_box > .text > .cta
{
  margin: 10px auto;
  width: 120px;
}
.gb_image_box > .text > .cta > .btn{width: 120px;}
.btn,
.btn.btn2 {
    font-size: 20px;
    padding: 5px 7px;
}
.program_table > .header
{
    padding: 14.5px 10px;
}
.main_page_program
{
    margin: 57px auto;
}
.boxs > .box
{
    width: 100%;
    height: 33vh;
    min-height: 600px;
}
.filter_filmy2
{
    max-width: 300px;
}
.boxs > .box > .centered {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
}
footer.center {
    padding: 10px 20px;
}
.cont.social_panel
{
}
.newsletter_form
{
  width: calc(100% - 20px );
  margin-top: 50px;
  margin-bottom: 160px;
}
.gb_image_box.s
{
  min-height: 300px;
  height: 15vh;
  border-top: none;
}
.gb_image_box.simple > .text
{
  position: absolute;
}
.movies_list > .movie
{
  width: 50%;
  min-height: initial;
}
.movies_list
{
  margin-top: 57px;
}
.program_table > .line > .ticket > .btn:hover
{
  margin: 0;
}
.mobile_menu>.logo
{
  opacity: 1;
}
.filter_program .dny
{
  width: calc(100% - 20px);
  margin: 0 10px -2px;
  text-align: left;
}
.filter_program .typ_akce
{
  width: calc(100% - 20px);
  margin: 0 10px -2px;
}
.filter_program .hledat_box .filter_program input.hledat
{
  width: 100%;
}
.filter_program .hledat_box
{
  width: calc(100% - 20px);
  margin: 0 10px;
  max-width: initial;
}
.filter_program >.hledat_box>input.hledat {
    width: 100%;
    border-radius: 0;
}
.social_panel .social_bar > .insta
{
  position: initial;
  float: right;
  width: 50px;
  margin: 0 10px;
}
.social_panel .social_bar > .fb
{
  position: initial;
  float: left;
  width: 50px;
  margin: 0 10px;
}.social_panel .social_bar > .spotify
{
  position: initial;
  float: left;
  width: 50px;
  margin: 0 10px;
}
.social_bar
{
  max-width: 210px;
  margin: 60px auto 0;
  overflow: hidden;
  position: relative;
}
.social_panel > .eu
{
  left: calc(50% - 150px / 2);
  top: initial;
  bottom: 50px;
}
.filter_filmy .hledat_rok,
.filter_filmy .hledat_box
{
  width: calc(100% - 20px);
  margin: 0 10px;
  margin-top: -1px;
  max-width: initial;
}
.filter_filmy .hledat_rok input{
    margin: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: -1px;
}
.filter_filmy .custom-select.rok,.filter_filmy .custom-select
{
  width: calc(100% - 20px);
  margin: 0 10px;
  margin-bottom: -1px;
}
.filter_filmy
{
  margin: 40px auto 30px;
  overflow: hidden;
}
.filter_filmy .vod
{
    margin-left: 10px;
    margin-top: -1.5px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}
.filmy_page>.img
{
  width: 100%;
  min-height: initial;
}
.filmy_page
{border-left: initial;border-right: initial;}
.filmy_page>.desc
{
  width: 100%;
}
.filmy_page>.desc>h1
{
  font-size: 40px;
  margin: 40px 20px 20px;
}
.filmy_page>.desc>.desc2
{
  font-size: 24px;
  padding: 0 20px;
}
.filmy_page>.desc>p
{
  margin: 20px;
}
.filmy_page>.desc>.desc3,
.filmy_page>.desc>.hraji
{
  margin-left: 20px;
}
.gb_image_box >.centered
{
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
}
.gb_image_box >.centered h1
{
    text-align: center;
}
.program_table.xfis2
{
  width: 100%;
}
.hamburger
{
  padding: 9px 10px;
}
.filter_filmy2.en>.button:nth-of-type(2)
{
  left: 129px;
}
.filter_filmy2>.button:nth-of-type(1)
{
  left: 10px
}
.filter_filmy2>.button:nth-of-type(3)
{
  right: 10px
}
.boxs > .box.kontakt_il
{
  min-height: 350px;
}


}
@media only screen and (max-width: 500px)
{
    body.venue-hire .box.right.border_bottom_none,
    body.pronajem .box.right.border_bottom_none
    {
        min-height: 600px;
    }
    .gb_image_box >.cent_small {
      position: initial;
      transform: initial;
  }
  .gb_image_box.s
  {
    height: initial;
    overflow: hidden;
}
.logobox>.box>a{width: 100%;}
.movies_list > .movie
{
    width: 100%;
}
.movies_list > .movie > a > picture > img, .movies_list > .movie > a > img, .movies_list > .movie > picture > img, .movies_list > .movie > img {border-right: none;}

}



@media only screen and (max-width: 400px)
{
  h1,
  .gb_image_box > .text > .name {
      font-size: 30px;
  }

}








/*SAFARI*/
@media not all and (min-resolution:.001dpcm) { @media {
  input
  {
    margin-top: -0.25px;
    padding: 12px 10px 8px;
}
header
{
    padding: 8px 0 2px;
}
.btn
{
    padding-bottom: 4px;
}
.select-items div, .select-selected
{
    padding: 12px 10px 8px;
}
.akce_box.l {
  height: calc(100vh - 1px);
}
}
}

@media only screen and (max-height: 900px)
{   

    .boxs > .box > .mapa {height: 498px;    }

}


@supports (background-image: -webkit-image-set('/IMG/PRONAJEM/fotky25.webp' 1x)) {

   
}

#cookiebar
{
  background-color: white;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 25px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
  min-height: 0;
  bottom: -120px;
  transition: 0.2s all linear;
  letter-spacing:initial;
  line-height: 120%;
}
#cookiebar.active
{
  bottom: 0;
}
#cookiebar>.content
{
    overflow: hidden;
}
#cookiebar>.content>.box
{
    float: left;
    width: calc(100% - 300px);
    margin-right: 30px;
}
#cookiebar>.content>.box>.header
{
  width: initial;
  margin: initial;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  padding: initial;
  text-align: initial;
}
#cookiebar>.content>.box>.text{}
#cookiebar>.content>.box>.text>a{color: black;text-decoration: underline;}
#cookiebar>.content>.buttons
{
    float: left;
    width: 270px;
}
#cookiebar>.content>.buttons .button
{
    margin: 0 5px;
    padding: 1rem 1.5rem;
    background-color: red;
    border-radius: 2px;
    border: none;
    color: white;
    box-shadow: 0px 0px 9px 0 #e4212766;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    min-width: 100px;
    float: left;
    letter-spacing: 2px;
}
#cookiebar>.content>.buttons .button.full{
    background-color: black;
}
@media only screen and (max-width: 1000px)
{
  #cookiebar
  {
    bottom: -500px;
  }
  #cookiebar>.content>.box
  {
      float: left;
      width: calc(100%);
  }
  #cookiebar>.content>.box>.text {
      margin-bottom: 1rem;
  }
  #cookiebar>.content>.buttons
  {
    margin: auto;
    float: initial;
  }
  #cookiebar>.content>.buttons
  {
    widows: initial;
    margin-top: initial;
  }

}


.popup_box{
    position: fixed;
    padding: 25px;
    background-color: #fac85a;
    color: #000;
    left: -500px;
    bottom: 25px;
    box-sizing: border-box;
    max-width: calc(100% - 50px);
    width: 420px;
    border-radius: 15px;
    transition: all 2s ease-in-out;
    min-height: 310px;
    z-index: 10000;
}
.popup_box button{
    float: right;
    margin-top: 10px;
}
.popup_box.active{
    left: 25px;
    bottom: 25px;
    
}
.popup_box .title{
    color: black;
    text-align: center;
    font-size: 25px;
    padding: 20px 0px 40PX;
}
.popup_box .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 12px;
}
.popup_box .close img{
    display: block;
    width: 100%;
}
.popup_box .gdpr .label{
    line-height: 30px;
    width: 100%;
    font-size: 14PX;
    color: black;

}
.popup_box .gdpr{
    display: block;
    color: white;
    cursor: pointer;
    
    margin: 20px 0 0;
}
.popup_box  input.email_real{
    width: 100%;
    background-color: white;
    border-color: transparent;

}
.popup_box .gdpr input{
    border-color: transparent;
    width: 30PX;
    height: 30px;
    float: left;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}
.popup_box .email{
    display: none;
}
@media only screen and (max-height: 700px){
    .popup_box{
        padding: 15px;
        max-width: calc(100% - 10px);
    }
    .popup_box.active{
        left: 5px;
        bottom: 5px;
    }
    .popup_box .close{
        width: 20px;
        height: 20px;
        padding: 10px;
    }
    .popup_box .title{
        font-size: initial;
    }
    .popup_box .gdpr .label{
        line-height: initial;
    }
}