/* CSS Document */

@font-face {
  font-family: JigsawStencilRegular;
  src: url("https://www.saldovo-divadlo.cz/IS/pu_data/send_files/File/saldovo_divadlo_cz_2/css/JigsawStencilRegular.otf") format("opentype");
}
.font-jigsaw-regular {font-family: 'JigsawStencilRegular';} 

body, html {height: 100%; scroll-padding-top: 190px; } 
.bxslider, .bxslider li {height: 100% !important; }

ul {margin: 0px 20px 0px 0px;}
   
.stred {margin: 0px auto;}
a {color: #ed1c24; text-decoration: none;}
a:hover {color: #ed1c24; text-decoration: underline;}



.text-bila {color: #ffffff;}

.transform-2s {transition: transform 0.4s;}
.transform-2s:hover {transform: scale(1.03);}

ul {margin: 0px 10px 0px 0px;}
li {padding: 0px 0px 3px 5px;list-style-position: outside;/* list-style-image: url('../../../Image/user_img/amboseli_eu/obecne/ico_ctverecek_zluta.png'); */}


/* desktop menu */
@media screen and (min-width:1850px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: green;}
  .hlavni-menu {max-width: 76%; width: 100%;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%,0); top: 30px;}
  .logo img {float: left; width: 100%;}
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 9px;} 
  .menu-mobile {float: right; display: none;} 
  .menu-mezera {float:left; padding: 0px 20px 0px 20px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
  .menu-pozadi-1 {position: fixed; z-index: 1; left: 0%; top: 0px;  width: 100%; height: 130px;} /*  border-bottom: 1px solid #f49b1f; margin: 0px 2.5% 0px 2.5%; */
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 0%; top: 0px;  width: 100%; height: 130px;}
  .content-video {position: fixed; left: 0%; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .loger-margin-top {margin-top: 35px;}
  .menu-item {font-size: 16px; font-weight: 600;  color: #ffffff; text-transform: normal;}
  
  .menu-left {float: left; margin: 60px 0px 0px 0px;}
  .menu-right {float: right; margin: 60px 0px 0px 0px;}
  .menu-alone-item-left {float: left; margin: 0px 40px 0px 18px; font-size: 21px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-alone-item-right {float: left; margin: 0px 22px 0px 22px; font-size: 19px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-left-img {width: 100%;}
  .menu-dropdown-item {height: 34px; margin: -5px 22px 0px 18px; padding: 3px 20px 3px 20px; border-radius: 34px; border: 2px solid white; }
  .menu-language-item {width: 40px; height: 40px; margin: -5px 0px 0px 0px; text-align: center; border-radius: 40px; border: 2px solid white; font-size: 19px; line-height: 38px; font-weight: 450; color: #ffffff; text-transform: normal;}
  
  .menu-dropdown-item-img {width: 100%;}
  .menu-dropdown-item-txt {float: left; margin-left: 15px; font-size: 19px; font-weight: 450; color: #ffffff; text-transform: normal;}
  
  .home-program {float: left; position: relative; width: 100%;}
  .home-program-cervena {background: #ed1c24;}
  .home-program-bila {background: #ffffff;}
  
  .home-program-prvni {float: left; width: 20%; height: 285px;}
  .home-program-prvni-in {float: right; width: 75%; margin-right: 5%;}
  .home-program-dalsi {float: left; width: 16%; height: 285px;}
  .home-program-dalsi-in {float: left; width: 80%; margin-left: 10%; margin-right: 10%;}
  
  .home-program-den {float: left; clear: both; margin: 25px 0px 0px 0px; font-size: 13px; line-height: 13px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-abo {float: right; margin: 23px 0px 0px 0px;}
  .home-program-abo-theater {float: right; margin: 23px 0px 0px 0px;}
  .home-program-datum {float: left; clear: both; margin: 7px 0px 0px 0px; font-size: 25px; line-height: 25px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-nazev {float: left; clear: both; margin: 7px 0px 0px 0px;}
  .home-program-nazev a {font-size: 22px; line-height: 23px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
  .home-program-autor {float: left; clear: both; height: 32px; margin: 10px 0px 0px 0px; font-size: 15px; line-height: 19px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-popis {float: left; clear: both; margin: 10px 0px 0px 0px; font-size: 15px; line-height: 19px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-cervena-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  .home-program-bila-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  
  .home-program-cervena-btn a {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-cervena-btn a:hover {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a:hover {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .program-teleso-nazev {float: left; width: 20%; height: 285px;}
  .program-teleso-nazev-txt {line-height: 285px;}
  .mobile-no {display: block;}
  
  /* menu vyjizdeci*/
  .dropdown-valbek {
    /* position: relative; */
    display: inline-block;
    height: 60px;
    /* background: red; */
  }
  
  .dropdown-valbek-content {
    position: absolute;
    left: 0px;
    top: 70px;
    background-color: #000000;
    float: left;
    height: 520px;
    width: 92.5%; padding: 2.5% 2.5% 2.5% 5%;
    z-index: 10;
    margin-top: 50px;
    display: none;
    flex-wrap: wrap; /* když není místo, vnořené divy se posouvají vedle */
    flex-direction: column; /* vnořené divy jsou zpočátku pod sebou */
    overflow: hidden;
    opacity: 0.90;
    border-top: 2px solid #ed1c24;
  }
  
  .dropdown-valbek-content-logo {
    position: absolute;
    right: 50px;
    top: 490px;
  }
  
  .dropdown-valbek-content-thalia {
    position: absolute;
    right: 50px;
    top: 400px;
  }
  
  
  .dropdown-valbek-content-item-section {
    width: 200px;
    display: flex;
    justify-content: left;
    align-items: left;
    float: left; font-family: 'JigsawStencilRegular'; font-size: 27px; line-height: 27px; text-transform: uppercase; font-weight: 700; color: #ed1c24; padding: 5px 0px 2px 0px;
  }
  
  .dropdown-valbek-content-item {
    width: 200px;
    display: flex;
    justify-content: left;
    align-items: left;
  }
  
  .dropdown-valbek-content-item a {
    float: left; font-size: 17px; line-height: 22px; font-weight: 300; color: #ffffff; padding-bottom: 10px;
  }
  
  .dropdown-valbek-content-item span {
    float: left; font-size: 17px; line-height: 22px; font-weight: 300; color: #6f6f6f; padding-bottom: 10px; text-decoration: none;
  }
  
  .dropdown-valbek:hover .dropdown-valbek-content {
    display: flex; /* block */
  }  
}
                        
/* tablet menu */                 
@media screen and (min-width:1276px) and (max-width:1849px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .hlavni-menu {width: 85%;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%,0); top: 30px;}
  .logo img {float: left; width: 80%;}
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 9px;} 
  .menu-mobile {float: right; display: none;}
  .menu-mezera {float:left; padding: 0px 10px 0px 10px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: none;}   
  .menu-pozadi-1 {position: fixed; z-index: 1; left: 0%; top: 0px;  width: 100%; height: 110px;}  
  .menu-pozadi-2 {position: fixed; z-index: 1; left: 0%; top: 0px;  width: 100%; height: 110px;}
  .content-video {position: fixed; left: 0%; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; }
  .loger-margin-top {margin-top: 35px;}
  .menu-item {font-size: 16px; font-weight: 600;  color: #ffffff; text-transform: normal;}
  
  .menu-left {float: left; margin: 60px 0px 0px 0px;}
  .menu-right {float: right; margin: 60px 0px 0px 0px;}
  .menu-alone-item-left {float: left; margin: 0px 30px 0px 8px; font-size: 18px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-alone-item-right {float: left; margin: 0px 22px 0px 22px; font-size: 17px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-left-img {float: left; margin: 5px 0px 0px 0px; width: 80%;}
  .menu-dropdown-item {height: 29px; margin: -5px 22px 0px 18px; padding: 3px 15px 3px 15px; border-radius: 29px; border: 2px solid white; }
  
  .menu-dropdown-item-img {width: 80%;}
  .menu-dropdown-item-txt {float: left; margin-left: 15px; font-size: 16px; font-weight: 450; color: #ffffff; text-transform: normal;}
  
  .menu-language-item {width: 40px; height: 40px; margin: -5px 0px 0px 0px; text-align: center; border-radius: 40px; border: 2px solid white; font-size: 19px; line-height: 38px; font-weight: 450; color: #ffffff; text-transform: normal;}
  
  .home-program {float: left; position: relative; width: 100%;}
  .home-program-cervena {background: #ed1c24;}
  .home-program-bila {background: #ffffff;}
  
  .home-program-prvni {float: left; width: 20%; height: 340px;}
  .home-program-prvni-in {float: right; width: 75%; margin-right: 5%;}
  .home-program-dalsi {float: left; width: 16%; height: 340px;}
  .home-program-dalsi-in {float: left; width: 80%; margin-left: 10%; margin-right: 10%;}
  
  .home-program-den {float: left; clear: both; margin: 25px 0px 0px 0px; font-size: 13px; line-height: 13px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-abo {float: right; clear: both; height: 14px; margin: 3px 0px 0px 0px;}
  .home-program-abo-theater {float: right; margin: 23px 0px 0px 0px;}
  .home-program-datum {float: left; clear: both; margin: 7px 0px 0px 0px; font-size: 25px; line-height: 25px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-nazev {float: left; clear: both; margin: 7px 0px 0px 0px;}
  .home-program-nazev a {font-size: 19px; line-height: 23px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
  .home-program-autor {float: left; clear: both; height: 32px; margin: 10px 0px 0px 0px; font-size: 14px; line-height: 19px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-popis {float: left; clear: both; margin: 10px 0px 0px 0px; font-size: 14px; line-height: 19px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-cervena-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  .home-program-bila-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  
  .home-program-cervena-btn a {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-cervena-btn a:hover {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a:hover {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .program-teleso-nazev {float: left; width: 20%; height: 340px;}
  .program-teleso-nazev-txt {line-height: 340px;}
  .mobile-no {display: block;}
  
  /* menu vyjizdeci*/
  .dropdown-valbek {
    /* position: relative; */
    display: inline-block;
    height: 60px;
    /* background: red; */
  }
  
  .dropdown-valbek-content {
    position: absolute;
    left: 0px;
    top: 70px;
    background-color: #000000;
    float: left;
    height: 520px;
    width: 92.5%; padding: 2.5% 2.5% 2.5% 5%;
    z-index: 10;
    margin-top: 50px;
    display: none;
    flex-wrap: wrap; /* když není místo, vnořené divy se posouvají vedle */
    flex-direction: column; /* vnořené divy jsou zpočátku pod sebou */
    overflow: hidden;
    opacity: 0.90;
    border-top: 2px solid #ed1c24;
  }
  
  .dropdown-valbek-content-logo {
    position: absolute;
    right: 50px;
    top: 490px;
  }
  
  .dropdown-valbek-content-thalia {
    position: absolute;
    right: 50px;
    top: 400px;
  }
  
  
  .dropdown-valbek-content-item-section {
    width: 200px;
    display: flex;
    justify-content: left;
    align-items: left;
    float: left; font-family: 'JigsawStencilRegular'; font-size: 20px; line-height: 20px; text-transform: uppercase; font-weight: 700; color: #ed1c24; padding: 5px 0px 2px 0px;
  }
  
  .dropdown-valbek-content-item {
    width: 200px;
    display: flex;
    justify-content: left;
    align-items: left;
  }
  
  .dropdown-valbek-content-item a {
    float: left; font-size: 14px; line-height: 18px; font-weight: 300; color: #ffffff; padding-bottom: 10px;
  }
  
  .dropdown-valbek-content-item span {
    float: left; font-size: 14px; line-height: 18px; font-weight: 300; color: #6f6f6f; padding-bottom: 10px; text-decoration: none;
  }
  
  .dropdown-valbek:hover .dropdown-valbek-content {
    display: flex; /* block */
  } 
}

/* mobile menu */
@media screen and (min-width:0px) and (max-width:1275px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .hlavni-menu {width: 90%;}
  .logo {float: left; z-index: 6; position: absolute; left: 50%; transform: translate(-50%,0); top: 30px;}
  .logo img {float: left; width: 80%;}
  .menu-carky {float: right; position: relative; margin-top: 31px; margin-right: 20px;}
  .menu {float: right; display: none;}
  .menu-mobile {float: right; width: 100%; display: block; margin-top: 20px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
  .menu-pozadi-1 {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 120;}
  .menu-pozadi-2 {float: left; position: absolute; left: 0px; top: -89px; width: 100%; height: 110px; z-index: 120;}
  .content-video { position: relative; top: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; /* padding: 20px; */}
  .loger-margin-top {margin-top: 0px;}
  .menu-item {}
  
  .menu-left {float: left; margin: 60px 0px 0px 0px;}
  .menu-right {float: right; margin: 60px 0px 0px 0px;}
  .menu-alone-item-left {float: left; margin: 0px 40px 0px 18px; font-size: 21px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-alone-item-right {float: left; margin: 0px 22px 0px 22px; font-size: 19px; font-weight: 450;  color: #ffffff; text-transform: normal; }
  .menu-left-img {}
  .menu-dropdown-item {height: 34px; margin: -5px 22px 0px 18px; padding: 3px 20px 3px 20px; border-radius: 34px; border: 2px solid white; }
  .menu-language-item {width: 40px; height: 40px; margin: -5px 0px 0px 0px; text-align: center; border-radius: 40px; border: 2px solid white; font-size: 19px; line-height: 38px; font-weight: 450; color: #ffffff; text-transform: normal;}
  
  .menu-dropdown-item-img {}
  .menu-dropdown-item-txt {}
  
  .home-program {float: left; position: relative; width: 100%;}
  .home-program-cervena {background: #ed1c24;}
  .home-program-bila {background: #ffffff;}
  
  .home-program-prvni {float: left; width: 100%; height: 285px;}
  .home-program-prvni-in {float: right; width: 80%; margin-right: 10%;}
  .home-program-dalsi {float: left; width: 100%; height: 285px;}
  .home-program-dalsi-in {float: left; width: 80%; margin-left: 10%; margin-right: 10%;}
  
  .home-program-den {float: left; clear: both; margin: 25px 0px 0px 0px; font-size: 13px; line-height: 13px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-abo {float: right; margin: 23px 0px 0px 0px;}
  .home-program-abo-theater {float: right; margin: 23px 0px 0px 0px;}
  .home-program-datum {float: left; clear: both; margin: 7px 0px 0px 0px; font-size: 25px; line-height: 25px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-nazev {float: left; clear: both; margin: 7px 0px 0px 0px;}
  .home-program-nazev a {font-size: 22px; line-height: 23px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
  .home-program-autor {float: left; clear: both; height: 32px; margin: 10px 0px 0px 0px; font-size: 15px; line-height: 19px; font-weight: 600; color: #ffffff; text-transform: normal;}
  .home-program-popis {float: left; clear: both; margin: 10px 0px 0px 0px; font-size: 15px; line-height: 19px; font-weight: 450; color: #ffffff; text-transform: normal;}
  .home-program-cervena-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  .home-program-bila-btn {float: left; clear: both; margin: 14px 0px 0px 0px; }
  
  .home-program-cervena-btn a {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-cervena-btn a:hover {color: #ed1c24; font-size: 16px; line-height: 22px; font-weight: 450; background: #ffffff; border: 1px solid #ffffff; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .home-program-bila-btn a:hover {color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 2px 10px 2px 10px; text-decoration: none;}
  .program-teleso-nazev {}
  .program-teleso-nazev-txt {}
  .mobile-no {display: none;}
}





/* desktop */
@media screen and (min-width:1350px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 100%;}
  .hlavni {max-width: 80%; width: 100%;}
  div {text-align: left;font-family: "Open Sans", sans-serif;font-size: 19px;line-height: 32px;color: #161922;font-weight: 300;}
  td {font-family: "Open Sans", sans-serif;font-size: 19px;line-height: 32px;color: #161922;font-weight: 300;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {float: left; width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 16.8%; margin: 0% 4.0% 0% 4.0%;} 
  .table-5-sloupce {width: 16.0%; margin: 0% 2.0% 0% 2.0%;}
  .table-6-sloupce {width: 13.0%; margin: 0% 1.8% 0% 1.8%;}
  .table-7-sloupce {width: 11.0%; margin: 0% 1.6% 0% 1.6%;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 159px; margin: 0px 20px 20px 0px;}
  
  
  
  .str-program-desktop {display: block;}
  .str-program-tablet {display: none;}
  .str-program-mobil {display: none;}
  
  .soc-slider {float: left; position: absolute; z-index: 9999; right: 200px; bottom: 100px; z-index: 999; width: 300px; white-space: nowrap;}
  .bottom-slider {float: left; position: absolute; z-index: 9999; right: 0px; bottom: 0px; z-index: 999; width: 100%; height: 108px; background-color: rgba(135, 65, 47, 0.6);}
  .tlacitko-hnede-navig {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {float: left; color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none; text-decoration: none; background-color: #dee7e8; border: 0px; padding: 0px 14px 1px 14px; margin: 0px 2px 0px 2px;}
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  
   /* 1 */
  .nadpis {font-family: 'JigsawStencilRegular'; font-size: 40px; line-height: 66px; text-transform: uppercase; font-weight: 700; }
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 60px; line-height: 66px; font-weight: 700; text-transform: uppercase; color: #ffffff;}
  .nadpis-cerveny {font-family: 'JigsawStencilRegular'; font-size: 60px; line-height: 66px; font-weight: 700; text-transform: uppercase; color: #ed1c24;}
  .nadpis-stredni {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-cerveny {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-bily {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ffffff; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly-cerveny {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .table-40procent-2-sloupce {float: left; width: 36%; margin: 0px 2% 0px 2%;}
  .table-60procent-2-sloupce {float: left; width: 56%; margin: 0px 2% 0px 2%;}
  .text-upoutavka-1 {float: left; clear: both; font-size: 29px; line-height: 29px; font-weight: 450; text-transform: normal;}
  .text-upoutavka-2 {float: left; clear: both; font-family: 'JigsawStencilRegular'; font-size: 70px; line-height: 90px; font-weight: 600; text-transform: uppercase;}
  .text-upoutavka-3 {float: left; clear: both; font-size: 25px; line-height: 30px; font-weight: 450; text-transform: normal;}
  .tlacitko-upoutavka-cerne {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cerne:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 6px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile {color: #ed1c24; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile:hover {color: #ed1c24; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text:hover {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-carka-slider {float: left; font-size: 20px; line-height: 20px; font-weight: 300; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ffffff; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-carka-slider:hover {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ed1c24; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-plna-slider {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ffffff; color: #000000; padding: 11px 30px 14px 30px; border: 1px solid #ffffff; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-plna-slider:hover {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 30px 14px 30px; border: 1px solid #ed1c24; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-male-cervene {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-cervene:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile:hover {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .text-paticka {color: #ffffff; }
  .odkaz-paticka {color: #ffffff; font-size: 21px; font-weight: 600;}
  .odkaz-paticka:hover {color: #ffffff;}
  .nadpis-paticka {font-size: 24px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; white-space: nowrap;}
  .vertikal-repertoar {position: absolute; left: 0px; top: 90px; font-family: 'JigsawStencilRegular'; font-size: 69px; line-height: 69px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .vertikal-podcast {position: absolute; left: 0px; top: 90px; font-family: 'JigsawStencilRegular'; font-size: 69px; line-height: 69px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .aktuality-slider-item {}
  .aktuality-slider-btn-teleso {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-btn-teleso:hover {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-nadpis {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #000000; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-nadpis:hover {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-anotace {float: left; margin-top: 10px; font-size: 18px; line-height: 26px; color: #000000; font-weight: 300;}
  .aktuality-slider-btn {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #000000; font-weight: 450; text-transform: uppercase;}
  .aktuality-slider-btn:hover {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #ffffff; font-weight: 450; text-transform: uppercase;}
  .table-tip {float: left; } /* margin: 0px auto; */
  .table-tip tr {}
  .table-tip td {}
  .table-tip td:nth-child(2), .table-tip td:nth-child(4) {}
  .table-tip td:not(:last-child) {}
  .tip-text-bila { font-size: 25px; line-height: 29px; color: #ffffff; font-weight: 450;}
  .citat-text { font-size: 24px; line-height: 29px; color: #000000; font-weight: 450; font-style: italic;} 
  .citat-text-bila { font-size: 24px; line-height: 29px; color: #ffffff; font-weight: 450; font-style: italic;} 
  .citat-jmeno { font-size: 24px; line-height: 29px; color: #ed1c24; font-weight: 450; font-style: italic;} 
  .program-sloupec {width: 48%;}
  .program-sloupec-nadpis {float: left; margin-bottom: 25px; font-family: 'JigsawStencilRegular'; font-size: 38px; line-height: 38px; font-weight: 450; text-transform: uppercase;}
  .filter-text-btn-cervene-0 {float: left; margin: 0px 5px 0px 5px; color: #000000; font-size: 18px; font-weight: 600; background: transparent; border: 1px solid transparent; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-0:hover {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-1 {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-small {margin: 0px 5px 0px 5px; }
  .program-item {float: left; width: 100%; margin-bottom: 10px; padding: 0% 0% 0% 0%; border: 1px solid #b4b4b4;}
  .table-program-item {float: left; width: 100%; border-collapse: collapse; spacing: 0;} 
  .table-program-item tr {}
  .table-program-item td {}
  .table-program-item td img  {}
  .table-program-item td:nth-child(0) {}
  .table-program-item td:nth-child(2) {}
  .table-program-item td:nth-child(4) {}
  .detail-predstaveni-nadpis {float: left; font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 600; margin: 10px 0px 0px 0px;}
  .detail-predstaveni-role {float: left; font-family: 'JigsawStencilRegular'; color: #ffffff; font-size: 30px; line-height: 35px; text-transform: uppercase; font-weight: 600; margin: 0px 20px 0px 0px;}
  .detail-predstaveni-person {float: left; margin: 0px 20px 0px 0px;}
  .detail-predstaveni-person a {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 24px; line-height: 35px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-person span {font-family: 'JigsawStencilRegular'; color: grey; font-size: 24px; line-height: 35px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni {float: left; width: 16.8%; margin: 0% 4.0% 20px 4.0%;} 
  .detail-predstaveni-obsazeni-img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .detail-predstaveni-obsazeni-jmeno {height: 50px;}
  .detail-predstaveni-obsazeni-jmeno a {color: #ed1c24; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni-role {color: #1a2550; font-size: 18px; line-height: 22px; font-weight: 450; font-style: italic;}
  .detail-predstaveni-video-nadpis {float: left; z-index: 6; position: absolute; right: 0px; bottom: 200px; font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 70px; line-height: 80px; text-transform: uppercase; font-weight: 600;}
  .table-3-sloupce-stin {float: left; width: 31%; margin: 0% 1% 0% 1%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .table-4-sloupce-stin {float: left; width: 21%; margin: 0% 2.0% 0% 2.0%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px; box-sizing: border-box;}
  .darci-text-1 {font-family: 'JigsawStencilRegular'; color: #a4a4a4; font-size: 30px; line-height: 30px; font-weight: 450;}
  .darci-text-2 {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 45px; line-height: 45px; font-weight: 700; text-transform: uppercase;}
  .darci-text-3 {color: #000000; font-size: 44px; line-height: 30px; font-weight: 450; }
  .table-1-sloupce-kontakty {width: 60%; margin: 0px 20% 0px 20%;}
  .table-1-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-2-sloupce-kontakty {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-3-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .stin {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .zajezdy-1 {float: left; width: 25%; height: 250px; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 75%; height: 250px; background: #c0c0c0;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 18px; line-height: 18px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 24px; line-height: 24px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .slider-upoutavka-nadpis {font-family: 'JigsawStencilRegular'; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; }
  .slider-upoutavka-text table td {font-size: 18px; line-height: 25px; font-weight: 300; }
  /* END */
  .detail-predstaveni-leva {float: left;}
  .detail-predstaveni-prava {float: right; margin-top: -10px;}
  .repertoar-leva {float: left; width: 10%; margin-right: 30px;}
  .repertoar-prava {float: left; width: 85%;}
  .repertoar-vlevo {float: left; width: 45%;}
  .repertoar-vlevo img {height: 400px;}
  .repertoar-vpravo {float: left; width: 55%;}
  .detail-lide-leva {float: left; position: relative; width: 20%;}
  .detail-lide-leva img {}
  .detail-lide-prava {float: left; position: relative; width: 80%;}
  .tlacitko-voice-hlasuj {color: #ffffff; font-size: 16px; background: #231f20; border: 2px solid #231f20; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj:hover {color: #ffffff; font-size: 16px; background: #83777a; border: 2px solid #83777a; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-hlasovano {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: grey; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-dekujeme {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: #0ac729; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .repertoar-slider-img {float: left;  height: 502px;}
  .program-require-img {height: 188px;}
}                        
/* tablet */                 
@media screen and (min-width:1020px) and (max-width:1349px) {
  .rectangle {float: left; width: 7px; height: 17px; background: orange;}
  .obsah {width: 100%;} /* width: 768px; */
  .hlavni {max-width: 85%; width: 100%;} /* max-width: 768px; */
  div {text-align: left;font-family: "Open Sans", sans-serif;font-size: 17px;line-height: 28px;color: #161922;font-weight: 300;}
  td {font-family: "Open Sans", sans-serif;font-size: 17px;line-height: 28px;color: #161922;font-weight: 300;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;}
  .table-5-sloupce {width: 16.0%; margin: 0% 2.0% 0% 2.0%;}
  .table-6-sloupce {width: 13.0%; margin: 0% 1.8% 0% 1.8%;}
  .table-7-sloupce {width: 11.0%; margin: 0% 1.6% 0% 1.6%;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 159px; margin: 0px 20px 20px 0px;}
  
  
  .str-program-desktop {display: none;}
  .str-program-tablet {display: block;}
  .str-program-mobil {display: none;}
  
  .soc-slider {float: left; position: absolute; z-index: 9999; right: 0px; bottom: 100px; z-index: 999; width: 300px; white-space: nowrap;}
  .bottom-slider {float: left; position: absolute; z-index: 9999; right: 0px; bottom: 0px; z-index: 999; width: 100%; height: 108px; background-color: rgba(135, 65, 47, 0.6);}
  .tlacitko-hnede-navig {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {float: left; color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none; text-decoration: none; background-color: #dee7e8; border: 0px; padding: 0px 14px 1px 14px; margin: 0px 2px 0px 2px;}
  .table-dve-tretiny {width: 63%; margin: 0% 2% 0% 0%;}
  .table-jedna-tretina {width: 33%; margin: 0% 0% 0% 2%;}
  
  /* 1 */
  .nadpis {font-family: 'JigsawStencilRegular'; font-size: 40px; line-height: 46px; text-transform: uppercase; font-weight: 700; }
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 40px; line-height: 46px; font-weight: 700; text-transform: uppercase; color: #ffffff;}
  .nadpis-cerveny {font-family: 'JigsawStencilRegular'; font-size: 40px; line-height: 46px; font-weight: 700; text-transform: uppercase; color: #ed1c24;}
  .nadpis-stredni {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-cerveny {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-bily {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ffffff; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly-cerveny {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .table-40procent-2-sloupce {float: left; width: 36%; margin: 0px 2% 0px 2%;}
  .table-60procent-2-sloupce {float: left; width: 56%; margin: 0px 2% 0px 2%;}
  .text-upoutavka-1 {float: left; clear: both; font-size: 29px; line-height: 29px; font-weight: 450; text-transform: normal;}
  .text-upoutavka-2 {float: left; clear: both; font-family: 'JigsawStencilRegular'; font-size: 70px; line-height: 90px; font-weight: 600; text-transform: uppercase;}
  .text-upoutavka-3 {float: left; clear: both; font-size: 25px; line-height: 30px; font-weight: 450; text-transform: normal;}
  .tlacitko-upoutavka-cerne {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cerne:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 6px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile {color: #ed1c24; font-size: 18px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 3px 40px 3px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile:hover {color: #ed1c24; font-size: 18px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 3px 40px 3px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text:hover {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-carka-slider {float: left; font-size: 20px; line-height: 20px; font-weight: 300; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ffffff; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-carka-slider:hover {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ed1c24; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-plna-slider {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ffffff; color: #000000; padding: 11px 30px 14px 30px; border: 1px solid #ffffff; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-plna-slider:hover {float: left; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 30px 14px 30px; border: 1px solid #ed1c24; border-radius: 20px; margin-right: 20px; text-decoration: none;}
  .tlacitko-male-cervene {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-cervene:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile:hover {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .text-paticka {color: #ffffff; }
  .odkaz-paticka {color: #ffffff; font-size: 21px; font-weight: 600;}
  .odkaz-paticka:hover {color: #ffffff;}
  .nadpis-paticka {font-size: 24px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; white-space: nowrap;}
  .vertikal-repertoar {position: absolute; left: 0px; top: 90px; font-family: 'JigsawStencilRegular'; font-size: 69px; line-height: 69px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .vertikal-podcast {position: absolute; left: 0px; top: 90px; font-family: 'JigsawStencilRegular'; font-size: 69px; line-height: 69px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .aktuality-slider-item {}
  .aktuality-slider-btn-teleso {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-btn-teleso:hover {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-nadpis {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #000000; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-nadpis:hover {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-anotace {float: left; margin-top: 10px; font-size: 18px; line-height: 26px; color: #000000; font-weight: 300;}
  .aktuality-slider-btn {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #000000; font-weight: 450; text-transform: uppercase;}
  .aktuality-slider-btn:hover {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #ffffff; font-weight: 450; text-transform: uppercase;}
  .table-tip {float: left; } /* margin: 0px auto; */
  .table-tip tr {}
  .table-tip td {}
  .table-tip td:nth-child(2), .table-tip td:nth-child(4) {}
  .table-tip td:not(:last-child) {}
  .tip-text-bila { font-size: 20px; line-height: 26px; color: #ffffff; font-weight: 450;}
  .citat-text { font-size: 19px; line-height: 25px; color: #000000; font-weight: 450; font-style: italic;} 
  .citat-text-bila { font-size: 19px; line-height: 25px; color: #ffffff; font-weight: 450; font-style: italic;} 
  .citat-jmeno { font-size: 19px; line-height: 25px; color: #ed1c24; font-weight: 450; font-style: italic;} 
  .program-sloupec {width: 48%;}
  .program-sloupec-nadpis {float: left; margin-bottom: 25px; font-family: 'JigsawStencilRegular'; font-size: 38px; line-height: 38px; font-weight: 450; text-transform: uppercase;}
  .filter-text-btn-cervene-0 {float: left; margin: 0px 5px 0px 5px; color: #000000; font-size: 18px; font-weight: 600; background: transparent; border: 1px solid transparent; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-0:hover {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-1 {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-small {margin: 0px 5px 0px 5px; }
  .program-item {float: left; width: 95%; margin-bottom: 10px; padding: 0% 2.5% 0% 2.5%; border: 1px solid #b4b4b4;}
  .table-program-item {float: left; width: 100%; border-collapse: collapse; spacing: 0;} 
  .table-program-item tr {}
  .table-program-item td {}
  .table-program-item td img  {}
  .table-program-item td:nth-child(0) {}
  .table-program-item td:nth-child(2) {}
  .table-program-item td:nth-child(4) {}
  .detail-predstaveni-nadpis {float: left; font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 600; margin: 10px 0px 0px 0px;}
  .detail-predstaveni-role {float: left; font-family: 'JigsawStencilRegular'; color: #ffffff; font-size: 30px; line-height: 35px; text-transform: uppercase; font-weight: 600; margin: 0px 20px 0px 0px;}
  .detail-predstaveni-person {float: left; margin: 0px 20px 0px 0px;}
  .detail-predstaveni-person a {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 24px; line-height: 35px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-person span {font-family: 'JigsawStencilRegular'; color: grey; font-size: 24px; line-height: 35px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni {float: left; width: 16.8%; margin: 0% 4.0% 20px 4.0%;} 
  .detail-predstaveni-obsazeni-img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .detail-predstaveni-obsazeni-jmeno {height: 50px;}
  .detail-predstaveni-obsazeni-jmeno a {color: #ed1c24; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni-role {color: #1a2550; font-size: 18px; line-height: 22px; font-weight: 450; font-style: italic;}
  .detail-predstaveni-video-nadpis {float: left; z-index: 6; position: absolute; right: 0px; bottom: 200px; font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 70px; line-height: 80px; text-transform: uppercase; font-weight: 600;}
  .table-3-sloupce-stin {float: left; width: 31%; margin: 0% 1% 0% 1%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .table-4-sloupce-stin {float: left; width: 16.8%; margin: 0% 4.0% 0% 4.0%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .darci-text-1 {font-family: 'JigsawStencilRegular'; color: #a4a4a4; font-size: 30px; line-height: 30px; font-weight: 450;}
  .darci-text-2 {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 45px; line-height: 45px; font-weight: 700; text-transform: uppercase;}
  .darci-text-3 {color: #000000; font-size: 44px; line-height: 30px; font-weight: 450; }
  .table-1-sloupce-kontakty {width: 60%; margin: 0px 20% 0px 20%;}
  .table-1-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-2-sloupce-kontakty {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty {width: 31%; margin: 0% 1% 0% 1%;}
  .table-3-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-3-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .stin {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .zajezdy-1 {float: left; width: 25%; height: 250px; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 75%; height: 250px; background: #c0c0c0;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 18px; line-height: 18px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 24px; line-height: 24px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .slider-upoutavka-nadpis {font-family: 'JigsawStencilRegular'; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; }
  .slider-upoutavka-text table td {font-size: 18px; line-height: 25px; font-weight: 300; }
  /* END */
  .detail-predstaveni-leva {float: left;}
  .detail-predstaveni-prava {float: right; margin-top: -10px;}
  .repertoar-leva {float: left; width: 10%; margin-right: 30px;}
  .repertoar-prava {float: left; width: 85%;}
  .repertoar-vlevo {float: left; width: 25%;}
  .repertoar-vlevo img {height: 200px;}
  .repertoar-vpravo {float: right; width: 70%;}
  .detail-lide-leva {float: left; position: relative; width: 20%;}
  .detail-lide-leva img {}
  .detail-lide-prava {float: left; position: relative; width: 80%;}
  .tlacitko-voice-hlasuj {color: #ffffff; font-size: 16px; background: #231f20; border: 2px solid #231f20; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj:hover {color: #ffffff; font-size: 16px; background: #83777a; border: 2px solid #83777a; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-hlasovano {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: grey; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-dekujeme {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: #0ac729; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .repertoar-slider-img {float: left;  height: 502px;}
  .program-require-img {height: 188px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1019px) {
  .rectangle {float: left; width: 7px; height: 17px; background: red;}
  .obsah {width: 100%;} /* width: 320px; */
  .hlavni {max-width: 90%; width: 100%;} /* max-width: 320px; width: 100%; */
  div {text-align: left;font-family: "Open Sans", sans-serif;font-size: 15px;line-height: 24px;color: #161922;font-weight: 300;}
  td {font-family: "Open Sans", sans-serif;font-size: 15px;line-height: 24px;color: #161922;font-weight: 300;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-5-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-6-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-7-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .gal-img-margin {vertical-align: top; display: inline-block; margin: 0px auto; text-align: center; width: 159px; margin: 0px 20px 20px 0px;}
  
  
  .str-program-desktop {display: none;}
  .str-program-tablet {display: none;}
  .str-program-mobil {display: block;}
  
  .soc-slider {float: left; position: absolute; z-index: 9999; right: 0px; bottom: 150px; z-index: 999; width: 300px; white-space: nowrap;}
  .bottom-slider {float: left; position: absolute; z-index: 9999; right: 0px; bottom: 0px; z-index: 999; width: 100%; height: 108px; background-color: rgba(135, 65, 47, 0.6);}
  .tlacitko-hnede-navig {color: #ffffff; font-size: 14px; line-height: 14px; background: #181818; border: 1px solid #181818; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig:hover {color: #ffffff; font-size: 14px; line-height: 14px;  background: #d89da4; border: 1px solid #d89da4; padding: 9px 12px 8px 12px; text-decoration: none; margin: 0px 2px 0px 2px;}
  .tlacitko-hnede-navig-prazdne {float: left; color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none; text-decoration: none; background-color: #dee7e8; border: 0px; padding: 0px 14px 1px 14px; margin: 0px 2px 0px 2px;}
  .table-dve-tretiny {width: 90%; margin: 0px 5% 0px 5%;}
  .table-jedna-tretina {width: 90%; margin: 0px 5% 25px 5%;}  
  
  /* 1 */
  .nadpis {font-family: 'JigsawStencilRegular'; font-size: 35px; line-height: 40px; text-transform: uppercase; font-weight: 700; }
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 35px; line-height: 40px; font-weight: 700; text-transform: uppercase; color: #ffffff;}
  .nadpis-cerveny {font-family: 'JigsawStencilRegular'; font-size: 35px; line-height: 40px; font-weight: 700; text-transform: uppercase; color: #ed1c24;}
  .nadpis-stredni {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-cerveny {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-stredni-bily {font-size: 29px; font-family: 'JigsawStencilRegular'; line-height: 34px; font-weight: 600; color: #ffffff; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #000000; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .nadpis-maly-cerveny {font-size: 21px; font-family: 'JigsawStencilRegular'; line-height: 23px; font-weight: 600; color: #ed1c24; padding: 0px 0px 20px 0px; text-transform: uppercase;}
  .table-40procent-2-sloupce {float: left; width: 36%; margin: 0px 2% 0px 2%;}
  .table-60procent-2-sloupce {float: left; width: 56%; margin: 0px 2% 0px 2%;}
  .text-upoutavka-1 {float: left; clear: both; font-size: 25px; line-height: 29px; font-weight: 450; text-transform: normal;}
  .text-upoutavka-2 {float: left; clear: both; font-family: 'JigsawStencilRegular'; font-size: 50px; line-height: 60px; font-weight: 600; text-transform: uppercase;}
  .text-upoutavka-3 {float: left; clear: both; font-size: 22px; line-height: 26px; font-weight: 450; text-transform: normal;}
  .tlacitko-upoutavka-cerne {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cerne:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #000000; border: 1px solid #000000; padding: 6px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-cervene:hover {color: #ffffff; font-size: 21px; font-weight: 450; background: #ed1c24; border: 1px solid #ed1c24; padding: 5px 20px 5px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile {color: #ed1c24; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile:hover {color: #ed1c24; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-upoutavka-bile-cerny-text:hover {color: #000000; font-size: 21px; font-weight: 600; background: #ffffff; border: 1px solid #ffffff; padding: 5px 40px 5px 40px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-carka-slider {float: left; clear: both; font-size: 20px; line-height: 20px; font-weight: 300; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ffffff; border-radius: 20px; margin-bottom: 20px; text-decoration: none;}
  .tlacitko-carka-slider:hover {float: left; clear: both; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 40px 14px 40px; border: 1px solid #ed1c24; border-radius: 20px; margin-bottom: 20px; text-decoration: none;}
  .tlacitko-plna-slider {float: left; clear: both; font-size: 20px; line-height: 20px; font-weight: 300; background: #ffffff; color: #000000; padding: 11px 30px 14px 30px; border: 1px solid #ffffff; border-radius: 20px; margin-bottom: 20px; text-decoration: none;}
  .tlacitko-plna-slider:hover {float: left; clear: both; font-size: 20px; line-height: 20px; font-weight: 300; background: #ed1c24; color: #ffffff; padding: 11px 30px 14px 30px; border: 1px solid #ed1c24; border-radius: 20px; margin-bottom: 20px; text-decoration: none;}
  .tlacitko-male-cervene {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-cervene:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #ed1c24; border: 1px solid #ed1c24; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-sedive:hover {color: #ffffff; font-size: 13px; font-weight: 300; background: #868686; border: 1px solid #868686; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .tlacitko-male-bile:hover {color: #ed1c24; font-size: 13px; font-weight: 300; background: #ffffff; border: 1px solid #ffffff; padding: 4px 20px 4px 20px; text-decoration: none; text-transform: uppercase;}
  .text-paticka {color: #ffffff; }
  .odkaz-paticka {color: #ffffff; font-size: 21px; font-weight: 600;}
  .odkaz-paticka:hover {color: #ffffff;}
  .nadpis-paticka {font-size: 24px; line-height: 40px; padding-bottom: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; white-space: nowrap;}
  .vertikal-repertoar {position: absolute; left: -20px; top: 0px; font-family: 'JigsawStencilRegular'; font-size: 39px; line-height: 49px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .vertikal-podcast {position: absolute; left: -10px; top: 0px; font-family: 'JigsawStencilRegular'; font-size: 39px; line-height: 39px; font-weight: 600; color: #ffffff; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);}
  .aktuality-slider-item {}
  .aktuality-slider-btn-teleso {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-btn-teleso:hover {float: left; margin-top: 20px; color: #ed1c24; font-size: 16px; font-weight: 600; background: #000000; border: 1px solid #000000; padding: 2px 15px 2px 15px; text-decoration: none; text-transform: uppercase;}
  .aktuality-slider-nadpis {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #000000; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-nadpis:hover {float: left; margin-top: 20px; font-family: 'JigsawStencilRegular'; font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 600; text-transform: uppercase;}
  .aktuality-slider-anotace {float: left; margin-top: 10px; font-size: 18px; line-height: 26px; color: #000000; font-weight: 300;}
  .aktuality-slider-btn {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #000000; font-weight: 450; text-transform: uppercase;}
  .aktuality-slider-btn:hover {float: left; margin-top: 30px; font-size: 23px; line-height: 23px; color: #ffffff; font-weight: 450; text-transform: uppercase;}
  .table-tip {float: left; } 
  .table-tip tr {display: block; width: 100%; }
  .table-tip td {display: block; width: 100% !important; box-sizing: border-box; text-align: center;}
  .table-tip td:nth-child(2), .table-tip td:nth-child(4) {display: none;}
  .table-tip td:not(:last-child) {margin-bottom: 15px;}
  .tip-text-bila { font-size: 25px; line-height: 29px; color: #ffffff; font-weight: 450;}
  .citat-text { font-size: 24px; line-height: 29px; color: #000000; font-weight: 450; font-style: italic;} 
  .citat-text-bila { font-size: 24px; line-height: 29px; color: #ffffff; font-weight: 450; font-style: italic;} 
  .citat-jmeno { font-size: 24px; line-height: 29px; color: #ed1c24; font-weight: 450; font-style: italic;} 
  .program-sloupec {float: left; width: 90%; margin: 0px 5% 25px 5%;}
  .program-sloupec-nadpis {float: left; margin-bottom: 25px; font-family: 'JigsawStencilRegular'; font-size: 38px; line-height: 38px; font-weight: 450; text-transform: uppercase;}
  .filter-text-btn-cervene-0 {float: left; margin: 0px 5px 0px 5px; color: #000000; font-size: 18px; font-weight: 600; background: transparent; border: 1px solid transparent; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-0:hover {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-1 {float: left; margin: 0px 5px 0px 5px; color: #ffffff; font-size: 18px; font-weight: 600; background: #ed1c24; border: 1px solid #ed1c24; border-radius: 34px; padding: 4px 15px 4px 15px; text-decoration: none; text-transform: uppercase;}
  .filter-text-btn-cervene-small {margin: 0px 5px 0px 5px; }
  .program-item {float: left; width: 95%; margin-bottom: 10px; padding: 0% 2.5% 0% 2.5%; border: 1px solid #b4b4b4;}
  .table-program-item {float: left; } 
  .table-program-item tr {display: block; width: 100%;}
  .table-program-item td {display: block; width: 100% !important; box-sizing: border-box; text-align: center;}
  .table-program-item td img  {margin-top: 15px; margin-bottom: 15px;}
  .table-program-item td:nth-child(0) {margin-top: 15px; margin-bottom: 15px;}
  .table-program-item td:nth-child(2) {margin-top: 15px; margin-bottom: 15px;}
  .table-program-item td:nth-child(4) {margin-top: 45px; margin-bottom: 45px;}
  .detail-predstaveni-nadpis {float: left; font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 600; margin: 10px 0px 0px 0px;}
  .detail-predstaveni-role {float: left; clear: both; font-family: 'JigsawStencilRegular'; color: #ffffff; font-size: 20px; line-height: 28px; text-transform: uppercase; font-weight: 600; margin: 0px 20px 0px 0px;}
  .detail-predstaveni-person {float: left; clear: both; margin: 0px 20px 25px 0px;}
  .detail-predstaveni-person a {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 20px; line-height: 28px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-person span {font-family: 'JigsawStencilRegular'; color: grey; font-size: 20px; line-height: 28px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni {float: left; width: 90%; margin: 0px 5% 30px 5%; clear: both;} 
  .detail-predstaveni-obsazeni-img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .detail-predstaveni-obsazeni-jmeno {height: 50px;}
  .detail-predstaveni-obsazeni-jmeno a {color: #ed1c24; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 600;}
  .detail-predstaveni-obsazeni-role {color: #1a2550; font-size: 18px; line-height: 22px; font-weight: 450; font-style: italic;}
  .detail-predstaveni-video-nadpis {display: none;}
  .table-3-sloupce-stin {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .table-4-sloupce-stin {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .darci-text-1 {font-family: 'JigsawStencilRegular'; color: #a4a4a4; font-size: 30px; line-height: 30px; font-weight: 450;}
  .darci-text-2 {font-family: 'JigsawStencilRegular'; color: #ed1c24; font-size: 45px; line-height: 45px; font-weight: 700; text-transform: uppercase;}
  .darci-text-3 {color: #000000; font-size: 44px; line-height: 30px; font-weight: 450; }
  .table-1-sloupce-kontakty {width: 90%; margin: 0px 5% 0px 5%;}
  .table-1-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-1-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-2-sloupce-kontakty {width: 90%; margin: 0px 5% 0px 5%;}
  .table-2-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .table-2-sloupce-kontakty td img {margin-bottom: 10px; width: 160px; height: 160px; border-radius: 160px; object-fit: cover; object-position: center; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce-kontakty {width: 90%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce-kontakty td {font-size: 19px; line-height: 28px;}
  .table-3-sloupce-kontakty td a {font-size: 19px; line-height: 28px;}
  .stin {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
  .zajezdy-1 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; background: #c0c0c0;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 18px; line-height: 18px; float: left; width: 90%; margin: 0px 5% 10px 5%; text-transform: uppercase; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 24px; line-height: 24px; float: left; width: 90%; margin: 0px 5% 10px 5%; text-transform: uppercase; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .slider-upoutavka-nadpis {font-family: 'JigsawStencilRegular'; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; }
  .slider-upoutavka-text table td {font-size: 18px; line-height: 25px; font-weight: 300; }
  /* END */
  .detail-predstaveni-leva {float: left;}
  .detail-predstaveni-prava {float: left; margin-top: 30px;}
  .repertoar-leva {float: left; width: 90%; margin: 0px 5% 0px 5%;}
  .repertoar-prava {float: left; width: 98%; margin: 10px 1% 0px 1%;}
  .repertoar-vlevo {float: left; width: 100%; margin: 0px 0% 0px 0%;}
  .repertoar-vlevo img {width: 100%;}
  .repertoar-vpravo {float: left; width: 90%; margin: 0px 5% 0px 5%;}
  .detail-lide-leva {float: left; width: 90%; margin: 0px 5% 0px 5%; text-align: center;}
  .detail-lide-leva img {display: block; margin-left: auto; margin-right: auto;}
  .detail-lide-prava {float: left; width: 90%; margin: 0px 5% 0px 5%;}
  .tlacitko-voice-hlasuj {color: #ffffff; font-size: 16px; background: #231f20; border: 2px solid #231f20; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj:hover {color: #ffffff; font-size: 16px; background: #83777a; border: 2px solid #83777a; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-hlasovano {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: grey; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .tlacitko-voice-hlasuj-dekujeme {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: #0ac729; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
  .repertoar-slider-img {float: left;  height: 350px;}
  .program-require-img {height: 188px;}  
  
}

/* desktop slider */
@media screen and (min-width:1590px) {
  .title-slider {float: left; font-size: 30px; line-height: 34px; font-weight: 450; color: #ffffff;}
  .title-slider-white {float: left; font-size: 34px; line-height: 38px; font-weight: 450; color: #ffffff;}
  .annotation-slider {float: left; width: 100%; font-size: 58px; font-weight: 700; line-height: 70px; color: #ffffff; padding: 5px 0px 0px 0px;}
  .teleso-slider {float: left; width: 100%; font-family: JigsawStencilRegular; text-transform: uppercase; font-size: 110px; font-weight: 700; line-height: 70px; color: #ffffff; padding: 35px 0px 0px 0px;}
  .top-space-slider {height: 360px;}
}                        
/* tablet slider */                 
@media screen and (min-width:1100px) and (max-width:1589px) {
  .title-slider {float: left; font-size: 34px; line-height: 38px; font-weight: 450; color: #ffffff;}
  .title-slider-white {float: left; font-size: 34px; line-height: 38px; font-weight: 450; color: #ffffff;}
  .annotation-slider {float: left; width: 100%; font-size: 50px; font-weight: 700; line-height: 60px; color: #ffffff; padding: 5px 0px 0px 0px;}
  .top-space-slider {height: 360px;}
}
/* mobile slider */
@media screen and (min-width:0px) and (max-width:1099px) {
  .title-slider {float: left; font-size: 34px; line-height: 38px; font-weight: 450; color: #ffffff;}
  .title-slider-white {float: left; font-size: 24px; line-height: 25px; font-weight: 450; color: #ffffff;}
  .annotation-slider {float: left; width: 100%; font-size: 37px; font-weight: 700; line-height: 38px; color: #ffffff; padding: 5px 0px 0px 0px;}
  .top-space-slider {height: 160px;}
}

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

.responsive-article-1 {width: 31%; margin: 0% 3.5% 0% 0%;}
.responsive-article-2 {width: 31%; margin: 0% 3.5% 0% 0%;}
.responsive-article-3 {width: 31%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}