@font-face
{
    font-family: 'SuisseIntl';
    src: url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Thin.eot?#iefix') format('embedded-opentype'),
        url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Thin.woff') format('woff');
    font-weight: 200;
}
@font-face
{
    font-family: 'SuisseIntl';
    src: url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
        url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face
{
    font-family: 'SuisseIntl';
    src: url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Medium.eot?#iefix') format('embedded-opentype'), 
        url('/TEMPLATE/CSS/SuisseIntl/SuisseIntl-Medium.woff') format('woff');
    font-weight: 600;
}

/*////////////////////////////////////////*/
html {
  scroll-behavior: smooth;
      background: #ED184C;
}
body
{
  font-family: 'SuisseIntl', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 160%;
  color: #000;
  background-color: #fff;
  margin: 0;
}
a,
a:hover,
a:focus
{
  color: #180442;
  text-decoration: none;
}
a.underline{text-decoration: underline;cursor: pointer;}
.underline span a{text-decoration: underline;}
input{
    font-family: 'SuisseIntl', sans-serif;
    font-size: 20px;
    line-height: 125%;
    font-weight: 500;
    color: #180442;
}
/*////////////////////////////////////////*/
h1{
    font-size: 55px;
    line-height: 125%;
    margin: 0;
}
h3{
    margin: 0;
    font-weight: 400;
    font-size: 54px;
    line-height: 110%;
    }
.cont 
{
  /* max-width: 1320px; */
  margin: auto;
  overflow: hidden;
  padding: 0 60px;
}
.cont_l 
{
   max-width: 1320px; 
  margin: auto;
  overflow: hidden;
  padding: 0 60px;
}
.cont_m
{
  max-width: 600px;
  margin: auto;
  overflow: hidden;
padding: 0 20px;}
.cont_s
{
  max-width: 460px;
  margin: 0 auto 20px;
  overflow: hidden;
padding: 0 20px;}
.l6{float: left;}
.l6{width: 50%;}
.mobile{display: none;}
.pc{display: block;}
.page{min-height: 100vh;}
.undeline{text-decoration: underline;}
@media only screen and (max-width: 1000px)
{
    .mobile{display: block;}
}
p{margin: 0;}
::selection{
    color: white;
    background: #ED184C;
}
.tred
{
    color: #ED184C;
}
.relative{
    position: relative;
}
/*SELECT*/
select
{
    padding: 10px 7px;
    border-radius: 0;
    border: 2px solid;
    border-radius: 40px;
    padding: 10px 20px;
}
.select
{
  margin-top: 0;
  position: relative;
  margin-bottom: 25px;
}
.select select
{
  display: none;
  position: relative;
}
.select-selected
{
  background-color: transparent;
}
.select-selected:after {
  position: absolute;
  content: url(/ADMIN_FILES/DATA/IMG/arrow.svg);
  top: calc(50% - 23px);
  bottom: 0;
  right: 0;
  padding: 4px;
  transform: rotate(0deg);
  transition: transform 0.4s linear;
  padding-right: 7px;
  filter: invert(1);
}
.select-selected.select-arrow-active:after {transform: rotate(180deg);}
.select-items div,.select-selected {
  padding: 10px 10px;
  border: 1px solid #d6d6d6;
  cursor: pointer;
  user-select: none;
  background-color: #fff;
  position: relative;
  max-width: 100%;
  border-radius: 8px;
  width: 300px;
  box-sizing: border-box;
}
.select-items {
  position: relative;
  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_box{
    /* margin-bottom: 5px; */
    position: absolute;
}
.select_box>.label{margin-bottom: 5px;}
.select_box .select_helper{
  display: none;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1px;
  opacity: 0.01;
}
/* SELECT*/

/*////////////////////////////////////////*/
/*
.checkbox
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 22px;
    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;
  opacity: 0.1;
  cursor: pointer;
  height: 1px;
  width: 1px;
}
.checkbox .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid black;
    border-radius: 2px;
    background-color: white;
}
.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: 5px;
  top: 0;
  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: 35px;
  padding-bottom: 50px;
}
label.radio
{
  padding-left: 35px;
  padding-bottom: 0;
}
label.checkbox.small
{
  padding-bottom: 0;
}
input[type="checkbox" i]:disabled+span.checkmark {
    background-color: black;
}
*/
/*////////////////////////////////////////*/
#cookiebar
{
  background: #ED184C;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 25px 20px;
  min-height: 0;
  bottom: -400px;
  transition: 0.2s all linear;
  border-radius: 20px 20px 0 0;
}
#cookiebar a
{
    color: white;
    text-decoration: underline;
}

#cookiebar.active
{
  bottom: 0;
}
#cookiebar>.content
{
    overflow: hidden;
}
#cookiebar>.content>.box
{
    float: left;
    width: calc(100% - 300px);
    
}
#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{color: white;}
#cookiebar>.content>.box>.text>a{color: white;border-bottom: 1px solid white;text-decoration: none;}
#cookiebar>.content>.buttons
{
    float: right;
    width: 300px;
}
#cookiebar>.content>.buttons .button
{
    font-size: 16px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    width: initial;margin-bottom: 10px;
    color: white;border: 2px solid white;box-shadow: none;
    margin: 0 0 0 1rem;float: right;
}

#cookiebar>.content>.buttons .button.full {background: white;color: #180442;}
@media only screen and (max-width: 600px)
{
    
  #cookiebar>.content>.box
  {
    max-width: 100%;
    width: 300px;
    margin: auto;
    display: block;
    float: initial;
    }
  #cookiebar>.content>.box>.text {
      margin-bottom: 1rem;
  }
  #cookiebar>.content>.buttons
  {
    margin: auto;
     float: initial; 
  }
  #cookiebar>.content>.buttons
  {
    width: initial;
    margin-top: initial;
  }

}
/*////////////////////////////////////////*/
header{
    /* display: none; */
}
header .logo{position: fixed;left: 61px;top: 21px;z-index: 11;transition: 0.2s all 0.2s linear;WIDTH: 444PX;}
header .logo img{
    width: 100%;
    transition: 0.2s all 0.2s linear;
}
header .menu{
    position: fixed;
    right: 50px;
    top: 11px;
    z-index: 300;
    color: white;
    /* mix-blend-mode: difference; */
}
header .menu a,
header .menu span
{
    float: left;
}
header .menu a .item{
    color: white;
    font-size: 27px;
    padding-left: 30px;
    padding: 10px 10px 20px 20px;
    cursor: pointer;
    transition: 0.2s all linear;
}
header .menu a .item:hover
{
    color: #ED184C;
}
.main_cta{
    min-height: 90vh;
    position: relative;
}
.main_cta.v2{
    min-height: 50vh;
}
.main_cta>.bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ED184C;
}
.main_cta>.bg.dark{
    filter: brightness(0.8);
}
.main_cta>.bg.v1{
    background-image: url(/TEMPLATE/IMG/bg/2025web_cover1920x1080.jpg);
    filter: brightness(0.8);
}
.main_cta>.bg.v2{
    background-image: url(/TEMPLATE/IMG/bg/main_bg2.png);
    background-position: top;
}
.main_cta>.bg.v3{
    background-image: url(/TEMPLATE/IMG/bg/main_bg3.png);
    background-position: top;
}
.main_cta>.bg.ofestivalu{
    background-image: url(/TEMPLATE/IMG/bg/ofestivalu_desktop.jpg);
    background-position: 30% 30%;
}
.full_screen_photo.poradatele{
        background-position-y: 30%;
    background-image: url(/TEMPLATE/IMG/bg/poradatele.jpg);
}

