/*body {
  min-height: 75rem;
  padding-top: 9rem;
  padding-left: 20px;
  padding-right: 20px;
}*/

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.maximagesize{
    max-height: 15rem;
    min-height:15rem
}


.bg-anifilm{
  background-image: url("/main-img/Anifilm_nav_background");
  background-size: cover;
  background-repeat: repeat;
  background-color: var(--a_main_l)!important;
}

.an-search{
  display: flex;
  align-items: center;
  }

@media (max-width: 1300px) {
.an-search{
    content-visibility:hidden;
  }
}

@media (max-width: 1020px) {
.an-scale1{
    content-visibility:hidden;
  }
}

@media (max-width: 900px) {
.an-scale2{
    content-visibility:hidden;
  }
}

@media (max-width: 768px) {
  .an-search{
    content-visibility:visible;
  }
  .an-scale1{
    content-visibility:visible;
  }
  .an-scale2{
    content-visibility:visible;
  }

  .rectangle-all{
    height: 50px;
    width: 100%;
    background-color: var(--a_main);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
    }
  .rectangle-Feature_Film {
  height: 50px;
  width: 100%;
  background-color: var(--a_feature);
  position: fixed;
  top: 4.5rem;
  right: 0;
  left: 0;
  
  }
  .rectangle-Short_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_short);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-Student_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_student);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-Abstract_and_Non-Narrative_Animation{
    height: 50px;
    width: 100%;
    background-color: var(--a_abstract);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-Music_Video{
    height: 50px;
    width: 100%;
    background-color: var(--a_music);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-VR_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_vr);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-Videogame{
    height: 50px;
    width: 100%;
    background-color: var(--a_game);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
  .rectangle-Czech_Horizon{
    height: 50px;
    width: 100%;
    background-color: var(--a_czech);
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    
  }
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  .an-cart{
      order: +1;
    }
  .an-cart-down{
    right: 0;
    left: auto;
  }
    .rectangle-all{
      height: 50px;
      width: 100%;
      background-color: var(--a_main);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Feature_Film {
      height: 50px;
      width: 100%;
      background-color: var(--a_feature);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Short_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_short);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Student_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_student);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Abstract_and_Non-Narrative_Animation{
      height: 50px;
      width: 100%;
      background-color: var(--a_abstract);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Music_Video{
      height: 50px;
      width: 100%;
      background-color: var(--a_music);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-VR_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_vr);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Videogame{
      height: 50px;
      width: 100%;
      background-color: var(--a_game);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Czech_Horizon{
      height: 50px;
      width: 100%;
      background-color: var(--a_czech);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
}

@media (min-width: 992px) {
  .bg-light{
    padding-top: 5rem;
  }
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  .an-cart{
      order: +1;
    }
  .an-cart-down{
    right: 0;
    left: auto;
  }
    .rectangle-all{
      height: 50px;
      width: 100%;
      background-color: var(--a_main);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Feature_Film {
      height: 50px;
      width: 100%;
      background-color: var(--a_feature);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Short_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_short);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Student_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_student);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Abstract_and_Non-Narrative_Animation{
      height: 50px;
      width: 100%;
      background-color: var(--a_abstract);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Music_Video{
      height: 50px;
      width: 100%;
      background-color: var(--a_music);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-VR_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_vr);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Videogame{
      height: 50px;
      width: 100%;
      background-color: var(--a_game);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Czech_Horizon{
      height: 50px;
      width: 100%;
      background-color: var(--a_czech);
      position: fixed;
      top: 9.5rem;
      right: 0;
      left: 0;
    }
}

@media (min-width: 1007px) {
  .bg-light{
    padding-top: 2.5rem;
  }
.bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
.an-cart{
    order: +1;
  }
.an-cart-down{
  right: 0;
  left: auto;
}
  .rectangle-all{
    height: 50px;
    width: 100%;
    background-color: var(--a_main);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Feature_Film {
    height: 50px;
    width: 100%;
    background-color: var(--a_feature);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Short_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_short);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Student_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_student);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Abstract_and_Non-Narrative_Animation{
    height: 50px;
    width: 100%;
    background-color: var(--a_abstract);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Music_Video{
    height: 50px;
    width: 100%;
    background-color: var(--a_music);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-VR_Film{
    height: 50px;
    width: 100%;
    background-color: var(--a_vr);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Videogame{
    height: 50px;
    width: 100%;
    background-color: var(--a_game);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
  .rectangle-Czech_Horizon{
    height: 50px;
    width: 100%;
    background-color: var(--a_czech);
    position: fixed;
    top: 8rem;
    right: 0;
    left: 0;
  }
}

@media (min-width: 1055px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  .an-cart{
      order: +1;
    }
  .an-cart-down{
    right: 0;
    left: auto;
  }
    .rectangle-all{
      height: 50px;
      width: 100%;
      background-color: var(--a_main);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Feature_Film {
      height: 50px;
      width: 100%;
      background-color: var(--a_feature);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Short_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_short);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Student_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_student);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Abstract_and_Non-Narrative_Animation{
      height: 50px;
      width: 100%;
      background-color: var(--a_abstract);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Music_Video{
      height: 50px;
      width: 100%;
      background-color: var(--a_music);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-VR_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_vr);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Videogame{
      height: 50px;
      width: 100%;
      background-color: var(--a_game);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
    .rectangle-Czech_Horizon{
      height: 50px;
      width: 100%;
      background-color: var(--a_czech);
      position: fixed;
      top: 7rem;
      right: 0;
      left: 0;
    }
}

@media (min-width: 1221px) {
  .bg-light{
    padding-top: 0;
  }
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  .an-cart{
      order: +1;
    }
  .an-cart-down{
    right: 0;
    left: auto;
  }
    .rectangle-all{
      height: 50px;
      width: 100%;
      background-color: var(--a_main);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Feature_Film {
      height: 50px;
      width: 100%;
      background-color: var(--a_feature);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Short_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_short);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Student_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_student);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Abstract_and_Non-Narrative_Animation{
      height: 50px;
      width: 100%;
      background-color: var(--a_abstract);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Music_Video{
      height: 50px;
      width: 100%;
      background-color: var(--a_music);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-VR_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_vr);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Videogame{
      height: 50px;
      width: 100%;
      background-color: var(--a_game);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Czech_Horizon{
      height: 50px;
      width: 100%;
      background-color: var(--a_czech);
      position: fixed;
      top: 6.5rem;
      right: 0;
      left: 0;
    }
}

@media (min-width: 1221px) {
  .bg-light{
    padding-top: 0;
  }
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  .an-cart{
      order: +1;
    }
  .an-cart-down{
    right: 0;
    left: auto;
  }
    .rectangle-all{
      height: 50px;
      width: 100%;
      background-color: var(--a_main);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Feature_Film {
      height: 50px;
      width: 100%;
      background-color: var(--a_feature);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Short_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_short);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Student_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_student);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Abstract_and_Non-Narrative_Animation{
      height: 50px;
      width: 100%;
      background-color: var(--a_abstract);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Music_Video{
      height: 50px;
      width: 100%;
      background-color: var(--a_music);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-VR_Film{
      height: 50px;
      width: 100%;
      background-color: var(--a_vr);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Videogame{
      height: 50px;
      width: 100%;
      background-color: var(--a_game);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
    .rectangle-Czech_Horizon{
      height: 50px;
      width: 100%;
      background-color: var(--a_czech);
      position: fixed;
      top: 5rem;
      right: 0;
      left: 0;
    }
}

.color-all{
  background-color: var(--a_main);
  }

.color-Feature_Film {
color: var(--a_feature);
}
.color-Short_Film{
  color: var(--a_short);
}
.color-Student_Film{
  color: var(--a_student);
}
.color-Abstract_and_Non-Narrative_Animation{
  color: var(--a_abstract);
}
.color-Music_Video{
  color: var(--a_music);
}
.color-VR_Film{
  color: var(--a_vr);
}
.color-Videogame{
  color: var(--a_game);
}
.color-Czech_Horizon_–_Short_and_Feature_Films, .color-Czech_Horizon_–_Series, .color-Czech_Horizon_–_Student_Films, .color-Czech_Horizon_–_Music_Video, .color-Czech_Horizon_–_Commissioned_Works{
  color: var(--a_czech);
}

.Title{
  max-width: 220px;
}

.jumpo{
  padding: 2rem 1rem;
  border-radius: 0.3rem;
}

.bg-Feature_Film{
  background-color: var(--a_feature_l);
}

.bg-Short_Film{
  background-color: var(--a_short_l);
}

.bg-Student_Film{
  background-color: var(--a_student_l);
}

.bg-Abstract_and_Non-Narrative_Animation{
  background-color: var(--a_abstract_l);
}

.bg-Music_Video{
  background-color: var(--a_music_l);
}

.bg-VR_Film{
  background-color: var(--a_vr_l);
}

.bg-Videogame{
  background-color: var(--a_game_l);
}

.bg-Czech_Horizon_–_Short_and_Feature_Films, .bg-Czech_Horizon_–_Series, .bg-Czech_Horizon_–_Student_Films, .bg-Czech_Horizon_–_Music_Video, .bg-Czech_Horizon_–_Commissioned_Works {
  background-color: var(--a_czech_l);
}

.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    overflow: auto;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 80%;
    min-height: 100px;
    vertical-align: middle;
    width: 80%;

    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 25px;
    line-height: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}

.celovecerni.active, .celovecerni:focus, .celovecerni:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_feature);
}

.celovecerni{
  background-color: var(--a_feature_l);
}

.kratfilms.active, .kratfilms:focus, .kratfilms:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_short);
}

.kratfilms{
  background-color: var(--a_short_l);
}

.studfilms.active, .studfilms:focus, .studfilms:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_student);
}

.studfilms{
  background-color: var(--a_student_l);
}

.anna.active, .anna:focus, .anna:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_abstract);
}

.anna{
  background-color: var(--a_abstract_l);
}

.musvid.active, .musvid:focus, .musvid:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_music);
}

.musvid{
  background-color: var(--a_music_l);
}

.vrfilms.active, .vrfilms:focus, .vrfilms:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_vr);
}

.vrfilms{
  background-color: var(--a_vr_l);
}

.games.active, .games:focus, .games:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--a_game);
}

.games{
  background-color: var(--a_game_l);
}

.chkracel.active, .chkracel:focus, .chkracel:hover,
.chstudfilms.active, .chstudfilms:focus, .chstudfilms:hover,
.chmusvid.active, .chmusvid:focus, .chmusvid:hover,
.chcomworks.active, .chcomworks:focus, .chcomworks:hover,
.chserials.active, .chserials:focus, .chserials:hover{
  color: #000;
  text-decoration: none;
  background-color: var(--a_czech);
}

.chkracel,
.chstudfilms,
.chmusvid,
.chcomworks,
.chserials{
  background-color: var(--a_czech_l);
}