.main_cta>.bg.kina_desktop{
    background-image: url(/TEMPLATE/IMG/bg/kina_desktop.jpg);
}
.main_cta>.bg.archiv{
    background-image: url(/TEMPLATE/IMG/bg/archiv.jpg);
}
.main_cta>.date{
    position: absolute;
    z-index: 3;
    font-size: 50px;
    line-height: 110%;
    color: white;
    background: rgb(255 255 255 / 40%);
/* light/text inv */
    border: 1.72556px solid #FFFFFF;
    border-radius: 34.5113px;
    padding-top: 2px;
    text-align: center;
    left: 61px;
    top: 140px;
    width: 441px;
    /* height: 61px; */
}
.main_cta>.title div{
    margin: auto;
    width: 900px;
    max-width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.main_cta>.title{
    position: absolute;
    color: white;
    z-index: 1;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    top: 50%;
    z-index: 3;
    text-align: center;
    font-size: 72px;
    line-height: 120%;
    font-size: 54px;
}
.main_cta>.cta{
    position: absolute;
    bottom: 130px;
    bottom: 16vh;
    z-index: 3;
    width: 200px;
    left: calc(50% - 100px);
    box-sizing: border-box;
    transition: all .2s linear;
}

.claim{
    font-size: 54px;
    line-height: 110%;
    text-align: center;
    width: 1000px;
    max-width: 100%;
    margin: 150px auto 150px;
    transition: .2s all linear;
    padding: 0 30px;
    box-sizing: border-box;
    /* margin: 300px auto; */
    /* color: #ED184C; */
}
.claim.filmtitle{}
.claim.grad
{
    /* background: linear-gradient(90deg, #327F91 0%, #ED184C 103.41%); */
    background: linear-gradient(90deg, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* margin: 90px auto; */
    animation: gradient 5s ease infinite;
    /* background: linear-gradient(90deg, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%); */
    background-size: 400% 400%;
}
@keyframes claim_gradiaent {
  0%   { background: linear-gradient(90deg, #327F91 0%, #ED184C 103.41%);}
  100%   {background: linear-gradient(90deg, #ED184F 0%, #327F91 103.41%);}
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.news_bar{
    padding: 0 30px;
    width: 100%;
    box-sizing: border-box;
}
.news_bar>.title{
    font-size: 34px;
    line-height: 140%;

    color: #ED184C;
    margin-bottom: 30px;
    font-size: 27px;
    margin-bottom: 1REM;
}
.news_bar .bar .filter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background-color: rgb(237 24 76 / 10%);
    transition: 0.2s all linear ;
}
.news_bar .bar:hover .filter{
     background-color: rgb(237 24 76 / 26%);
}
.news_bar .bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-image: url(/TEMPLATE/IMG/bg/main_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news_bar>.bar{
    width: 1320px;
    width: initial;
    max-width: 100%;
    margin: auto;
    padding: 30px;
    background: #ED184C;
    border-radius: 10px;
    color: white;
    font-size: 27px;
    background-size: cover;
    background-position: center;
    transition: 0.2s background-image ease-in-out;
    box-sizing: border-box;
    POSITION: RELATIVE;
    overflow: hidden;
}

.news_bar>.bar>.title{
    font-size: 54px;
    /* font-size: 34px; */
    line-height: 110%;
    /* max-width: 900px; */
    height: 400px;
    color: white;
    display: block;
    z-index: 9;
    position: relative;
}
.news_bar>.bar>.menu{
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.news_bar>.bar>.menu>a{
    font-size: 17px;
    color: white;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    border-radius: 50px;
    min-width: 50px;
    display: block;
    float: left;
    text-align: center;
    padding: 8px 18px 10px;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
    background: #ED184C;
}
.news_bar>.bar>.menu>a.active
{
    background: #ED184C;
}
.news_bar>.bar>.menu>a.right{
    transform: rotate(180deg);
    position: absolute;
    right: 0;
}
.news_bar>.bar>.menu>a span{
    color: #ED184C;
    color: white;
}
.progress{
    overflow: hidden;
    margin: 30px auto 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.progress div{
    background: rgba(0, 0, 0, 0.1);
    min-width: 57px;
    height: 3px;
    margin: 0px 5px;
    /* cursor: pointer; */
    transition: 0.2s all linear;
}
.progress div.active{
     background: #ED184C;
}

.cinema_bar{
    background: #ED184C;
    margin: 120px auto 90px;
    /* width: 1320px; */
    color: white;
    border-radius: 75px;
    padding: 60px;
    box-sizing: border-box;
    max-width: calc(100% - 60px);
    margin-top: 0;
    padding: 0;
}
.cinema_bar.main{
    /* animation: gradient 5s ease infinite; */
    /* background: linear-gradient(90deg, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%, #327F91 0%, #ED184C 103.41%); */
    /* background-size: 400% 400%; */
}
.cinema_bar.main{
    padding: 60px 30px;
    margin-top: 120px;
    padding-top: 120px;
}
.cinema_bar.main .program {
    margin-bottom: 0;
}
.cinema_bar>.title{
    font-size: 54px;
    line-height: 110%;
    text-align: center;
    /* margin-bottom: 60px; */
    margin-bottom: 20px;
}
.cinema_bar>.content{
    text-align: center;
    margin-bottom: 60px;
    font-size: 34px;
    line-height: 140%;
    font-size: 27px;
}
.cinema_bar .select
{
    border: 1px solid white;
    width: 400px;
    width: 600px;
    margin: auto;
    /* text-align: center; */
    margin-bottom: 60px;
    /* padding: 8px 18px 10px; */
    border-radius: 10px;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 51px;
}
.cinema_bar.white .program>.date
{
    padding-top: 20px;
}
.cinema_bar.white .program>.date
{color: #ED184C;border-color: #909090;border-color: #ED184C;}
.cinema_bar.white .program>.date:first-of-type{
  padding-top: 0;  
}
.cinema_bar.white .program>.line
{border-color: #909090;border-color: #ED184C;}
.program>.line:last-of-type
{
    border-bottom: initial;
}
.cinema_bar.white .program>.line>.cta
{
    background:  #ED184C;
    border: 1px solid #ED184C;
}
.cinema_bar.white .program>.line>.cta:hover
{background: white;
border:1px solid #ED184C;color: #ED184C;}
.cinema_bar.white .program>.line>.text>.title
{color: #ED184C;}
.cinema_bar.white .program .line + .date
{background: #fff;}

.cinema_bar.white
{
    background: white;
    color: black;
}
.cinema_bar .select .template img {
    position: absolute;
    right: 8px;
    top: calc(50% - 22px);
}

.movies{}
.movies>.title{
    font-size: 54px;
    line-height: 110%;
    text-align: center;
}
.movies>.content{
    margin: 60px auto;
    /* width: 1320px; */
    overflow: hidden;
    display: flex;
    flex-direction: row;
    padding: 30px;
    gap: 30px;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    max-width: 100%;
    box-sizing: border-box;
}
.movies>.content>.item{
    width: calc(50% - 15px);
    color: white;
    min-height: 500px;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.movies>.content>.item .bg{
    background-color: #ED184C;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/TEMPLATE/IMG/bg/main_bg2.png);
    z-index: 3;
}
.movies>.content>.item .filter{
    background-color: rgb(237 24 76 / 10%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 4;
    transition: 0.2s all linear;
}
.movies>.content>.item:hover .filter
{
    background-color: rgb(237 24 76 / 26%);
}
.movies>.content>.item>.tag{
    padding: 8px 18px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    border-radius: 50px;
    font-size: 17px;
    line-height: 160%;
    z-index: 5;
}
.movies>.content>.item>.tag span{
    color: #ED184C;
}
.movies>.content>.item>.title{position: absolute;left: 30px;right: 30px;bottom: 47px;font-size: 34px;line-height: 140%;text-align: center;z-index: 5;}

.parneri{
    margin-top: 90px;
}
.parneri>.title{
    font-size: 54px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 60px;
    display: none;
}
.parneri>div{
    width: 1320px;
    margin: auto;
    display: block;
    max-width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.parneri>div>.subtitle{
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
}
.parneri>div>.items{
    overflow: hidden;
    margin-bottom: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 1320px;
    margin: auto;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
    align-content: center;
    gap: 0 20px;
}
.parneri>div>.items>.item{
    min-width: 200px;
    max-height: 200px;
    width: 25%;
}
.parneri>div>.items>.item img{
    display: block;
    margin: auto;
    width: 100%;
    max-height: 150px;
}

.btn{
    color: white;
    background: #ED184C;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125);
    border-radius: 50px;
    padding: 8px 18px 8px;
    font-size: 27px;
    font-size: 18px;
    line-height: 160%;
    /* line-height: 140%; */
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: 0.2s all linear;
    border: 1px solid #ED184C;
}
.btn:hover,
.btn.active
{color: #ED184C;background: white;/* box-shadow: 0px 0px 10px rgb(0 0 0 / 0%); */}
footer{
    margin-top: 90px;
    border-top: 1px solid #ED184C;
    color: #ED184C;
    padding-top: 30px;
    overflow: hidden;
}
footer .cont.v1{
    max-width: 1320px;
}
footer .cont.v1>div{
    float: left;
    width: 50%;
}
footer .cont.v1>div>div{
    font-size: 34px;
    line-height: 140%;
    max-width: 440px;
}
footer .cont.v1>div img{
    width: 100%;
    max-width: 240px;
    display: block;
    margin: 10px 0 30px;
}
footer .cont.v2{
    max-width: 1320px;
}
footer .cont.v2>div{
    width: 25%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}
footer .cont.v3{
    margin-bottom: 40px;
    max-width: 1320px;
}
footer a{
    color: #ED184C;
    text-decoration: none;
}
footer a.underline{text-decoration: underline;}
footer .social{}
footer .social a{
    width: 150px;
    height: 150px;
    float: left;
    display: block;
    border: 2px solid;
    border-radius: 200px;
    text-align: center;
    line-height: 150px;
    font-size: 72px;
    margin-right: 30px;
    box-sizing: border-box;
    position: relative;
}
footer .social a:nth-of-type(1){
    color: #387FDC;
    border-color: #387FDC;
    transition: .2s all linear ;
}
footer .social a:hover:nth-of-type(1)
{
    background: #387FDC;
    color: white;
}
footer .social a:nth-of-type(2){
    color: #EE79C2;
    border-color: #EE79C2;}
footer .social a:nth-of-type(3){font-size: 60px;padding-left: 8px;}
footer .social a:hover:nth-of-type(2)
{
    background: #EE79C2;
     color: white;
}
footer .social a:hover:nth-of-type(3)
{
    background: #ED184C;
     color: white;
}
footer .social a:nth-of-type(3) svg{
    display: block;
    position: absolute;
    left: calc(50% - 18px);
    top: calc(50% - 31px);
}
footer .social a:hover:nth-of-type(3) svg path{
    fill: white;
}
/*////////////////////////////////////////*/
.program{
    margin-top: 60px;
    margin-top: 0;
    margin-bottom: 300px;
}

.program>.date{
    padding-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid white;
    font-size: 21px;
    /* font-variant-numeric: tabular-nums; */
}
.program .line + .date{
    margin-top: 30px;
    background: #ED184C;
    margin-top: -1px;
}
.program>.line{
    overflow: hidden;
    padding: 8px 0;
    border-bottom: 1px solid;
}
.program>.line>.time{
    width: 225px;
    /* font-size: 34px; */
    line-height: 140%;
    /* padding: 15px 0; */
    float: left;
    /* font-variant-numeric: tabular-nums; */
    font-size: 21px;
}
.program>.line>.text{
    float: left;
    width: calc(100% - 510px);
}
.program>.line>.cta{
    /* font-size: 27px; */
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.02em;
    padding: 8px 18px 10px;
    border: 1.5px solid #FFFFFF;
    border-radius: 50px;
    width: 235px;
    float: right;
    margin: 22px 0;
    box-sizing: border-box;
    color: white;
    position: relative;
    transition: 0.2s all linear ;
}
.program>.line>.cta:hover
{
    background: #FFFFFF;
    color: #ED184C;
}
.program>.line>.cta img{
    float: right;
    margin-top: 10px;
    position: absolute;
    top: calc(50% - 22px);
    right: 20px;
}
.program>.line>.text>.title{
    /* font-size: 34px; */
    line-height: 140%;
    /* border-bottom: 1px solid; */
    display: inline-block;
    color: white;
}
.program>.line>.text>a.title
{
  text-decoration: underline;
}
.program>.line>.text>.tags{
    overflow: hidden;
    margin-bottom: 25px;
}
.program>.line>.text>.tags div{
    float: left;
    margin-right: 30px;
}
.program>.line>.text>.tags a{
    text-decoration: underline;
    color: white;
    padding: 0 10px 0 0;
}
.cinema_bar.white .program>.line>.text>.tags span
{
    padding-right: 10px;
}
.cinema_bar.white .program>.line>.text>.tags a{
    text-decoration: underline;
    color: black;
}
.movies>.content>.item>.tag span{
    color: #ED184C;
}
/*////////////////////////////////////////*/
.kino_bar .program>.line
{
    border-color: #ED184C;
}
.kino_bar
{
    background-color: initial;
    color: black;
}
.kino_bar .program>.date.city{
    padding-bottom: 8px;
    border-bottom: 1px solid #ED184C;
    /* font-size: 34px; */
}
.kino_bar .program>.line>.text>.title
{
    text-decoration: none;
    color: #ED184C;
}
.kino_bar .program .line + .date
{
    background: white;
    border-bottom: 1px solid #ED184C;
    padding-top: 30px;
}
.kino_bar .program>.line>.cta
{
    background: #ED184C;
    color: white;
    min-width: 180px;
    width: initial;
    transition: 0.2s all linear;
}
.kino_bar .program>.line>.cta:hover{
    border-color: #ED184C;
    color: #ED184C;
    background: white;
}
.kino_bar .program>.line:last-of-type
{
    border-bottom: none;
}
/*////////////////////////////////////////*/
.breadcrum{
    color: #909090;
    width: 1900px;
    margin: auto;
    padding: 30px 60px;
    max-width: 100%;
    box-sizing: border-box;
    color: #909090;
}
.breadcrum a{color: #909090;}
.breadcrum a:nth-of-type(1){
    color: #ED184C;
}
.breadcrum a:nth-of-type(2){color: #909090;}
.breadcrum + .claim {
    margin-top: 70px;
}
/*////////////////////////////////////////*/
.text_gab
{
    margin: auto;
    width: 1320px;
    column-count: 2;
    column-gap: 60px;
    max-width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.text_gab a{
    text-decoration: underline !important;
    color: #ED184C !important;
}
/*////////////////////////////////////////*/
.awards{
    margin: auto;
    width: 1320px;
    overflow: hidden;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.awards .award{
    /* float: left; */
    width: 33.33%;
    position: relative;
    min-height: 130px;
}
.awards .box{
    width: 280px;
    margin: auto;
    position: relative;
}
.awards .award .box div{
    font-size: 17px;
    text-align: center;
    max-width: 180px;
    margin: auto;
    line-height: 160%;
}
.awards .award img{
    margin: auto;
    display: block;
    width: 150px;
}
.awards .award img:nth-of-type(1){
    /* left: 0; */
}
.awards .award img:nth-of-type(2){
    right: 0;
    transform: scaleX(-1);
}
.awards .award img.palma{
    /* bottom: 0; */
    height: initial;
    left: calc(50% - 50px);
    top: initial;
    /* width: 100%; */
}
/*////////////////////////////////////////*/
.news_2 {
    padding: 0 30px;
}
.film_text .synopse{
    width: 50%;
    float: left;
    font-size: 34px;
    line-height: 140%;
    box-sizing: border-box;
    padding-right: 35px;
}
.film_text .synopse div{
}
.film_text .description{
    width: 50%;
    float: left;
    padding-left: 35px;
    box-sizing: border-box;
}
.film_text{
    overflow: hidden;
    width: 1320px;
    max-width: 100%;
    margin: 90px auto;
    box-sizing: border-box;
    padding: 0 30px;
}
/*////////////////////////////////////////*/
.cta_box{}
.cta_box.program{}
.cta_box.program2 a{
    margin: auto;
    width: 200px;
    display: block;
}
/*////////////////////////////////////////*/
.desc{
    overflow: hidden;
    width: 1320px;
    margin: 90px auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
}
.desc .l6{
    box-sizing: border-box;
}
.desc .l6:nth-of-type(1){
    padding-right: 30px;
}
.desc .l6:nth-of-type(2){
    padding-left: 30px;
}
.desc .line{
    overflow: hidden;
    margin-bottom: 10px;
}
.desc .line .head{
    font-size: 17px;
    line-height: 160%;
    color: #ED184C;
    width: 220px;
    float: left;
}
.desc .line .text{
    float: left;
    width: calc(100% - 220px);
}
.desc .line a.text{
    color: #ED184C;
    text-decoration: underline;
    cursor: pointer;
}
/*////////////////////////////////////////*/
.left_text{
    font-size: 34px;
    line-height: 140%;
    max-width: 100%;
    width: 880px;
    text-align: center;
    margin: auto;
}
.cta_small_box
{
    margin: 140px auto 100px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.cta_small_box .btn
{   margin: 0 7.5px;
    border: 1px solid #ED184C;
}
.cta_small_box .btn:hover{

}
.about_box{
    
    padding: 25px 30px 30px;
    color: white;
    min-height: 400px;
    position: relative;
    border-radius: 10px;
    
}
.about_box .bg
{
    background-image: url(/TEMPLATE/IMG/bg/ofestivalu_filmy_online_desktop.jpg);
    background-position: center;
    background-size: cover;
    filter: brightness(0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
.about_box .subtitle{
    font-size: 21px;
    line-height: 160%;
    position: relative;
}
.about_box .title{
    font-size: 54px;
    line-height: 110%;
    width: 1200px;
    max-width: 100%;
    margin-bottom: 60px;
    font-size: 34px;
    margin-top: 20px;
    position: relative;
}
.about_box .btn{
    width: 250px;
    margin: auto;
    text-align: left;
    position: relative;
    display: block;
    position: absolute;
    bottom: 30px;
}
.about_box .btn img
{
    position: absolute;
    right: 20px;
    top: calc(50% - 12px);
    /* float: right; */
    /* margin-top: 11px; */
}

.about_texts{
    margin: 120px 0;
}
.about_texts h3{
    text-align: center;
    margin-bottom: 60px;
}
.about_texts .left_text{}

.porota{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.porota>.item{
    width: 25%;
    padding: 0 30px 60px;
    box-sizing: border-box;
}
.porota>.item img{
    width: 100%;
    border-radius: 200px;
    max-width: 150px;
    margin: auto;
    display: block;
}
.porota>.item .name{
    font-size: 18px;
    line-height: 140%;
    padding: 30px 0;
    text-align: center;
    padding-bottom: 0;
}
.porota>.item .text{
    font-size: 18px;
    text-align: center;
    line-height: 120%;
}

.porota_col2{
    columns: 2;
    column-gap: 50px;
    max-width: 100%;
    width: 1400px;
    margin: 0 auto 100px;
    columns: initial;
    text-align: center;
    width: 700px;
    padding: 0 20px;
}
.porota2{
    max-width: 100%;
    width: 1400px;
    margin: auto;
}
.porota2 .item{
    border-radius: 20px;
    background-color: #F0F0F0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px;
    margin-bottom: 40px;
    position: relative;
}
.porota2 .item .left{
    width: 70%;
}
.porota2 .item .right{
    max-width: 20%;
    /* position: absolute; */
    right: 40px;
    top: 40px;
    bottom: 40px;
    overflow: hidden;
    max-height: 100%;
}
.porota2 .item .left .name{
    font-size: 40px;
    margin-bottom: 35px;
}
.porota2 .item .left .text{
    max-width: calc(100% - 40px);
    width: 698px;
    font-size: 18px;
    line-height: 160%;
}
.porota2 .item .right img{
    width: 100%;
    border-radius: 20px;
/*    aspect-ratio: 1;*/
    display: block;
}
.filmy_t_claim{
    text-align: center;
    color: #ED184C;
    margin-top: 20px;
}
.filmy_t_claim a{
    color: #ED184C;
}
.full_screen_photo{
    background-image: url(/TEMPLATE/IMG/bg/main_bg.png);
    min-height: 500px;
    background-position: center;
    background-size: cover;
}

.fotogalerie{}
.fotogalerie img
{
  width:100%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: -150%;
  z-index: 10;
  /* display: none; */
  transition: 1s all ease-in-out;
}
.fotogalerie img.left{
    right: 50%;
}

.fotogalerie picture img.active
{
    display: block;
    right: -50%;
}
.fotogalerie .line
{
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}
.fotogalerie .years{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fotogalerie .years .btn{
    margin: 30px 5px;
}
.fotogalerie .years .btn.grey,
.btn.grey
{
    color: black;
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
}
.fotogalerie .arrow{
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    width: 50px;height: 50px;display: block;border-radius: 50px;color: white;position: absolute;text-align: center;top: calc(50% - 25px);left: 30px;line-height: 49px;z-index: 20;cursor: pointer;display: none;}
.fotogalerie .arrow.right{
    left: initial;
    right: 30px;
    transform: rotate(180deg);
    display: block;
}
.fotogalerie .arrow {
    background-color: #ed184c;
}
.fotogalerie .foto{
    position: relative;
    /* background-image: url(/TEMPLATE/IMG/bg/main_bg.png); */
    min-height: 500px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
}

.fotogalerie h3{
    text-align: center;
    margin: 150px 0 60px;
}
.manifest_text{
    text-align: center;
    padding: 60px;
    margin-top: 90px;
    margin-bottom: 90px;
}
.csfd_links{
    float: left;
    width: 50%;
    margin-bottom: 75px;
}
.csfd_links .btn.v2{
    display: block;
    width: 174px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background: white;
    color: #ED184C;
    border: 1.5px solid #ED184C;
    box-sizing: border-box;
    line-height: 150%;
    position: relative;
    text-align: left;
    transition: 0.2s all linear;
    min-width: 160px;
}
.csfd_links .btn.v2 img{
    position: absolute;
    right: 14px;
    top: 6px;
    top: calc(50% - 23px);
}
.csfd_links .btn.v2:hover{
    background: #ED184C;
    color: white;
}
.info{
    margin-top: 10px;
}
.filmy_info1 {
    font-size: 54px;
    line-height: 110%;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 20px;
}
.filmy_info2 {
    font-size: 34px;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-bottom: 60px;
    font-size: 27px;
}
.fotogalerie.trailer{
    display: block;
}
.fotogalerie.trailer h3{margin-top: 0;}
.fotogalerie.ohlasy h3{margin-top: 120px;}

.lines{
    font-size: 34px;
    line-height: 140%;
}
.lines .line{
    overflow: hidden;
    border-top: 1px solid #909090;
    padding: 15px 0;
    position: relative;
    min-height: 160px;
}
.lines .line:last-of-type
{
    border-bottom: none;
}
.lines .line .title{
    float: left;
    width: 225px;
    min-height: 1px;
}
.lines .line .text{
    width: calc(100% - 20px - 225px - 150px);
    float: left;
    color: #ED184C;
    padding-right: 20px;
}
.lines .line a{
    position: absolute;
    right: 0;
    width: 156px;
    top: calc(50% - 30px);
    text-align: left;
}
.lines .line a img{
    float: right;
    display: block;
    padding: 10px;
}
.lines .line a img{
    }
.fotogalerie .lines .line {
    aspect-ratio: initial;
    font-size: 21px;
}

.lines .line a.btn {
    position: relative;
    display: inline-block;
    width: 112px;
}


.lines .line a.btn img{ width:20px;position: absolute;right: 0;/* top: 0px; */padding: 0 5px;}
/*////////////////////////////////////////*/
.bg_red{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    background: #ED184C;
    z-index: 10;
    display: none;
}
.bg_red.open{
    display: block;
}
.menu_mobile{
    z-index: 11;
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    cursor: pointer;
}
.menu_mobile.open{
    position: fixed;
}
.menu_mobile svg line{
    transition: 0.2s all ease-in-out;
}
.menu_mobile.open .menu_line1 {
    transform: rotate(-45deg) translate(-35px, 18px);
}
.menu_mobile.open .menu_line3 {
    transform: rotate(45deg) translate(19px, -39px);
}
.menu_mobile.open .menu_line2 {opacity: 0;}

/*////////////////////////////////////////*/
.cinema_bar.white .select {border-color: #ED184C;color: #ED184C;/* margin-top: 60px; */}

/*////////////////////////////////////////*/
.select .template{
    cursor: pointer;
    padding: 8px 18px 10px;
    position: relative;
    letter-spacing: 0.02em;
    /* font-size: 28px; */
    /* line-height: 150%; */
}
.vyber_kina{
    /* display: none; */
    opacity: 0;
    background: transparent;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 51px;
    box-sizing: border-box;
    padding: 8px 18px 10px;
    color: white;
    border-bottom: 1px solid;
    cursor: text;
}
.kina{
    display: none;
    margin-top: 51px;
    padding: 15px 15px 15px 15px;
    /* font-size: 29px; */
    line-height: 160%;
}
.vyber_kina:focus-visible{
    outline: none;
    border-bottom: 1px solid white;
    color: white;
}
.vyber_kina::placeholder
{color: white;}
.kina .mesto{}
.kina .mesto .mesto_name{
    /* padding-bottom: 8px; */
    line-height: 170%;
    margin-bottom: 8px;
}
.kina .mesto .mesto_name .checkbox,
.kina .mesto .kino .checkbox{
    float: left;
    border: 1.5px solid white;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin-top: 6px;
    margin-left: 1px;
}
.kina .mesto .kino{margin-left: 32px;}
.kina .mesto .kino label .label{margin-left: 10px;float: left;}
.kina .mesto .kino label{
    overflow: hidden;
    display: block;
    padding: 9px 0;
    cursor: pointer;
}
.kina .mesto .mesto_name label{
    overflow: hidden;
    display: block;
    cursor: pointer;
}
.kina .mesto .mesto_name label.disabled {
    color: #ed184c26;
}
.kina .mesto .mesto_name .label{margin-left: 10px;float: left;}

.kina .mesto .open .checkbox{
    position: relative;
}
.kina .mesto .open .checkbox:after
{
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 2px;
    background: white;
}
.close_menu_kina{
    position: absolute;
    top: 3px;
    right: calc(50% - 290px);
    transform: rotate(180deg);
    display: none;
    cursor: pointer;
    z-index: 10;
}
.close_menu_kina2{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
.close_menu_kina img{
    display: block;
    width: 100%;
}
.selected_cinemas{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px 10px;
}
.selected_cinemas div{
    border: 1px solid white;
    border-radius: 40px;
    box-sizing: border-box;
    display: block;
    padding: 1px 10px;
    color: #ED184C;
    background: white;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    display: none;
}
.selected_cinemas div img{
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
    width: 30px;
}
.selected_cinemas div.open {
    display: block;
}
/*////////////////////////////////////////*/
.trailer {}
.trailer .video{}
.trailer .video iframe{
        aspect-ratio: 16/9;
}

.cinema_bar.white .kina .mesto .mesto_name .checkbox, .cinema_bar.white .kina .mesto .kino .checkbox
{
    border-color: #ED184C;
}
.cinema_bar.white .kina .mesto .open .checkbox, .cinema_bar.white .kina .mesto .open .checkbox
{
    background-color: #ED184C;
    outline: 1px solid #ED184C;
    border-color: #fff;
}
.cinema_bar.white .kina .mesto .open .checkbox:after{
         background-color: #ED184C;
}
.cinema_bar.white  .vyber_kina:focus-visible,
.cinema_bar.white  .vyber_kina
{
    border-bottom:1px solid #ED184C;
    color: #ED184C;
}
.cinema_bar.white .selected_cinemas div {
    color: white;
    background: #ED184C;
    border-color: #ED184C;
}
.cinema_bar.white .selected_cinemas div img{
  top: calc(50% - 14px);
}
/*////////////////////////////////////////*/
.porota>.item .name span{
        color: #ED184C;
        text-decoration: underline;
        cursor: pointer;
    }

.fotogalerie .foto{
    /* background-image: url(/TEMPLATE/IMG/bg/fotogalerie01.jpg); */
}
.rezie_box{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    /* min-height: 600px; */
    background: #ED184C;
    z-index: 300;
    color: white;
    font-size: 18px;
    display: none;
    overflow: scroll;
    /* bottom: 0; */
}
.rezie_box .exit{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.rezie_box .cont_m{
    /* position: relative; */
}
.rezie_box .cont_m div{
    margin-top: 3rem;
    overflow: hidden;
}
.rezie_box .cont_m div .head{
    float: left;
    width: calc(100% - 150px);
    margin: 0;
}
.rezie_box .cont_m div img{
    width: 150px;
    height: 150px;
    border-radius: 300px;
    float: left;
}
.rezie_box .cont_m .text{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 100px;
}
.rezie_box .cont_m h4{
    margin: 0;
    font-size: 32px;
}
.news_2 .film_text{
    padding: 0;
}
/*////////////////////////////////////////*/
video {
    position: absolute;
    width: 100%;
    height: 100%;
    /* aspect-ratio: 14/9; */
    object-fit: cover;
    filter: brightness(0.8);
}
video .pc{}
video .mobile{display: none;}
video .webp{display: none;}

.rezie_box a {
    color: white !important;
    text-decoration: underline !important;
}
/*////////////////////////////////////////*/
.video_helper {display: none;overflow: hidden;position: relative;transition: 1s all linear;min-height: 50vh;padding-top: 0;}
.video_helper.open {
    /* aspect-ratio: 16/9; */
    min-height: calc(100vw / 16 * 9 );
    padding-top: 220px;
}
.video_iframe {
    /* display: none; */
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    aspect-ratio: 16/9;
}
.video_cta {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
    top: 50%;
}

.video_cta div {
    display:
    flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.video_cta .text {display: inline-block;}
.video_cta .play svg {
    width: 11px;
    height: 28.8px;
    transition: 0.2s all linear;
    text-align: center;
    margin-right: -1px;
    margin-left: 1px;
}
.video_cta .play:hover svg path {
    fill: #ED184C;
}
.program_je_prazdny{
    display: block;
    text-align: center;
}

.archiv.title.tred {
    margin-bottom: 110px;
    font-size: 54px;
    line-height: 110%;
    text-align: center;
    margin-top: 100px;
}
.year_select{
    margin-top: 40px;
}
.year_select .select-items div,
.year_select  .select-selected{
    border-color: black;
}
.roky_footer{

    border-top: 1px solid;text-align: center;margin-top: 150px;
}
.roky_footer h3{
    font-weight: 200;
    margin: 50px auto;
}
/*////////////////////////////////////////*/
.uvodne_slovo_box{
    background: #ED184C;
    color: white;
    padding: 18px 30px;
    border-radius: 50px;
    display: flex;
    margin: 120px auto 80px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    max-width: 600px;
}
.uvodne_slovo_box .text{
    font-size: 34px;
    line-height: 140%;
    max-width: calc(100% - 100px);
}
.uvodne_slovo_box .btn{
    background: #fff;
     color: #ED184C;
     float: right;
}
.uvodne_slovo_box .btn:hover{
    background: #ED184C;
    color: white;
}
/*////////////////////////////////////////*/
@media only screen and (max-width: 1200px)
{
    body
    {

    }
    .main_cta>.title {
        font-size: 38px;
    }
    .main_cta>.date
    {
        /* display: none; */
        font-size: 18px;
        top: 67px;
        left: 25px;
        width: 166px;
        padding: 5px 0;
    }
    header .menu
    {
        display: none;
        z-index: 1000;
    }
    header .menu.open
    {display: block;position: fixed;top: 120px;left: 0;right: 0;text-align: center;}
    header .menu.open a
    {
        float: initial;
    }
    header .menu.open a div
    {
        padding: initial;
        line-height: 60px;
    }
    header .logo
    {
        top: 25px;
        left: 25px;
        width: 168px;
    }
    header .logo.open{
        position: fixed;
    }
    .menu_mobile{
        display: block;
    }
    .claim {
        font-size: 34px;
        margin: 60px auto;
    }
    .news_bar>.bar>.title {
        font-size: 34px;
    }
    .news_bar>.bar{
    position: relative;
}
    .news_bar>.title
    {
        font-size: 34px;
    }
    .news_bar>.bar>.menu
    {
        position: initial;
        margin-bottom: 50px;
        overflow: hidden;
    }
    .news_bar>.bar>.menu>a.left,
    .news_bar>.bar>.menu>a.right
    {
        bottom: 15px;
        position: absolute;
        margin-bottom: initial;
        z-index: 9;
    }
    .news_bar>.bar>.menu>a
    {
        margin-bottom: 15px;
    }
    .news_bar>.bar>.menu>a.active{
        margin-right: calc(100% - 250px);
    }
    .news_bar
    {padding: 0 15px;}
    .cinema_bar {
        margin: 30px auto 60px;
        padding: 30px 15px;
        border-radius: 20px;
        max-width: calc(100% - 30px);
    }
    .cinema_bar>.title
    {
        font-size: 34px;
    }
    .cinema_bar>.content
    {
        font-size: 18px;
        padding: 0 15px;
    }
    .progress
    {
        margin: 15px auto;
    }
    .news_bar>.bar>.menu>a.right{right: 15px;}
    .movies>.content
    {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
        gap: 15px;
        margin-bottom: 30px;
    }
    .movies>.title
    {
        font-size: 34px;
    }
    .parneri>.title
    {
        font-size: 34px;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .parneri
    {
        margin-top: 0;
    }
    .cont{padding: 0 15px;}
        footer .social a{
        width: 66px;
        height: 66px;
        line-height: 66px;
        font-size: 34px;
    }
    footer .social a:nth-of-type(3)
    {
        font-size: 31px;
    }
    .social
    {
        margin-bottom: 30px;
    }
    footer .cont.v2>div
    {
        width: 100%;
        margin-bottom: 30px;
    }
    .program>.line>.text>.title
    {
        font-size: 24px;
    }
    .program>.line>.time
    {
        width: 100px;
        font-size: 18px;
    }
    .program>.line>.text
    {
        width: calc(100% - 100px);
    }
    .program>.line>.cta
    {
        padding: 3px 10px 5px;
        font-size: 18px;
        width: 170px;
    }
    .btn{/* font-size: 24px; */}
    footer .social a:nth-of-type(3) svg
    {
        width: 20px;
        left: calc(50% - 8px);
        top: calc(50% - 29px);
    }
    .video_helper.open {
        padding-top: 120px;
    }
    .porota_col2{
        column-count: 1;
    }
    .cta_small_box{
        margin: 140px auto 60px;
        gap: 10px 0px;
        display: none;
    }
    .cta_small_box.v2{
        display: flex;
    }
    .movies{
        margin-top: 160px;
    }
    .left_text{
        margin-bottom: 60px;
    }
    .news_bar>.bar>.menu>a.active{
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 90px;
        margin-right: initial;
    }

}
/*////////////////////////////////////////*/
@media only screen and (max-width: 800px)
{
    body
    {
        font-size: 16px;
    }
    .vyber_kina::placeholder
    {
        font-size: 18px;
    }
    .cinema_bar .select
    {
        min-height: initial;
    }
    .movies>.content>.item
    {
        width: 100%;
    }
    footer .cont.v1>div,
    footer .cont.v1>div>div
    {
        width: 100%;
        max-width: initial;
    }
    .breadcrum
    {
        padding: 7px 15px;
    }
    .awards .award
    {
        width: 100%;
    }
    .film_text{
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 0 15px;
    }
    .film_text .synopse
    {
        width: 100%;
    }
    .film_text .description
    {
        width: 100%;
        padding: initial;
    }
    .awards .award
    {
        margin-bottom: 15px;
    }
    .l6{/* width: 100%; */}
    .desc{padding: 0 15px;}
    .desc .l6:nth-of-type(1) {
        padding-right: 0;
    }
    .desc .line .head
    {
        width: 100%;
    }
    .desc .line .text
    {
        width: 100%;
    }
    .csfd_links
    {
        width: 100%;
        margin-bottom: 30px;
    }
    .csfd_links .btn.v2
    {padding: 4px 10px 5px;font-size: 21px;width: 130px;max-width: calc(50% - 20px);}
    .csfd_links .btn.v2 img
    {
        top: -3px;
        bottom: 0;
        right: 0;
    }
    .info
    {
        margin-bottom: 30px;
    }
    .filmy_info1{
        font-size: 34px;
        margin-top: 60px;
    }
    .filmy_info2{
        font-size: 28px;
    }
    .cinema_bar{
        padding: 0;
    }
    .news_bar>.bar {
        height: calc(100vw - 60px);
        padding: 15px;
    }
    .cont_l{
        padding: 0 20px;
    }
    .fotogalerie .line
    {
        aspect-ratio: 16/9;
    }
    .news_bar>.bar>.menu>a:not(.active):not(.left):not(.right)
    {
        display: none;
    }
    .news_bar>.bar>.menu>a.active{
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 90px;
        margin-right: initial;
    }
    .vyber_kina
    {
        height: initial;
        min-height: initial;
        /* border: 1px solid white; */
        /* border-radius: 40px; */
        font-size: 18px;
    }
    .text_gab{
      columns:1;
    }
    .rezie_box{
        min-height: initial;
        bottom: 0;
    }
    .main_cta>.bg.v1{
        background-image: url(/TEMPLATE/IMG/bg/2025web_cover1080x1920.jpg);
        filter: brightness(0.8);
    }
   /* .main_cta>.bg.kina_desktop{
        background-image: url(/TEMPLATE/IMG/bg/kina_mob.jpg);
    }*/
    .full_screen_photo.poradatele{
        background-image: url(/TEMPLATE/IMG/bg/poradatele.jpg);
        
        background-size: contain;
        background-repeat: no-repeat;
        aspect-ratio: 16/11;
        min-height: initial;
    }
   /* .main_cta>.bg.ofestivalu{
        background-image: url(/TEMPLATE/IMG/bg/ofestivalu_mob.jpg);
    }*/
    .main_cta>.bg.archiv{
        background-image: url(/TEMPLATE/IMG/bg/archiv_m.jpg);
    }
    .about_box .bg
    {
        background-image: url(/TEMPLATE/IMG/bg/ofestivalu_filmy_online_mob.jpg);
    }
    .porota2 .item .left{
        width: 100%;
    }
    .porota2 .item .right{
        position: initial;
        margin: 40px auto 0;
        max-width: 300px;
    }


}
@media only screen and (max-width: 660px)
{
    .close_menu_kina
    {
        right: 0;
        top: 0;
    }
}
@media only screen and (max-width: 600px)
{
    .main_cta>.title
    {
        font-size: 28px;
    }
    .main_cta>.title {
        font-size: 28px;
    }
    .claim.grad {
        font-size: 24px;
        margin-top: calc(45px + 30px);
        margin-bottom: 45px;
    }
    .news_bar>.bar>.title {
        font-size: 24px;
        height: initial;
        min-height: 330px;
    }
    .news_bar>.bar{
        height: initial;
        min-height: 400px;
        padding: 15px;
    }
    .news_bar>.title
    {
        font-size: 18px;
    }
    .news_bar>.bar>.menu
    {
        /* position: initial; */
        margin-top: 0;
        margin: 0;
    }
    .cinema_bar>.title
    {
        font-size: 28px;
    }
    .program>.line>.time{
        width: 80px;
        font-size: 18px;
    }
    .program>.line>.text>.title{
        font-size: 18px;
        margin-bottom: 0;
    }
    .main_cta
    {
        min-height: 88vh;
    }
    .btn{
        font-size: 16px;
        padding: 4px 10px 5px;
    }
    .main_cta>.cta
    {
        width: 150px;
        left: calc(50% - 150px / 2);
        /* bottom: 30px; */
        /* box-sizing: border-box; */
    }
    .news_bar>.bar>.menu>a {
        padding: 4px 10px 5px;
    }
  .news_bar>.bar>.menu>a.right
  {
    right:0
  }
    .cinema_bar
    {
        padding: 0px 15px 30px;
        margin-bottom: 30px;
        width: 100%;
        max-width: initial;
        box-sizing: border-box;
    }
    .cinema_bar>.content{padding: 0;}
    .movies>.title{
        font-size: 24px;
    }
    .movies>.content>.item>.tag{
        font-size: 12px;
        padding: 4px 10px 5px;
    }
    .movies>.content>.item
    {
        min-height: 213px;
    }
    .movies>.content>.item>.title
    {
        font-size: 18px;
        bottom: 20px;
    }
    .movies>.content
    {
     margin-bottom: 0;
    }
    .parneri>.title
    {
        margin-top: 0;
        font-size: 24px;
        margin-bottom: 0;
    }
    .parneri>div>.subtitle
    {font-size: 12px;margin-top: 30px;}
    .parneri>div>.items>.item
    {
        width: calc(50% - 10px);
        min-width: initial;
    }
    footer .cont.v1>div>div{
        font-size: 18px;
    }
    .claim.filmtitle{
        margin: 30px auto;
        font-size: 28px;
        line-height: 120%;
    }
    .awards .award .box div
    {
        font-size: 12px;
    }
    .awards .award
    {
        min-height: 100px;
        margin-bottom: 30px;
    }
    .awards .box{
        width: 200px;
    }
    .film_text .synopse{
        font-size: 18px;
        margin-bottom: 30px;
        padding-right: initial;
    }
    .film_text .description{
        font-size: 18px;
    }
    .desc .line .head{
        font-size: 12px;
    }
    .desc .line .text
    {}
    .fotogalerie.ohlasy
    {
        /* display: none; */
    }
    .cinema_bar.white
    {
        padding: 0 15px;
        margin-top: 45px;
        margin-bottom: 0;
    }
    .fotogalerie .foto
    {min-height: calc(100vw / 16 * 9);border-radius: 5px;}
    .filmy_info1{
        font-size: 24px;
    }
    .filmy_info2{
        font-size: 18px;
    }
    .program>.line>.text{
        width: calc(100% - 80px);
    }
    .program>.line>.cta{
        padding: 4px 10px 5px;
        font-size: 16px;
        width: 133.57px;
    }
    .program>.line>.cta img{
        width: 14px;
        /* margin: 7px 3px; */
        top: calc(50% - 18px);
        right: 10px;
    }
    .fotogalerie.trailer h3
    {
        font-size: 24px;
        margin: 0 auto 30px;
    }
        
    .fotogalerie.trailer .foto {
        margin: 0 -15px;
        border-radius: initial;
    }
    .fotogalerie.ohlasy h3{
        margin-top: 30px;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .lines{
        font-size: 18px;
    }
    .lines .line{
        border-top: initial;
        border-bottom: 1px solid #909090;
    }
    .lines .line .title{width: initial;float: initial;padding: 15px 0;}
    .lines .line .text{padding: 15px 0;width: initial;}
    .lines .line a{
        position: initial;
        float: right;
        width: initial;
        font-size: 16px;
    }
    .lines .line a img{
        margin: -3px -5px -3px 0;
        width: 11px;
    }
    .claim.kino
    {
        font-size: 28px;
        margin: 45px auto 75px;
    }
    .program{
        margin-top: 0;
    }
    .kino_bar .program>.date.city
    {
        font-size: 18px;
        padding: 0;
    }
    .program>.line{padding: 2px 0 15px;}
    .cinema_bar.kino_bar .program>.line>.text {
        width: 100%;
        padding: 4px 0 7px;
    }
    .cinema_bar.kino_bar .program>.line>.cta
    {
        margin-top: 0;
    }   
    .cinema_bar.kino_bar .line {
        padding: 0;
    }
    .claim{
        margin: 45px auto;
        padding: 0 15px;
        font-size: 28px;
    }
    .left_text{
        font-size: 18px;
    }
    
    .about_box{
        padding: 15px;
        border-radius: 10px;
    }
    .about_box .subtitle{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .about_box .title{
        font-size: 18px;
        line-height: 140%;
        margin-bottom: 1rem;
    }
    .about_box .btn{
        margin-bottom: 100px;
        width: 150px;
    }
    .about_box .btn img{
        width: 11px;
        margin-top: initial;
        position: absolute;
        right: 17px;
        top: calc(50% - 6px);
    }
    .about_texts{
        margin: 60px auto 30px;
    }
    .about_texts h3{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .porota{
        gap: 30px 10px;
    }
    .porota>.item{
        width: calc(50% - 10px);
        padding: initial;
    }
    .porota>.item .name{
        font-size: 18px;
        line-height: 140%;
        padding: 15px 0;
    }

    h3{
        font-size: 24px;
        line-height: 110%;
    }
    .fotogalerie h3
    {
        margin: 60px auto 30px;
    }
    .fotogalerie .arrow.left{left: 15px;}
    .fotogalerie .arrow.right{right: 15px;}
    .manifest_text{
        margin: 30px auto 15px;
        padding: inherit;
    }
    .film_text{
        padding: 0 15px;
        /* padding: 0; */
        margin-top: 15px;
        margin-bottom: 45px;
    }
    .news_2{
        padding: 0;
    }
    .news_2 h3{
        font-size: 18px;
        /* text-align: center; */
        padding: 0 15px;
    }
    .select_box{
        left: calc(50% - 150px);
    }
    .roky_footer h3{
        font-weight: 400;
    }
    .uvodne_slovo_box{
        padding: 30px;
    }
    .uvodne_slovo_box .text{
        font-size: 18px;
    }

}
/*////////////////////////////////////////*/

.bg_effect{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(30px);
    height: 80px;
    z-index: 10;
}
.bg_effect.on{
    display: block;
}