/* OZNÁMENÍ ZOBRAZOVANÁ NAPŘÍČ WEBEM */

.seznam-clanku-polozka-wrapper .oznameni {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 25px;
}

.seznam-clanku-polozka-wrapper .seznam-clanku-polozka.oznameni.svetle-pismo * {
  color: white;
  text-shadow: black 0px 0px 55px;
}

.seznam-clanku-polozka-wrapper .seznam-clanku-polozka.oznameni {
  /*background-color: #fffaef;*/
}

.hlavni-stranka .oddil-oznameni:last-child {
  margin-top: 40px;
  margin-bottom: 60px;
}

.rozvrh .oddil-oznameni {
  margin: 0px 0px 70px 0px;
}

.rozvrh .oznameni-wrapper  {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width:600px) {
.rozvrh .oddil-oznameni  {
  margin: 0px 0px 50px 0px;
}
}

.prostory .oddil-oznameni  {
  margin-top: -40px;
  margin-bottom: 60px;
}

.prostory .oznameni-wrapper  {
  max-width: 1320px;
  padding: 0;
}

.prostory .oznameni  {
  max-width: 880px;
}

@media (max-width:1360px) {
.prostory .oznameni-wrapper  {
  max-width: 850px;
}
}

@media (max-width:600px) {
.prostory .oddil-oznameni  {
  margin-top: 40px;
  margin-bottom: 20px;
}
.prostory .oznameni-wrapper  {
  padding-left: 10px;
  padding-right: 10px;
}
}

.kontakt .oddil-oznameni  {
  margin-bottom: 60px;
}

.kontakt .oznameni-wrapper  {
  max-width: 1270px;
  box-sizing: border-box;
}

.kontakt .oznameni  {
  max-width: 880px;
}

@media (max-width:1290px) {
.kontakt .oznameni-wrapper  {
  max-width: 1030px;
}
}

@media (max-width:1050px) {
.kontakt .oznameni-wrapper  {
  padding-left: 20px;
  padding-right: 20px;
}
}

@media (max-width:600px) {
.kontakt .oddil-oznameni  {
  margin-top: 10px;
  margin-bottom: 30px;
}

.kontakt .oznameni-wrapper  {
  padding-left: 10px;
  padding-right: 10px;
}
}


/* HLAVNÍ STRÁNKA */


.hlavni-stranka .uvodni-horni-cast{
  /*background-color: rgba(255, 255, 255, 0.2);*/
}

.hlavni-stranka .o-drune {
  XXXbackground-color: rgba(255, 255, 255, 0.3);
  /*background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0) 100%);*/
  /*background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);*/
  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;*/
  padding: 55px 40px 20px 40px;
}

.hlavni-stranka .o-drune-inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.hlavni-stranka .o-drune .o-drune-logo-wrapper {
  display: inline-block;
  width: 37%;
  margin-right: 6%;
}

.hlavni-stranka .o-drune .o-drune-logo {
  border: none;
  max-width: 100%;
  opacity: 0.9;
}

.hlavni-stranka .o-drune .o-drune-popis {
  display: inline-block;
  width: 57%;
  box-sizing: border-box;
  vertical-align: top;
  margin: 0;
}

.hlavni-stranka .o-drune .o-drune-popis p:first-child {
  margin-top: 0;
  font-weight: bold;
}

@media (max-width:1300px) {
.hlavni-stranka .o-drune {
  padding: 10px 5% 0 5%;
}

.hlavni-stranka .o-drune .o-drune-inner {
  margin-left: 20px;
}

.hlavni-stranka .o-drune .o-drune-logo-wrapper {
  display: block;
  width: 500px;
  max-width: 100%;
}

.hlavni-stranka .o-drune .o-drune-popis {
  width: 100%;
  max-width: 800px;
}

.hlavni-stranka .o-drune .o-drune-logo-wrapper + .o-drune-popis {
  margin-top: 10px;
}
}

@media (max-width:600px) {
.hlavni-stranka .o-drune {
  padding: 20px 15px 10px 15px;
}

.hlavni-stranka .o-drune .o-drune-inner {
  margin-left: 0px;
}

.hlavni-stranka .o-drune .o-drune-popis {
  padding: 0px 0px 0px 0px;
}
}

/* HLAVNÍ STRÁNKA - SLIDESHOW */

.hlavni-stranka .slideshow {
  padding-top: 40px;
  margin-bottom: 40px;
  overflow: hidden; /* toto je zde aby sipky prilis blizko u kraje nezpusobovaly, ze se zobrazi vodorovny scrollbar */
}

@media (max-width:1070px) {
.hlavni-stranka .slideshow {
  padding-top: 30px;
}
}

@media (max-width:600px) {
.hlavni-stranka .slideshow {
  padding-top: 0px;
  margin-bottom: 0px;
}

/* nasledujici bylo potreba jen dokud bylo slideshow pod povidanim o Drune */
.hlavni-stranka .o-drune + .slideshow {
  margin-top: 0px;
}
}

.hlavni-stranka .slideshow .slide-outer {
  width: 100%;
}

.hlavni-stranka .slideshow .slide-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 10px; /*aby byl prostor na stin karty*/
  padding-bottom: 10px;
}

.hlavni-stranka .slideshow .karta {
  background-color: rgba(255,255,255,0.9);
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
}

@media (max-width:1070px) {
.hlavni-stranka .slideshow .slide-inner {
  max-width: 700px;
}

.hlavni-stranka .slideshow .karta .cast-obrazek {
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.hlavni-stranka .slideshow .karta .cast-popis {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 25px 5px 25px;
  text-align: left;
  font-size: 26px;
}
}

@media (max-width:600px) {
.hlavni-stranka .slideshow {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px; /* aby se jednotlive slidy navzajem nezastinovaly */
  background-color: rgba(255,255,255,0.9);
}
.hlavni-stranka .slideshow .slide-inner {
  max-width: unset;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.hlavni-stranka .slideshow .karta {
  padding: 0;
  box-shadow: none;
  background-color: none;
}

.hlavni-stranka .slideshow .karta .cast-popis {
  width: 100%;
  padding: 5px 15px 0px 15px;
  font-size: 18px;
  /*max-height: 61.67px; expertimentalne vyzkouseno - staci akorat na max 2 radky textu, vic se orizne */
  overflow: hidden;
  Xfont-style: italic;
  /*font-weight: bold; */
  font-family: john, Arial, Helvetica, sans-serif;
  text-transform: lowercase;
}
}

.hlavni-stranka .slideshow .cast-obrazek {
  width: 60%;
  padding-bottom: 33.75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.hlavni-stranka .slideshow .cast-popis {
  width: 35%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 30px;
}

.hlavni-stranka .slideshow .udavac-vysky-radku {
  display: none;
}

@media (max-width:600px) {
.hlavni-stranka .slideshow .udavac-vysky-radku {
  display: inline-block;
  width: 0;
  /* height: 62px; vyska na dva radky */
  height: 80px; /* vyska na tri radky */
  vertical-align: middle;
}

.hlavni-stranka .slideshow p {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
}

.hlavni-stranka .slideshow .cast-popis .nadpis {
  font-size: 30px;
}


.hlavni-stranka .slideshow .cast-popis .podnadpis {
  letter-spacing: 0;
}

.hlavni-stranka .slideshow .cast-popis .podnadpis.cas + .podnadpis.cas {
  margin-top: 8px;
}

.hlavni-stranka .flickity-prev-next-button {
  overflow: visible; /* toto je kvuli IE ktery jinak orezaval natocene sipky uvnitr */
}

.hlavni-stranka .flickity-prev-next-button, .hlavni-stranka .flickity-prev-next-button:hover {
  background: none;
  text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.hlavni-stranka .slideshow .flickity-prev-next-button:before {
  content: '∟';
  display: block;
  /*color: rgba(3,3,3,0.3);*/
  color: white;
  /*font-size: 60px;*/
  font-size: 80px;
  transition: color 0.1s;
}

.hlavni-stranka .slideshow .flickity-prev-next-button:hover:before {
  color: rgba(3,3,3,0.1);
}

.hlavni-stranka .slideshow .flickity-prev-next-button.previous:before {
  transform: translateY(-32px) translateX(5px) rotate(45deg);
}

.hlavni-stranka .slideshow .flickity-prev-next-button.next:before {
  transform: translateY(5px) translateX(-5px) rotate(225deg);
}

@media (max-width:600px) {
.hlavni-stranka .slideshow .flickity-prev-next-button:before {
  font-size: 60px;
}

.hlavni-stranka .slideshow .flickity-prev-next-button:hover:before {
  color: rgba(255,255,255,0.9);
}

.hlavni-stranka .flickity-prev-next-button {
  position: absolute;
  top: 35%;
}

.hlavni-stranka .slideshow .flickity-prev-next-button.previous:before {
  transform: translateY(-26px) translateX(5px) rotate(45deg);
}

.hlavni-stranka .slideshow .flickity-prev-next-button.next:before {
    transform: translateY(-12px) translateX(-5px) rotate(225deg);
}
}

/* HLAVNÍ STRÁNKA - BLÍŽÍCÍ SE SEMINÁŘE */

.hlavni-stranka .odkaz-na-aktualne {
  position: relative;
  top: -50px;
}

.hlavni-stranka .oddil-nadpisu-sekce {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 80px;
  margin-bottom: 30px;
  text-align: left;
  max-width: 1200px;
}

.hlavni-stranka .oddil-nadpisu-sekce.aktualne .nadpis-sekce {
  margin-bottom: 0px;
}

.hlavni-stranka .nadpis-podsekce {
  line-height: 1.4;
}

@media (max-width:600px) {
.hlavni-stranka .oddil-nadpisu-sekce {
  margin-top: 40px;
  margin-bottom: 0px;
  padding-left: 15px;
}

.hlavni-stranka .oddil-nadpisu-sekce {
  padding-bottom: 0px;
}

.hlavni-stranka .oddil-nadpisu-sekce .nadpis-sekce, .hlavni-stranka .oddil-nadpisu-sekce .nadpis-podsekce {
  margin: 0px;
}
}

.hlavni-stranka .oddil-nadpisu-sekce p {
  margin-left: 23px;
}

@media (max-width:600px) {
.hlavni-stranka .oddil-nadpisu-sekce p {
  margin-left: 2px;
}
}

/* HLAVNÍ STRÁNKA - OTEVŘENÉ HODINY */

.hlavni-stranka .oddil-otevrene-hodiny {
  padding-top: 40px;
  padding-bottom: 20px;
}

.hlavni-stranka .oddil-otevrene-hodiny:first-child {
  padding-top: 0px;
}

.hlavni-stranka .oddil-otevrene-hodiny .oddil-nadpisu-sekce {
  margin-top: 0px;
}

.hlavni-stranka .nadpis-podsekce {
  font-size: 50px;
  margin-left: 20px;
  margin-bottom: 30px;
}

@media (max-width:600px) {
.hlavni-stranka .nadpis-podsekce {
  margin-top: 0;
  font-size: 26px;
}
}


.hlavni-stranka .otevrene-hodiny {
  text-align:center;
}

.hlavni-stranka .otevrene-hodiny-inner {
  display: inline-block;
  text-align: left;
  margin-left: -25px;
}

.hlavni-stranka .otevrene-hodiny a {
  text-decoration: none;
}

.hlavni-stranka .otevrene-hodiny .karta {
  padding: 15px 15px 20px 15px;
  background-color: rgba(255,255,255,0.9);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 320px;
  box-sizing: border-box;
  min-height: 350px;
  margin-left: 25px;
  margin-bottom: 25px;
}

/* nasledujici media query mimo jine zajistuji ze se karty zobrazuji na stred a pritom v ramci kontejneru zarovnane vlevo */
/* zobrazit se muzou az 4 karty vedle sebe */
@media (min-width:1420px) {
.hlavni-stranka .otevrene-hodiny-inner {
  max-width: 1380px;
}
}

@media (max-width:1420px) {
.hlavni-stranka .otevrene-hodiny-inner {
  max-width: 1035px;
}
}

@media (max-width:1090px) {
.hlavni-stranka .otevrene-hodiny-inner {
  max-width: 690px;
}
}

@media (max-width:730px) {
.hlavni-stranka .otevrene-hodiny-inner {
  max-width: 320px;
  margin-left: 0px;
}
.hlavni-stranka .otevrene-hodiny .karta {
  margin-left: 0px;
}
}

@media (max-width:600px) {
.hlavni-stranka .oddil-otevrene-hodiny {
  padding-top: 10px;
}

.hlavni-stranka .otevrene-hodiny {
  padding-top: 10px;
}

.hlavni-stranka .otevrene-hodiny-inner {
  max-width: unset;
  padding-left: 10px;
  padding-right: 10px;
}
.hlavni-stranka .otevrene-hodiny .karta {
  width: 100%;
  margin-bottom: 10px;
}
}

.hlavni-stranka .otevrene-hodiny .karta img {
  max-width: 100%;
  max-height: 250px;
  width: auto;
  height: auto;
}

.hlavni-stranka .otevrene-hodiny .karta .podnadpis {
  letter-spacing: 0;
}








/* VYCHYTAVKA SKRYVAJICI VSECHNY ELEMENTY OZNACENE, ZE SE MAJI ZOBRAZOVAT POUZE PRI ZAPNUTEM JAVASCRIPTU */

.neaktivni-js .zobrazovat-pouze-pri-zapnutem-js {
  display: none;
}







/* SEKCE PROSTORY */

@media (max-width: 1150px) {
.prostory .logo-druny {
  left: 30px;
}
}

@media (max-width:599px) {
.sekce-wrapper.prostory  {
  padding-bottom: 20px;
}
}

.prostory .jednotlive-prostory-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width:599px) {
.prostory .jednotlive-prostory-wrapper {
  padding-left: 0px;
  padding-right: 0px;
}
}

.prostory .oddil-nadpisu-sekce {
  padding-left: 0px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 105px;
}

@media (max-width:1360px) {
.prostory .oddil-nadpisu-sekce {
  max-width: 850px;
}
}

@media (max-width:900px) {
.prostory .oddil-nadpisu-sekce {
  max-width: auto;
  padding-left: 10px;
}
}

@media (max-width:599px) {
.prostory .oddil-nadpisu-sekce {
  max-width: 560px;
  padding: 10px 10px 0px 0px;
}
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .oddil-nadpisu-sekce {
  max-width: 1440px;
}
}

.prostory .nadpis-sekce {
  text-align: left;
}

@media (max-width:599px) {
.prostory .nadpis-sekce {
  margin-left: 20px;
}
}

.prostory .oddil-nadpisu-sekce p {
  text-align: left;
  margin-left: 20px;
}


.prostory .karta-prostoru-wrapper {
  width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .karta-prostoru-wrapper {
  width: 1440px;
}
}

@media (max-width:1360px) {
.prostory .karta-prostoru-wrapper {
  width: 100%;
  max-width: 850px;
}
}

.prostory .nadpis-prostoru {
  margin-bottom: 5px;
}

@media (max-width:599px) {
.prostory .nadpis-prostoru {
  margin-top: 60px;
  margin-bottom: 20px;
  padding-left: 10px;
}
}

.prostory .karta-prostoru {
  background-color: rgba(255,255,255,0.9);
  padding: 20px 20px 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
}

@media (max-width:599px) {
.prostory .karta-prostoru {
  padding: 0px 0px 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}
}

.prostory .karta-prostoru .cast-obrazky {
  display: inline-block;
}

@media (max-width:1360px) {
.prostory .karta-prostoru .cast-obrazky {
  width: 100%;
}
}

.prostory .karta-prostoru .hlavni-obrazky {
  width: 810px;
  height: 540px;
  overflow: hidden;
  margin-bottom: 20px;
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .karta-prostoru .hlavni-obrazky {
  width: 900px;
  height: 600px;
}
}

@media (max-width:1360px) {
.prostory .karta-prostoru .hlavni-obrazky {
  width: 100%;
  height: auto;
}
}

@media (max-width:599px) {
.prostory .karta-prostoru .hlavni-obrazky {
  margin-bottom: 10px;
}
}

.prostory .karta-prostoru .hlavni-obrazky.is-fullscreen {
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.prostory .karta-prostoru .hlavni-obrazek {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 66.666%;
}

.prostory .karta-prostoru .is-fullscreen .hlavni-obrazek {
  background-size: contain;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.prostory .karta-prostoru .dalsi-obrazky {
  background-color: rgba(0,0,0,0.02);
  max-width: 810px;
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .karta-prostoru .dalsi-obrazky {
  max-width: 900px;
}
}

.prostory .karta-prostoru .dalsi-obrazek {
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 263px;
  height: 175px;
}

.prostory .bez-javascriptu .karta-prostoru .dalsi-obrazek {
  width: 33.3333%;
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .karta-prostoru .dalsi-obrazek {
  width: 293px;
  height: 195px;
}
}

@media (max-width:1360px) {
.prostory .karta-prostoru .dalsi-obrazek{
    width: 32%;
    height: auto;
    padding-top: 21%;
}
}

@media (max-width:599px) {
.prostory .karta-prostoru .dalsi-obrazek{
    width: 33.3333%;
}
}

.aktivni-js .prostory .karta-prostoru .dalsi-obrazek {
  margin-left: 10px;
  display: block;
}

@media (max-width:1360px) {
.aktivni-js .prostory .karta-prostoru .dalsi-obrazek {
    margin-left: 2%;
}
}

@media (max-width:599px) {
.aktivni-js .prostory .karta-prostoru .dalsi-obrazek {
    margin-left: 0;
}
}

.prostory .karta-prostoru .cast-popis {
  display: inline-block;
  vertical-align: top;
  padding: 0px 10px 14px 40px;
  width: 400px;
}

@media (max-width:1360px) {
.prostory .karta-prostoru .cast-popis {
  column-count: 2;
  width: 100%;
  box-sizing: border-box;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
  column-rule-color: #484848;
  text-align: justify;
  padding: 20px 20px 14px 12px;
}
}

@media (max-width:750px) {
.prostory .karta-prostoru .cast-popis {
  padding-left: 0px;
  padding-right: 0px;
}
}

@media (max-width:599px) {
.prostory .karta-prostoru .cast-popis {
  column-count: auto;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
}

@media screen and (min-width: 1650px ) and ( min-height: 920px )
{
.prostory .karta-prostoru .cast-popis {
  width: 430px;
}
}

.flickity-fullscreen-button .flickity-button-icon {
  display: none;
}

.karta-prostoru .flickity-fullscreen-button {
    width: 40px;
    height: 40px;
    font-size: 25px;
    padding-left: 8px;
    padding-bottom: 2px;
    color: #555555;
}

.karta-prostoru .flickity-fullscreen-button-view {
    transition: transform 0.1s ease-out;
}

.karta-prostoru .flickity-fullscreen-button-view:hover {
  transform: scale(1.1);
}

.karta-prostoru .flickity-fullscreen-button-exit {
    padding-left: 6px;
}

.karta-prostoru .flickity-prev-next-button, .karta-prostoru .flickity-prev-next-button:hover {
  background: none;
  text-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.karta-prostoru .flickity-prev-next-button.previous {
  transform: translateY(-100%);
}

.flickity-prev-next-button .flickity-button-icon {
  display: none;
}

.karta-prostoru .flickity-prev-next-button:before {
  content: '∟';
  display: block;
  color: rgba(3,3,3,0.3);
  color: white;
  font-size: 60px;
}

.karta-prostoru .flickity-prev-next-button.previous:before {
  transform: translateY(-5px) rotate(45deg);
}

.karta-prostoru .flickity-prev-next-button.next:before {
  transform: translateY(-5px) rotate(225deg);
}



@media (max-width:599px) {
.karta-prostoru .flickity-prev-next-button.previous:before {
  transform: translateY(-9px) rotate(45deg);
}

.karta-prostoru .flickity-prev-next-button.next:before {
  transform: translateY(-18px) rotate(225deg);
}

.karta-prostoru .is-fullscreen .flickity-prev-next-button.previous:before {
  transform: translateY(-26px) rotate(45deg);
}

.karta-prostoru .is-fullscreen .flickity-prev-next-button.next:before {
  transform: translateY(-34px) rotate(225deg);
}
}

.prostory .karta-prostoru .polozka-popisu {
  display: inline-block;
}

.prostory .podnadpis-popisu-prostoru {
  font-size: 32px;
  margin-bottom: 0px;
  margin-top: 13px;
}

@media (max-width:1360px) {
.prostory .podnadpis-popisu-prostoru {
  margin-top: 10px;
}
}

.prostory .karta-prostoru .polozka-popisu p {
  margin-bottom: 0px;
}

@media (max-width:1360px) {
.prostory .karta-prostoru .polozka-popisu p {
  margin-top: 6px;
}
}


.prostory .karty-navigace-wrapper {
  margin-top: 20px;
}




/* nasledujici fix odstranuje problem s tim, ze pri vypnutem javascriptu Facebookove sledovani necha v html obrazek (nutny pro sledovani), ktery potom odrazi obsah kousek dolu od horniho menu */

body > img:first-child {
  position: fixed;
}

/* pozadi na samostatnem elementu ktery je fixed se pouziva kvuli IE vsech verzi, na kterem kvuli funkci smooth scrolling pozadi poskakuje, pokud ma samo nastaveno pozicovani fixed */
.fixed-pozadi {
  background-size: cover;
  background-position: top;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.fixed-pozadi.hlavni-stranka{
  background-image: url(/images/4217.jpg);
}

.fixed-pozadi.dilny {
  background-image: url(/images/4150.jpg);
}

.fixed-pozadi.pravidelne {
  background-image: url(/images/4152.jpg);
}

.fixed-pozadi.rozvrh {
  background-image: url(/images/4151.jpg);
}

.fixed-pozadi.individualy {
  background-image: url(/images/4153.jpg);
}

.fixed-pozadi.prostory{
  background-image: url(/images/4159.jpg);
}

.fixed-pozadi.kontakt {
  background-image: url(/images/4158.jpg);
}

.aktivni-js .sledovana_viditelnost {
  opacity: 0;
  X-moz-transition: all 300ms ease-out;
  X-webkit-transition: all 300ms ease-out;
  X-o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -moz-transform: translate3d(0px, 25px, 0px);
  -webkit-transform: translate3d(0px, 25px, 0px);
  -o-transform: translate(0px, 25px);
  -ms-transform: translate(0px, 25px);
  transform: translate3d(0px, 25px, 0px);
}

@media (max-width:599px) {
.aktivni-js .sledovana_viditelnost {
  opacity: 1;
  -moz-transition: all 0ms ease-in;
  -webkit-transition: all 0ms ease-in;
  -o-transition: all 0ms ease-in;
  transition: all 0ms ease-in;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

.aktivni-js .seznam-clanku-polozka-wrapper.sledovana_viditelnost.uz-bylo-videt {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/* POTVRZENI REZERVACE CI REGISTRACE */

@media (max-width:599px) {
  .telo-clanku .potvrzeni-rezervace {
    padding-left: 0;
    padding-right: 0;
  }
  .potvrzeni-rezervace-text, .potvrzeni-rezervace > p{
    padding-left: 15px;
    padding-right: 20px;
  }
  .potvrzeni-rezervace .nadpis-polozky {
    display: block;
  }
  .potvrzeni-rezervace .hodnota-polozky {
    display: block;
  }
  .potvrzeni-rezervace .tlacitko-kopirovani-a-tooltip {
    display: block;
  }
  .potvrzeni-rezervace .nadpis-polozky + .hodnota-polozky {
    margin-top: 2px;
  }
  .potvrzeni-rezervace .hodnota-polozky + .tlacitko-kopirovani-a-tooltip {
    margin-top: 2px;
  }
  .potvrzeni-rezervace .tlacitko-kopirovani-a-tooltip .tlacitko-kopirovani {
    color: #ffaa00;
    margin-left: -4px;
  }
  .potvrzeni-rezervace .maTooltip + .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}

.potvrzeni-rezervace .maly-nadpis {
  /*font-size: 20px;*/
  font-family: john-heavy;
}

.potvrzeni-rezervace .nadpis-seznam-bank {
  margin-top: 32px;
  margin-bottom: 22px;
  line-height: 1.5;
}

.potvrzeni-rezervace .platebni-instrukce .nadpis-instrukci {
  font-size: 20px;
  font-family: john-heavy;
  margin-bottom: 16px;
  margin-top: 8px;
}

.polozka-platebnich-instrukci {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media (max-width:599px) {
  .telo-clanku .polozka-platebnich-instrukci {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.potvrzeni-rezervace .karticka-v-clanku.platebni-instrukce {
  position: relative;
  background-color: white;
}

.potvrzeni-rezervace .polozka-platebnich-instrukci .nadpis-polozky {
  font-family: john-heavy;
  margin-right: 5px;
}

.potvrzeni-rezervace .polozka-platebnich-instrukci .zmensene-velke-pismo {
  font-size: 11.5px;
  letter-spacing: 0.4px;
}

.hodnota-polozky.zkopirovatelna {
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-family: inherit;
}

.potvrzeni-rezervace .tlacitko-kopirovani {
  padding: 0 1px 0px 1px;
  margin: 0 0px;
  line-height: 25px;
  font-size: 18px;
  margin-top: -8px;
  margin-bottom: -4px;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  top: 1px;
  color: #cccccc;
}

.potvrzeni-rezervace .tlacitko-kopirovani:hover {
  color: #ffaa00;
}

.potvrzeni-rezervace .qr-kod {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
}

.potvrzeni-rezervace .qr-kod img {
  margin: 0;
  opacity: 0.8;
  max-width: 110px;
}

.potvrzeni-rezervace .qr-kod .qr-kod-popis {
  font-size: 10px;
  position: relative;
  top: -4px;
  color: #797979;
  text-align: center;
}

@media (max-width:716px) {
  .potvrzeni-rezervace .qr-kod {
    position: initial;
    margin: 30px 0 0 0;
  }

  .potvrzeni-rezervace .qr-kod img {
    opacity: 1;
    max-width: 220px;
    position: relative;
    left: -2px;
  }

  .potvrzeni-rezervace .qr-kod .qr-kod-popis {
    font-size: 16px;
    color: black;
    text-align: left;
  }
}

.potvrzeni-rezervace .klikaci-ikona-banky {
  text-decoration: none;
}

.potvrzeni-rezervace .banka-proklik {
  display: inline-block;
  width: 115px;
  height: 58px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
  margin: 5px 2px;
  background-color: white;
  filter: grayscale(100%) opacity(45%);
  transition: transform 0.5s, filter 0.5s;
}

.potvrzeni-rezervace .banka-proklik:hover {
  transform: translate(0px, -10px);
  z-index: 9999999;
  filter: none;
}

.potvrzeni-rezervace .banka-george-ib-proklik {
  background-image: url("/images/4092.png");
}
.potvrzeni-rezervace .banka-servis-ib-proklik {
  background-image: url("/images/4093.png");
}
.potvrzeni-rezervace .banka-kb-ib-proklik {
  background-image: url("/images/4094.png");
}
.potvrzeni-rezervace .banka-csob-ib-proklik {
  background-image: url("/images/4095.png");
}
.potvrzeni-rezervace .banka-fio-ib-proklik {
  background-image: url("/images/4096.png");
}
.potvrzeni-rezervace .banka-airbank-ib-proklik {
  background-image: url("/images/4097.png");
}
.potvrzeni-rezervace .banka-mbank-ib-proklik {
  background-image: url("/images/4098.jpg");
}
.potvrzeni-rezervace .banka-raiffeisen-ib-proklik {
  background-image: url("/images/4099.png");
}
.potvrzeni-rezervace .banka-unicredit-ib-proklik {
  background-image: url("/images/4100.png");
}
.potvrzeni-rezervace .banka-moneta-ib-proklik {
  background-image: url("/images/4101.png");
}

@media (max-width:599px) {
  .telo-clanku .potvrzeni-rezervace .ikony-bank {
    margin: 0 10px;
    text-align: center;
  }
}

.potvrzeni-rezervace .ikony-bank {
  margin: 0 -10px;
  text-align: center;
}

.potvrzeni-rezervace .link-zpet-na-clanek {
  margin: 10px 0;
}

/* KONEC POTVRZENI REZERVACE CI REGISTRACE */

.seznam-clanku-odkaz-na-polozku {
  position: relative;
  top: -100px;
}

/* RUZNE ROZLISENI LOG VLEVO NAHORU PRO DESKTOP A MOBILY  A FUNKCNOST ZOBRAZOVANI LOGA NA DESKTOPU SJETI STRANKY */

header .grt-menu-logo.desktop {
    position: absolute;
    opacity: 0.7;
    transition: opacity 1s ease-out;
}

header .grt-menu-logo.desktop:hover {
    opacity: 0.7;
}

header.scrolled .grt-menu-logo.desktop {
    opacity: 0.7;
}

header .grt-menu-logo.mobile {
    opacity: 0.7;
    transition: opacity 1s ease-out;
}

header.scrolled .grt-menu-logo.mobile {
    opacity: 0.7;
}

.telo-clanku .karticka-v-clanku {
  margin: 20px -15px 20px -15px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
  background-color: #f8f8f8;
  line-height: 1.6;
}

.telo-clanku .karticka-v-clanku h3 {
  margin-top: 15px;
}

@media (max-width:599px) {
  .telo-clanku .karticka-v-clanku {
    margin: 15px 10px;
    padding: 20px 15px 15px 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  }
}

@media (max-width:599px) {
  .sekce-kurzy-zkraceny-vypis-tabulka {
    display: none;
  }
}

.sekce-kontakt .sekce-kontakt-seznam-polozek > div + div {
  margin-top: 6px;
}

.sekce-kontakt .maly-nadpis {
  font-family: john-heavy;
}

.prostor .sekce-kontakt-seznam-polozek > div + div {
  margin-top: 6px;
}

.prostor .maly-nadpis {
  font-family: john-heavy;
}

html, body {
    height: 100%;
}

.galerie img {
  max-width: 100%;
}

@keyframes wobble {
            0% { transform: translateX(0%); }
            15% { transform: translateX(-1%) rotate(-1deg); }
            30% { transform: translateX(1%) rotate(1deg); }
            45% { transform: translateX(-1%) rotate(-1deg); }
            60% { transform: translateX(1%) rotate(1deg); }
            75% { transform: translateX(-1%) rotate(-1deg); }
            100% { transform: translateX(0%); }
         }

@keyframes tep-srdce {
            0% { transform: translateY(0%); }
            15% { transform: translateY(-0.3%) scale(1.003); }
            35% { transform: translateY(-0.15%) scale(1.0015); }
            45% { transform: translateY(-1%) scale(1.01); }
            90% { transform: translateY(0.01%) scale(1.001); }
            100% { transform: translateY(0%) scale(1); }
         }

@keyframes tep-srdce-vetsi {
            0% { transform: translateY(0%); }
            15% { transform: translateY(-0.6%) scale(1.006); }
            35% { transform: translateY(-0.3%) scale(1.003); }
            45% { transform: translateY(-2%) scale(1.02); }
            100% { transform: translateY(0%) scale(1); }
         }

.seznam-clanku-polozka-wrapper:hover .seznam-clanku-polozka img {
  animation-duration: 1.2s;
  /*animation-name: tep-srdce-vetsi;*/
  animation-iteration-count: 2;
  animation-timing-function: linear;
}

.logo-velke {
  animation-duration: 1.5s;
  animation-delay: 1s;
  /*animation-name: tep-srdce-vetsi;*/
  animation-iteration-count: 2;
animation-timing-function: linear;
}

.logo-druny {
  border: none;
  position: absolute;
  top: 50px;
  right: 150px;
  opacity: 0.6;
}

.pravidelne .logo-druny {
  left: 6%;
}

@media (max-width:1550px) {
.dilny .logo-druny {
  right: auto;
}
.kontakt .logo-druny {
  left: 50px;
}
}

@media (max-width: 600px) {
.logo-druny {
  position: static;
  width: 100%;
}
}

@media (max-width:1550px) {
.logo-druny-wrapper {
    max-width: 880px;
    margin: auto;
}
}


@media (max-width: 600px) {
.logo-druny-wrapper {
  padding: 15px 5px 10px 5px;
}
}

.seznam-clanku-polozka-wrapper .seznam-clanku-polozka {
  transition-duration: 0.05s;
  transition-timing-function: linear;
}

.seznam-clanku-polozka-wrapper:hover .seznam-clanku-polozka {
  /*transform: scale(1.03);*/
}




@media (max-width:599px) {
.abcd.mobile-only {
  display: block;
}
}




@media (min-width:600px) {

#main .slick-prev:before
{
  content: '∟';
  transform: rotate(45deg);
  display: block;
}

#main .slick-next:before
{
  content: '∟';
  transform: rotate(225deg);
  display: block;
}

#main button.slick-prev{
  margin-top: -12px;
}

#main button.slick-next {
  margin-top: -5px;
}

#main .slick-prev:before, #main .slick-next:before {
    right: 35px;
    opacity: 0.40;
}

#main .slick-prev:hover:before, #main .slick-next:hover:before {
    opacity: 1;
}

}

.menu-vlajecka {
  position: relative;
  top: 6px;
}

ul.grt-menu li.menu-vlajecka:hover a:after  {
    /*position: absolute;
    bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;*/
    border-bottom: 0px solid #ffaa00;
}

.menu-vlajecka a:hover {
  text-decoration: none;
}

@media (min-width:800px) {
  .grt-menu-logo.mobile {
    display: none;
  }

  .grt-menu-right {
    /*margin: auto;*/
    margin-left: auto;
  }
}

@media (min-width:600px) {

  /* tohle uplne vyradi male logo vlevo nahore na desktopu */
  /*.grt-menu-logo img {
    display: none;
  }*/

  .grt-menu-odrazec-obsahu {
    padding-bottom: 60px;
  }

}

@media (max-width:1035px) {

  /* male logo na desktopu je vyrazeno az do pomerne velke sirky obrazovky aby nekolidovalo s polozkami menu */
  .grt-menu-logo.desktop {
    display: none;
  }

}

@media (max-width:599px) {

  .logo-nad-slideshow {
    display: none;
  }

  .grt-menu-odrazec-obsahu {
    padding-bottom: 60px;
  }

}

/*img {
  image-rendering: smooth;
}*/

/*.sekce-aktualne-polozka {
    border-left: 2px solid #e2ce52;
    margin-bottom: 0px;
    padding-left: 13px;
    margin-left: -15px;
}*/

button.slick-next {
    right: 35px;
}

button.slick-prev {
    left: 35px;
    z-index: 1;
}

@media (max-width:767px) {
button.slick-next {
    right: 25px;
}

button.slick-prev {
    left: 25px;
}
}

@media (max-width:600px) {

/* odstraneno s novym zobrazovanim sekci
#main > * {
    padding-left: 15px;
    padding-right: 20px;
}
*/

#main > .slideshow {
    padding-left: 0px;
    padding-right: 0px;
}

}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/***** responzivní menu GRT Responsive Menu ********/

/* Extra Classes */
.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

/* MENU */

/* toto opravuje chovani, ze po otevreni menu se soupne cela stranka uplne zpet nahoru (za cenu toho, ze je videt scrollbar) */
html.body-overflow {
  overflow: visible;
}

.grt-menu-logo img {
  border: none;
}

header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	/*background:#FFF;*/
        background: rgba(255,255,255,0.97);
        -webkit-transition: background 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out;
        -ms-transition: background 0.5s ease-in-out;
        -o-transition: background 0.5s ease-in-out;
        transition: background 0.5s ease-in-out;
	height:60px;
	z-index:9999;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px; /*MOJE*/
}


header:hover {
  background: rgba(255,255,255,1);
}

header.scrolled {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}

header nav {
	clear:both;
	display: block;
	line-height: 60px;
	height:60px;
	position:relative;
}

.menu-container {
	padding-left:30px;
	padding-right:30px;
}

.grt-menu-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

a.grt-logo {
	display:inline-block;
}

a.grt-logo img {
	margin-top: 10px;
	margin-bottom: 10px;
    width: auto;
    max-height: 50px;
    position: relative;
    top: -4px;
    left: -7px;
}

.grt-mobile-button {
	display:none;
}

.grt-mobile-button:focus {
	border:0;
	outline:0;
}

.body-overflow {
	overflow:hidden;
}

ul.grt-menu {
	display: block;
	float:right;
	margin:0 -10px 0 0;
	padding:0;
	list-style-type: none;
}

ul.grt-menu:after {
	content:"";
	clear:both;
	display:block;
}

ul.grt-menu li {
	display: inline-block;
	margin:0;
	padding:0;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

ul.grt-menu li a {
	padding: 5px 12px;
	font-size:21px;
	display: inline-block;
	color:#303030;
	line-height: 1.1em;
	box-shadow: inset 0 0 0 0 #FFF;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	position:relative;
	text-decoration: none;
	text-transform: lowercase;
}

/* OKRASNE UDELANI CARKY PO NAJETI NA ODKAZ MENU */

/* trida open-grt-menu znaci, ze se jedna o otevrene mobilni menu, a v nem carky zobrazovat nechceme */
ul.grt-menu.open-grt-menu a:before {
  display: none;
}

ul.grt-menu a:before {
    left: 10%;
    bottom: -2px;
    width: 80%;
    height: 0.5px; /* pri vysce 1 px se udela carka behem animace tlustsi a po skonceni animace se teprve zase ztenci */
    background: #616161;
    transform:  scaleX(0);
}
ul.grt-menu .menu-vlajecka a:before {
    height: 0px;
}
ul.grt-menu a:hover:before {
  transform:  scaleX(1);
}

ul.grt-menu a:before, ul.grt-menu a > span:before, ul.grt-menu a:after, ul.grt-menu a > span:after {
  content: '';
  position: absolute;
  transition: transform .2s ease;
}

/* konec ozdobne carky po najeti */


ul.grt-menu li:hover a:after  { /*misto .active jsem dal :hover*/
    position: absolute;
    bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;
    /*border-bottom: 2px solid #ffaa00;*/
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

ul.grt-menu li.grt-dropdown:hover {
	cursor:pointer;
}

ul.grt-menu li.grt-dropdown:hover a {
	box-shadow: none;
}

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {
	display:none;
	position:absolute;
	background:#ee2b34;
	margin: 0;
	padding: 0;
	min-width:150px;
	animation: fadeIn 0.8s;
	z-index: 999;
}

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {
	display:block;
	font-size:18px;
	color: #FFF;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	padding: 9px 12px;
}

ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li:last-child a {
	padding-bottom:15px;
}

ul.grt-menu li.grt-dropdown.active-dropdown {
	background: #ee2b34;
}

ul.grt-menu li.grt-dropdown.active-dropdown ul.grt-dropdown-list {
	display:block !important;
}

ul.grt-menu li.grt-dropdown.active-dropdown a {
	color:#FFF;
}


/* Desktop only style */
@media (min-width:768px) {

	ul.grt-menu li.grt-dropdown:hover > a + ul.grt-dropdown-list {
		display:block;
		top: calc(100% - 17px);
	}

	/*ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li {
		display:block;
	}

	ul.grt-menu li.grt-dropdown:hover > a {
		color:#FFF;
		box-shadow: inset 150px 0 0 0 #ee2b34;
	}

	ul.grt-menu li a:hover {
		color:#FFF;
		box-shadow: inset 150px 0 0 0 #ee2b34;
	}*/
}

/* Tablet only style */
/* maximum zvýšeno z 991 na 1191px - nevešlo se menu */
@media (min-width:768px) and (max-width:1191px) {
	ul.grt-menu li a {
		font-size:18px;
	}
}

/* Mobile only style */
@media (max-width:800px) {

	.menu-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.grt-mobile-button {
		display:inline-block;
		position:absolute;
		right:8px;
		top:12px;
                /*moje ale lip to vypada bez toho*/
                /*transition: right 0.1s linear, top 0.1s linear;*/
		/*background:#FFF;*/
                background: rgba(255,255,255,0);
		color:#3d3d3d;
		margin:0;
		padding:0;
		cursor:pointer;
		border: 0;
		width:35px;
	}

	.grt-mobile-button .line1, .grt-mobile-button .line2, .grt-mobile-button .line3 {
		width: 35px;
		/*height: 4px;*/
		height: 2px;
		background-color: #333;
		/*margin: 6px 0;*/
		margin: 8px 0;
		transition: 0.4s;
		display:block;
	}

	ul.grt-menu {
		display:none;
		margin:0;
  		height: 0;
	}  

	ul.open-grt-menu {
		position: fixed;
		background: #FFF;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		height:100%;
		float: none;
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.grt-mobile-button-open {
		position: fixed;
		z-index:99999;
		right:25px;
		top:25px;
	}

	.grt-mobile-button-open .line1 {
		-webkit-transform: rotate(-45deg) translate(-8px, 5px);
		transform: rotate(-45deg) translate(-8px, 5px);
	}

	.grt-mobile-button-open .line2 {opacity: 0;}
	
	.grt-mobile-button-open .line3 {
		-webkit-transform: rotate(45deg) translate(-8px, -7px);
		transform: rotate(45deg) translate(-8px, -7px);
	}

	ul.grt-menu li {
		display: block;
		line-height: 3.5em;
	}

	ul.grt-menu li a {
		padding: 6px 10px;
		font-size:30px;
	}

	ul.grt-menu li.grt-dropdown ul.grt-dropdown-list {
		width:100%;
		position: relative;
		display:none;
	}

	ul.grt-menu li.grt-dropdown ul.grt-dropdown-list li a {
		display: block;
		font-size: 17px;
	}
}

/******** KONEC RESPONZIVNÍHO MENU *********/

.clearer {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  clear: both;
}

br {display: block;margin-top: 0px;margin-bottom: 0px;height:0px; content:" ";display:none;}

@font-face {
   font-family: john-heavy; 
   src: url('files/fonts/JohnSansHeavy.otf');
}

@font-face {
   font-family: john-heavy; 
   font-weight: bold;
   src: url('files/fonts/JohnSansHeavyBold.otf');
}

@font-face {
   font-family: john; 
   src: url('files/fonts/JohnSansLite.otf');
}
@font-face {
   font-family: john; 
   font-weight: bold;
   src: url('files/fonts/JohnSansLiteBold.otf');
}
@font-face {
   font-family: john; 
   font-style: italic;
   src: url('files/fonts/JohnSansLiteItalic.otf');
}

@font-face {
   font-family: john-white; 
   src: url('files/fonts/JohnSansWhite.woff');
}
@font-face {
   font-family: john-white; 
   font-weight: bold;
   src: url('files/fonts/JohnSansWhiteBold.otf');
}
@font-face {
   font-family: john-white; 
   font-style: italic;
   src: url('files/fonts/JohnSansWhiteItalic.otf');
}
@font-face {
   font-family: john-white; 
   font-weight: bold;
   font-style: italic;
   src: url('files/fonts/JohnSansWhiteBoldItalic.otf');
}

body {
  margin: 0px auto;
  /*width: 600px;*/
  font-family: john-white, Arial, Helvetica, sans-serif;
  font-size: 18px; /*zmeneno z 15px*/
  color: black;//#3c3c3c;  
        //box-shadow: 0 0 20px rgba(0,0,0,0.10);
        background-color: white;
}

@media all and (max-width: 599px) {
  .desktop-only {
    display:none;
  }
}

/* puvodne breakpoint 751px */
@media all and (min-width: 600px) {
  .mobile-only {
    display:none;
  }
  .desktop-only {

  }
}

iframe {
  /*border: solid grey 1px;*/  /*odstraneno aby se kolem vkladanych videi nedelaly okraje*/
}

#header-print {
display: none;
}

td {
  //font-size: 14px;
}

#container {
  width: 100%;
  margin: 0px auto;
  text-align: left;
}

/*
.hlavni-obsah-wrapper {
  min-height: 100%;
}
*/

@media (min-width:600px) {
  #container {
    /* gradient nakonec vynechan - IE neumi gradient mezi dvema tak podobnymi body a zobrazi jen dve barvy s ostrym prechodem*/
    /*background: linear-gradient(90deg, rgba(253,253,253,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(254,254,254,1) 100%);*/
  }
}

#header {

  margin-bottom: 10px;
}

#menu {
  position: relative;
  /*font-weight: bold;*/
}

#main {
  /*margin-top: 0.8em;*/
  /*max-width: 600px;*/
  margin-left: auto;
  margin-right: auto;
  /*margin-bottom: 78px;*/ /* kvuli kompenzaci zaporneho odrazeni paticky - nejak nefunguje tak vyrazeno */
}

#main .footer {
  font-size: 14px;
  padding: 0;
  color: white;
}

/* Radsi zatim vypnuto (odrazec je mozno pripadne smazat), aby zbytecne nenafukovalo stanku napr. na telefonech. Snad budeme mit vzdy dost obsahu, aby to vydalo alespon na celou stranku.
#main .odrazec-paticky {
  min-height: 800px;
}
*/

/* nasledujici pokus o prilepeni paticky dolu na stranku nejak nefunguje */
/*
.footer {
  margin-top: -78px;
}

@media (max-width:600px) {
.footer {
  margin-top: -242px;
}
}
*/

.footer a {
  text-decoration: none;
}

.footer-logo img {
  border: none;
  max-height: 50px;
  margin: 0px 0px 10px 0px;
  width: auto;
}

.footer .odkazy-na-socialni-media-wrapper {
  background-color: #f2f2f2;
}

.footer .odkazy-na-socialni-media {
  padding: 8px 2px 6px 2px;
  filter: grayscale(100%) opacity(45%);
  transition: filter 0.5s;
}

.footer .odkazy-na-socialni-media-wrapper:hover .odkazy-na-socialni-media {
  filter: none;
}

@media (min-width:600px) {

  .footer-o-drune {
    max-width: 600px;
    font-size: 14px;
    margin: auto;
    padding: 10px 20px;
  }

  .footer-o-drune-wrapper {
    background-color: #c3c3c3;
  }

  .footer-o-drune a {
    color: white;
  }

  .footer-polozka.footer-logo {
    display: none;
  }

  .footer-polozka {
    display: inline;
  }

  .footer .odkazy-na-socialni-media {
    padding: 10px 2px 8px 2px;
    width: 600px;
    margin: auto;
  }

  .footer-polozka + .footer-polozka + .footer-polozka {
    margin-top: 10px;
    margin-left: 10px;
  }

/*.footer .adresa {
  float: left;
}

.footer .kontakt {
  float: right;
}*/

}

@media (max-width:599px) {

  .footer-polozka + .footer-polozka {
    margin-top: 10px;
  }

  .footer-o-drune {
    padding: 20px 20px;
    background-color: #5a5a5a;
  }

  .footer-o-drune a {
    color: white;
  }

  .footer .odkazy-na-socialni-media {
    padding: 10px 20px;
  }
}

em {
  font-style: normal;
  font-weight: normal;
}

h1, h2, h3 {
  /*font-family: john, Helvetica, Arial, sans-serif;*/
  letter-spacing: 0.03em;
  font-weight: normal;
  /*color: #99CC00;*/
}



h1#title {
  margin: 0;
  font-size: 39px;
  letter-spacing: 0.1em;
  color: #990000;
}

h1#title a {
  text-decoration: none;
  color: #660000;
}


h1#subtitle {
  margin: 0 0 10px 0;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #660000;
  line-height: 20px;
  font-weight: normal;
}

h2 {
  font-size: 26px;
  margin-top: 13px;
  margin-bottom: 3px;
}

h3 {
  font-size: 18px;
  margin: 13px 0 0.3em 0;
}

h4 {
  //font-family: Helvetica, Arial, sans-serif;
  //font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 4px 0;
}

img {
  /* border: 1px solid black; */
  margin: 0px 0;
}

p {
  margin: 0 0 4px 0;
  line-height: 1.3;
}

hr {
  size: 1px; 
  height: 1px; 
  border: 0;
  /*width: 100%;*/ /*v kombinaci s paddingem nafukuje stranku nad 100%*/
  background-color: #BBBBBB;

}


a {
  color: #222222;
}

/*a:hover {
  color: silver;
}*/

/*a:hover h3 {
  color: grey;
}

a:hover p,h4 {
  color: gray;
}*/

#menu a {
  font-size: 16px;
  font-weight: normal;
  /* color: #99CC00; */
  font-weight: bold;
}

/*#menu a:hover {
  color: silver;
}*/

#menu2 a {
  font-size: 14px;
  font-weight: normal;
  color: #333399;
        font-weight: bold;
}

#menu2 a:hover {
  color: grey;
}

#odkaz1 a {
  color: #6b6b6b;
        text-decoration: none;
}

/*#odkaz1 a:hover {
  color: silver;
}*/

/*#odkaz2 a {
        padding-bottom: 4px;
  color: #99CC00;
        text-decoration: none;
}

#odkaz2 a:hover {
  color: silver;
}*/

#obr  a {display: block; width: 147px; overflow: hidden;}
#obr  a img {border: none;}

h4 b, p b {
  //font-size:14px;
}

p b.home, p b.home b {
  font-size:14px;
}

p {
    margin-top: 14px;
    margin-bottom: 14px;
}

/* docasna zachrana pro stare rezervacni formulare */

form p {
    margin-top: 3px;
    margin-bottom: 3px;   
}


th {
 font-weight: normal;
 vertical-align: top;
 text-align: right;
}

/*30.12.2024 zakomentovavam, aby byly usporadane seznamy cislovane, snad to nic nerozbije*/
/*li {list-style-type: none;}*/

ul > li {
  list-style-type: square;
}

li + li {margin-top: 8px;}

input {
    padding: 7px 8px;
    border-width:1px;
    border-style:solid; 
    border-color: grey;
}

select {
    padding: 6px 4px;
    border-width:1px;
    border-style:solid; 
    border-color: grey;
    width: 100%;
}

input[type=submit], input[type=button] {
  font-family: john-heavy;
  letter-spacing: 0.4px;
  padding: 10px 10px;
  /*bezove hneda*/
  /*background-color: #bfbba7;*/
  /*zelena*/
  background-color: #b2d64a;
  /*bezove hneda*/
  /*background: linear-gradient(#c4bfaa, #bfbba7);*/
  /*zelena*/
  background: linear-gradient(#b2d64a, #acce4a);
  border: none;
  color: white;
  font-weight: normal;
  margin-top: 8px;
  border-radius: 1px;
}

input[type=submit]:hover, input[type=button]:hover {
  cursor: pointer; cursor: hand;
  /*zelena*/
  background-color: #b2d64a;
  /*bezove hneda*/
  /*background-color: #b3ab85;*/
  /*zelena*/
  /*background: linear-gradient(#b3de37, #b2d64a);*/
  /*bezove hneda*/
  /*background: linear-gradient(#b7af89, #b3ab85);*/
}

ul.slick-dots
{
    font-family: Helvetica, Arial, sans-serif;
}

#druna-logo {
    margin: 0;
}

.hlavicka-podnadpis {
    color: grey;
}

.prepinac-jazyka {
    color: grey;
    //font-weight: bold;
    font-size: 14px; 
}

.prepinac-jazyka:hover {
    color: #99CC00;
}



/****** NADPIS SEKCE *****/

@media (min-width:1051px) {
.pravidelne .oddil-souhrnnych-nadpisu {
    display: none;
}
}

.pravidelne .oddil-souhrnnych-nadpisu {
    padding-top: 220px;
    max-width: 880px;
    padding-right: 30px;
    margin: auto;
}

.pravidelne .oddil-souhrnnych-nadpisu a {
    text-decoration: none;
}

a.odkaz-vnitrni-navigace {
    position: relative;
    top: -60px;
}

@media (max-width:600px) {
.pravidelne .oddil-souhrnnych-nadpisu {
    padding-top: 20px;
    padding-right: 10px;
}
}

.pravidelne .oddil-souhrnnych-nadpisu .nadpis-sekce {
    margin-bottom: 5px;
}

.pravidelne .oddil-souhrnnych-nadpisu .oddil-druhu-kurzu {
    margin-bottom: 5px;
    margin-left: 20px;
}

@media (max-width:1250px) {
.pravidelne .oddil-souhrnnych-nadpisu .oddil-druhu-kurzu {
    margin-left: 24px;
}
}

@media (max-width:599px) {
.pravidelne .oddil-souhrnnych-nadpisu .oddil-druhu-kurzu {
    margin-left: 10px;
}
}

.pravidelne .oddil-souhrnnych-nadpisu .nazev-druhu-kurzu {
    font-size: 18px;
}

.pravidelne .oddil-souhrnnych-nadpisu .sipka-dolu {
    transform: rotate(315deg);
    display: inline-block;
    position: relative;
    top: -6px;
    left: 4px;
    font-size: 28px;
    line-height: 0.9;
}

.pravidelne .oddil-uvodu-sekce {
  position: relative;
}

.oddil-nadpisu-sekce {
  padding-top: 240px;
  padding-bottom: 65px;
  padding-left: 5%;
  text-align: right;
  max-width: 600px;
}

@media (max-width:1550px) {
.dilny .oddil-nadpisu-sekce {
    max-width: 880px;
    margin: auto;
    /*padding-top: 10px; tohle byl asi preklep*/
    padding-bottom: 25px;
    padding-right: 30px;
    padding-left: 0px;
}
}

@media (max-width:600px) {
.dilny .oddil-nadpisu-sekce {
    padding-right: 10px;
}
}

.pravidelne .oddil-nadpisu-sekce {
  padding-top: 150px;
  max-width: 610px;
}

@media (max-width:1250px) {
.pravidelne .oddil-nadpisu-sekce {
    max-width: 880px;
    margin: auto;
    padding-bottom: 25px;
    padding-right: 30px;
    padding-left: 0px;
    text-align: left;
}
}

@media (max-width:1050px) {
.pravidelne .oddil-nadpisu-sekce {
    padding-top: 100px;
    padding-bottom: 30px;
}
}

@media (max-width:599px) {
.pravidelne .oddil-nadpisu-sekce {
  padding-top: 80px;
}
}

.pravidelne .oddil-uvodu-sekce:first-child .oddil-nadpisu-sekce {
  padding-top: 300px;
}

@media (max-width:600px) {
.pravidelne .oddil-uvodu-sekce:first-child .oddil-nadpisu-sekce {
    padding-top: 10px;
}
}

.pravidelne .oddil-uvodu-sekce:first-child .oddil-postranniho-odkazu + .oddil-nadpisu-sekce {
  padding-top: 150px;
}

@media (max-width:1050px) {
.pravidelne .oddil-uvodu-sekce:first-child .oddil-postranniho-odkazu + .oddil-nadpisu-sekce {
    padding-top: 40px;
    padding-bottom: 5px;
}
}


@media (max-width:599px) {
.oddil-nadpisu-sekce {
  padding-top: 45px;
  padding-bottom: 30px;
  padding-right: 10px;
  text-align: left;
  max-width: none;
}
}

@media (max-width:599px) {
.pravidelne .oddil-nadpisu-sekce {
  padding-right: 10px;
}
}


.oddil-nadpisu-sekce p {
    margin-left: auto;
    max-width: 600px;
}

@media (max-width:1250px) {
.pravidelne .oddil-nadpisu-sekce p {
  margin-left: 20px;
}
}

@media (max-width:599px) {
.oddil-nadpisu-sekce p {
    margin-left: 10px;
}
}

@media (max-width:599px) {
.pravidelne .oddil-nadpisu-sekce p {
    margin-left: 10px;
}
}


.nadpis-sekce {
  font-size: 78px;
  margin-top: 0px;
  margin-bottom: 30px;
  margin-left: 20px;
}

@media (max-width:599px) {
.nadpis-sekce {
    line-height: 1.2;
}
}


.pravidelne .oddil-nasledne-sekce {
    position: absolute;
    top: 90px;
    right: 160px;
    text-align: left;
}

.pravidelne .oddil-postranniho-odkazu {
    height: 150px;
}

@media (max-width:1050px) {
.pravidelne .oddil-postranniho-odkazu {
  display: none;
}
}

.pravidelne .oddil-nasledne-sekce p {
  padding-left: 1px;
}

.nadpis-nasledne-sekce {
  font-size: 30px;
}

.oddil-nasledne-sekce .sipka-nahoru {
  transform: rotate(135deg);
  position: absolute;
  top: 14px;
  right: -60px;
  font-size: 50px;
}

.oddil-nasledne-sekce .sipka-dolu {
  transform: rotate(315deg);
  position: absolute;
  top: -8px;
  right: -60px;
  font-size: 50px;
}

@media (max-width:599px) {
.nadpis-sekce {
  font-size: 39px;
  margin-bottom: 15px;
  margin-left: 10px;
}
}

@media (min-width:1051px) {
.pravidelne .nadpis-sekce.kratsi{
  display: none;
}
}

@media (max-width:1050px) {
.pravidelne .nadpis-sekce.delsi{
  display: none;
}
}

@media (max-width:1250px) {
.pravidelne .nadpis-sekce {
  max-width: 600px;
}
}

@media (max-width:599px) {
.pravidelne .nadpis-sekce {
  margin-left: 8px;
}
}



.clanek-akce-hlavni-nadpis {
    font-size: 60px;
    line-height: 1.3;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width:599px) {
  .clanek-akce-hlavni-nadpis {
    font-size: 30px;
    line-height: 1.3;
    margin-top: 30px;
  }
}

.clanek-akce-hlavni-podnadpis {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width:599px) {
  .clanek-akce-hlavni-podnadpis {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.clanek-akce-nadpis-v-textu {
    margin-top: 0.8em;
}

.clanek-akce-podnadpis-v-textu {
    margin-top: 0.3em;
    margin-bottom: 0em;
}

.rez-form-prvni-ucet,.rez-form-nasledujici-ucet {
  margin-top: 20px;
}

#hlavicka-stranek {
    padding-top: 0.5em;
    margin-bottom: 0.8em;
}

#hlavni-menu {
  padding: 5px 15px;
  text-transform: uppercase;
}

#hlavni-menu td {
    text-align: center;
}

#hlavni-menu.cs td + td{
    padding-left:10px;
}

#hlavni-menu.en td + td{
    padding-left:10px;
}

#hlavni-menu td.first {
    text-align: left;
}

#hlavni-menu td.last {
    text-align: right;
}

#hlavni-menu a {
  font-size: 12px;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

#hlavni-menu a:hover {
  color: white;
  border-bottom: solid white 1px;
}


#ikona-jazyka {
  width: 24px;
  height: 16px;
}

#ikona-jazyka.cs {
  background-image: url('/images/2816.jpg');
}

#ikona-jazyka.en {
  background-image: url('/images/2828.png');
}

#ikona-jazyka.cs:hover {
  background-image: url('/images/2815.jpg');
}

#ikona-jazyka.en:hover {
  background-image: url('/images/2827.png');
}


/* UVODNI STRANKA */

.uvodni-stranka-popis-druny-prvni-cast {
  margin-top: 16px;
  margin-bottom: 6px;
  font-family: john-heavy;
}

.uvodni-stranka-popis-druny-druha-cast {
  margin-top: 4px;
}

.podbarveny-nadpis {
  /*cerna*/
  /*background-color: #222222;*/

  /*zelenohneda pouzivano do 2. cervna 2019*/
  /*background-color: #bfbba7;
  background: linear-gradient(#c4bfaa, #bfbba7);*/

  /*zelena jako kdysi 2. cervna 2019*/
  background-color: #e2ce52;
  /*background: linear-gradient(#b2d64a, #acce4a);*/

  /*dost povedena oranzova 2. cervna 2019*/
  /*background-color: #eaaa60;
  background: linear-gradient(#eaaa60, #efa956);*/

  /*hnedsi hneda*/
  /*background-color: #b29f94;*/
  /*background: linear-gradient(#c2afa4, #b29f94);*/

  /*zelenejsi hneda*/
  /*background-color: #babf9e;*/
  /*background: linear-gradient(to right,#b29f94, #b6A498, #b29f94);*/
}

.predelujici-nadpis {
  font-family: john-heavy; /*nove*/
  text-align: center; /*nove*/
  color: white;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px 10px 12px;
  margin-top:0px;
  text-transform: uppercase;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 20px 0px;
}

/* SEKCE AKTUALNE */

#sekce-aktualne {
  padding-top: 1px;
}

#sekce-aktualne * {
  text-decoration: none;
}

.sekce-aktualne-nadpis-akce {
  font-family: john-heavy;
}

.sekce-aktualne-polozka {
  border-left: solid rgba(226,206,82,0) 5px;
  margin-left: -17px;
  padding-left: 12px;
  -moz-transition : border-color 100ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition : border-color 100ms ease-out;
  transition : border-color 100ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sekce-aktualne-polozka:hover {
  border-color: rgba(226,206,82,0.527);
  transition: border-color 1000ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sekce-aktualne-polozka + .sekce-aktualne-polozka {
  margin-top: 10px;
}

.sekce-aktualne-polozka.sekce-aktualne-sdeleni {
  margin-top: 15px;
  margin-bottom: 15px;
}

.sekce-aktualne-polozka .zvyraznit {
  font-family: john-heavy;
}

.sekce-aktualne-polozka .svitici{
  font-family: john-heavy;
  color: #F79C2D;
}

/* PRO PRIPAD ZE JE NA STRANCE ZAPNUTY TEXTILE A CHRLI EXTRA ELEMENTY*/
.sekce-aktualne-polozka + a + p + p + .sekce-aktualne-polozka {
  margin-top: 10px;
}

.sekce-aktualne-polozka {
  margin-top: 15px;
  margin-bottom: 15px;
}

.sekce-aktualne-popis-akce {
  margin-top: 5px;
  margin-bottom: 0px;
}

/* neutralizuje balast od Textile */

.sekce-aktualne-polozka + a + p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.sekce-aktualne-polozka + a + p + p {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width:599px) {
.aktualne-nadpis-prava-cast {
  padding-top: 5px;
  /*padding-bottom: 5px;*/
}
}

@media (min-width:600px) {

.aktualne-nadpis-leva-cast {
  overflow: hidden;
  white-space: nowrap;
}

.aktualne-nadpis-leva-cast:after { 
  font-family: john;
  content: ".................................................................................................................................." 
}

.aktualne-nadpis-prava-cast {
  float: right;
  position: relative;
  top: -18px;
  background-color: white;
  padding-left: 4px;
  padding-right: 5px;
  margin-bottom: -18px;
}
}

@media (max-width:599px) {
  #sekce-aktualne {
    padding: 0.1px;
    background-color: #eeeeee;
  }

  .predelujici-nadpis {
    margin-bottom: 0px;
  }

  .sekce-aktualne-polozka {
    margin: 10px;
    padding: 16px 10px 10px 10px;
    border: none;
    background-color: white;
  }

  .sekce-aktualne-polozka.sekce-aktualne-sdeleni {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* kvuli pretezovani nutno udelat jinak pro aktualne*/
  #main .sekce-novinky {
    padding: 0.1px;
    background-color: #eeeeee;
  }

  #main .sekce-novinky-polozka {
    margin: 10px;
    padding: 16px 10px 14px 10px;
    border: none;
    background-color: white;
  }

  .sekce-novinky-polozka .nadpis-clanku-v-seznamu-clanku {
    margin-top: 8px;
  }

  .sekce-novinky-polozka .podnadpis-clanku-v-seznamu-clanku {
    margin-top: 8px;
  }
}

/* SEKCE NOVINKY */

.sekce-novinky a {
  text-decoration: none;
}

.sekce-novinky .nadpis-clanku-v-seznamu-clanku {
  font-family: john-heavy;
  margin-bottom: 3px;
}

.sekce-novinky .anotace-clanku p {
  margin-top: 7px;
  margin-bottom: 0px;
}

.sekce-novinky-polozka {
  border-left: solid rgba(226,206,82,0) 5px;
  margin-left: -17px;
  padding-left: 12px;
  -moz-transition : border-color 100ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition : border-color 100ms ease-out;
  transition : border-color 100ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sekce-novinky-polozka:hover {
  border-color: rgba(226,206,82,0.527);
  transition : border-color 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* OBAL SEKCE */

#main .sekce-wrapper {
  position: relative;
}

/* SEZNAM CLANKU SEKCE */

#main .seznam-clanku-sekce {
  padding-bottom: 40px;
}

.seznam-clanku-polozka-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}

.seznam-clanku-polozka {
    background-color: rgba(255,255,255,0.9);
    padding: 25px 40px 35px 40px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
}

.hlavni-stranka .seznam-clanku-polozka {
    padding: 15px 30px 20px 30px;
}

.obalujici-odkaz {
  text-decoration: none; 
}

.seznam-clanku-polozka-wrapper .nadpis-clanku-v-seznamu-clanku {
  line-height: 1.3;
  margin-bottom: 0.3em;
  /*font-weight: bold;*/
  color: #464646;
  font-family: john-white;
  font-size: 30px;
}

.seznam-clanku-polozka-wrapper .podnadpis-clanku-v-seznamu-clanku.cas + .podnadpis-clanku-v-seznamu-clanku.cas {
  margin-top: -4px;
}

@media (min-width:600px) {
  .seznam-clanku-polozka-wrapper .nadpis-clanku-v-seznamu-clanku {
    line-height: 1.3;
  }

  .seznam-clanku-polozka-wrapper .podnadpis-clanku-v-seznamu-clanku {
    line-height: 1.5;
  }
}

@media (max-width:599px) {
  .seznam-clanku-polozka-wrapper .nadpis-clanku-v-seznamu-clanku {
    line-height: 1.3;
  }

  .seznam-clanku-polozka-wrapper .podnadpis-clanku-v-seznamu-clanku {
    line-height: 1.4;
  }
}

.seznam-clanku-polozka-wrapper {
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width:600px) {
.seznam-clanku-polozka-wrapper {
  margin-top: 15px;
}
}

.seznam-clanku-polozka-wrapper .obrazek-vedle-textu {
  display: table;
}

.seznam-clanku-polozka-wrapper .obrazek-wrapper, .seznam-clanku-polozka-wrapper .text-vedle-obrazku-wrapper {
  display: table-cell;
  vertical-align: top;
}

@media (max-width:600px) {
.seznam-clanku-polozka-wrapper .obrazek-vedle-textu {
  display: block;
}

.seznam-clanku-polozka-wrapper .obrazek-wrapper, .seznam-clanku-polozka-wrapper .text-vedle-obrazku-wrapper {
  display: block;
}
}

.seznam-clanku-polozka-wrapper .text-vedle-obrazku-wrapper {
  padding-left: 25px;
  padding-bottom: 0px;
}

@media (max-width:600px) {
.seznam-clanku-polozka-wrapper .text-vedle-obrazku-wrapper {
  padding-left: 0px;
}
}

.seznam-clanku-polozka-wrapper .text-vedle-obrazku-wrapper p {
    margin-top: 2px;
}

.seznam-clanku-polozka-wrapper .obrazek-wrapper img {
  width: auto;
  height: auto;
  max-width: 370px;
  max-height: 350px;
}

@media (max-width:850px) {
.seznam-clanku-polozka-wrapper .obrazek-wrapper img {
  max-width: 300px;
  max-height: 280px;
}
}

@media (max-width:750px) {
.seznam-clanku-polozka-wrapper .obrazek-wrapper img {
  max-width: 240px;
  max-height: 220px;
}
}

@media (max-width:600px) {
.seznam-clanku-polozka-wrapper .obrazek-wrapper img {
  max-width: 100%;
  max-height: 400px;
}
}

.seznam-clanku-polozka-wrapper .obrazek-vedle-textu .odkaz-vice-informaci-kontejner {
  margin-top: 5px;
}

@media (max-width:600px) {
.seznam-clanku-polozka-wrapper .obrazek-vedle-textu .odkaz-vice-informaci-kontejner {
  margin-bottom: 14px;
}
}

.seznam-clanku-polozka-wrapper .nadpis-karty {
  margin-left:2px;
  margin-bottom:15px;
}

@media (max-width:600px) {
  .seznam-clanku-polozka-wrapper .nadpis-karty {
    text-align:center;
    margin-top:30px;
    margin-left:0;
    margin-bottom:20px;
  }
  .seznam-clanku-polozka-wrapper .obrazek {
    height: auto;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom:20px;
  }
}

@media (max-width:600px) {

  .seznam-clanku-polozka-wrapper .seznam-clanku-polozka {
    margin: 0;
    padding: 10px;
  }

  .seznam-clanku-polozka-wrapper .nadpis-karty {
    margin-top: 20px;
  }
}

/* KURZY */

.sekce-kurzy-zkraceny-vypis {
  margin-bottom: 15px;
}

.sekce-kurzy-zkraceny-vypis table {
  border-collapse: collapse;
  border: none;
}

.sekce-kurzy-zkraceny-vypis table td {
  padding: 0px;
  font-size: 13px; 
  width: 1%; 
  white-space:nowrap;
  vertical-align: top;
}

.sekce-kurzy-zkraceny-vypis table td + td {
  padding-left: 20px;
}

.sekce-kurzy-zkraceny-vypis table td:last-child {
  width: 100%;
}

.sekce-kurzy-zkraceny-vypis .nadpis-kategorie {
  font-family: john-heavy;
  font-size: 15px;
  padding-bottom: 7px;
}

/* ROZVRH PRAVIDELNYCH HODIN */

.rozvrh {
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width:599px) {
.rozvrh {
    padding-left: 10px;
    padding-right: 10px;
}
}

.rozvrh * {
  text-align: left;
}

.rozvrh-karta {
  background-color: rgba(255,255,255,0.9);
}

.nadpis-sekce-rozvrh {
  padding-top: 90px;
  padding-bottom: 65px;
}

@media (max-width:599px) {
.nadpis-sekce-rozvrh {
  padding-top: 45px;
  padding-bottom: 30px;
}
}

.nadpis-sekce-rozvrh p {
    margin-left: 28px;
    max-width: 600px;
}

@media (max-width:599px) {
.nadpis-sekce-rozvrh p {
    margin-left: 10px;
    max-width: 80%;
}
}

.rozvrh-nadpis {
  font-size: 78px;
  margin-top: 0px;
  margin-bottom: 30px;
  margin-left: 20px;
}

@media (max-width:599px) {
.rozvrh-nadpis {
  font-size: 39px;
  margin-bottom: 15px;
  margin-left: 10px;
}
}

.rozvrh-nadpis-dne {
  font-size: 78px;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 30px;
  margin-left: 10px;
}

@media (max-width:599px) {
.rozvrh-nadpis-dne {
  font-size: 39px;
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 10px;
}
}

.rozvrh-karta-wrapper {
    margin: 10px 10px 10px 10px;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
width: 350px;
display: inline-block;
/*min-height: 300px;*/
vertical-align: top;
}

@media (max-width:599px) {
.rozvrh-karta-wrapper {
    margin: 10px 0px 10px 0px;
    width: 100%;
}
}

.rozvrh-karta {
  min-height: 340px;
}

@media (max-width:599px) {
.rozvrh-karta {
  min-height: 0px;
}
}

.rozvrh-karta-wrapper a {
   text-decoration: none;
}

.rozvrh-karta .horni-cast-karty {
   padding: 25px 25px 20px 25px;
}

.rozvrh-karta .dolni-cast-karty {
   padding: 0px 25px 15px 25px;
}

.rozvrh-karta .polozka {
    margin-top: 12px;
    margin-bottom: 12px;
}

.rozvrh-karta .cas{
    margin-bottom: 18px;
  float: left;
}

.rozvrh-karta .den{
  float: right;
color: #efefef;
font-family: john-heavy, Arial, Helvetica, sans-serif;
}

.rozvrh-karta .nazev {
  font-size: 26px;
  line-height: 1.2;
}

.rozvrh-karta .obdobi {
  margin-bottom:0px;
}

.rozvrh-karta .XXXobdobi:before {
  content: '▶';
}

.rozvrh-karta .vyjimky {
    margin-top: 0px;
    margin-bottom: 0px;
}

.rozvrh-karta .termin-blizici-se-vyjimky {
  color: red;
}

.rozvrh-karta .popis {
  font-style: normal;
  color: #bdbdbd;
}

.rozvrh-karta .popis a {
  color: #bdbdbd;
}

.rozvrh-karta .popis .odstavec-popisu {
  margin-top: 0px;
  margin-bottom: 0px;
}

.rozvrh-karta .popis .odstavec-popisu + .odstavec-popisu {
  margin-top: 8px;
}

.rozvrh-karta hr {
  margin-top: 0px;
    margin-bottom: 16px;
    background-color: #d9d9d9;
}

.rozvrh-karta-wrapper {
  position: relative;
}

.rozvrh-karta-wrapper .text-prilepeny-na-spodku {
  position: absolute;
  right: 25px;
  bottom: 15px;
  color: #4169e1; /*#1e90ff = dodgerblue #6495ed = cornflowerblue #4169e1 = royalblue*/
  opacity: 0.9;
  font-family: john;
}

.rozvrh-karta.s-textem-na-spodku {
  padding-bottom: 25px;
  box-sizing: border-box;
}




/* KONTAKT*/

.kontakt .oddil-nadpisu-sekce.nasledujici {
  padding-top: 100px;
}

@media (max-width:1550px) {
.kontakt .oddil-nadpisu-sekce {
  text-align: left;
}
.kontakt .oddil-nadpisu-sekce p {
  margin-left: 20px;
}
}

.kontakt .karty-osoby-wrapper {
  max-width: 1270px;
  margin: auto;
}

.kontakt .karty-osoby-wrapper .karta-dokumentu {
  display: none;
}

.kontakt .karta-osoby {
    margin: 10px 10px 10px 10px;
  background-color: rgba(255,255,255,0.9);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
display: inline-block;
/*min-height: 300px;*/
vertical-align: top;
    padding: 40px;
    padding-bottom: 44px;
    box-sizing: border-box;
    width: 400px;
}

.kontakt .karta-osoby a {
  text-decoration: none;
}

.kontakt .karta-osoby .jmeno {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 50px;
}

.kontakt .karta-osoby .kontaktni-udaje {
  font-size: 20px;
}

.kontakt .karta-osoby .kontaktni-udaje .ikona {
  font-size: 28px;
    margin-right: 10px;
    opacity: 0.8;
}

.kontakt .karta-osoby .kontaktni-udaje .ikona:before {
  display: inline-block;
  transition: transform 0.05s linear;
}

.kontakt .karta-osoby .kontaktni-udaje a:hover .ikona:before {
  transform: scale(1.1);
}

.kontakt .karta-osoby .kontaktni-udaje .email .ikona {
  font-size: 30px;
}

.kontakt .karta-osoby .kontaktni-udaje .email .emailova-adresa {
  position: relative;
  top: 1px;
  letter-spacing: 1px;
}

.kontakt .karta-osoby .kontaktni-udaje .polozka + .polozka {
  margin-top: 15px;
}

.kontakt .karta-osoby .kontaktni-udaje .polozka span {
  vertical-align: middle;
}

@media (max-width:1290px) {
.kontakt .karta-osoby {
    width: 320px;
}

.kontakt .karty-osoby-wrapper {
  max-width: 1030px;
}

.kontakt .karta-osoby .jmeno {
  font-size: 24px;
}

.kontakt .karta-osoby .kontaktni-udaje {
  font-size: 18px;
}
}

@media (max-width:1050px) {
.kontakt .oddil-nadpisu-sekce.nasledujici {
  padding-top: 50px;
}

.kontakt .karty-osoby-wrapper {
  padding: 20px;
}

.kontakt .karta-osoby {
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 20px;
}

.kontakt .karta-osoby .jmeno {
  font-size: 32px;
}

.kontakt .karta-osoby .kontaktni-udaje {
  font-size: 20px;
}
}


@media (max-width:600px) {

.kontakt .oddil-nadpisu-sekce {
  padding: 10px;
}

.kontakt .oddil-nadpisu-sekce.nasledujici {
  padding-top: 30px;
}

.kontakt .oddil-nadpisu-sekce p {
  margin-left: 10px;
}

.kontakt .karta-osoby {
    padding: 25px 20px 20px 24px;
    margin-bottom: 10px;
}

.kontakt .karty-osoby-wrapper {
  padding: 10px;
}

.kontakt .karta-osoby .jmeno {
  font-size: 24px;
  margin-bottom: 25px;
}

.kontakt .karta-osoby .kontaktni-udaje {
  font-size: 18px;
}

.kontakt .karta-osoby .kontaktni-udaje .email .emailova-adresa {
  top: 2px;
}

.kontakt .karta-osoby .kontaktni-udaje .polozka + .polozka {
  margin-top: 12px;
}
}

.kontakt .cast-adresy {
  font-size: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}



/* KARTY DOKUMENTU */

.kontakt .karty-dokumentu-wrapper {
  max-width: 1270px;
  margin: auto;
}

.kontakt .karty-dokumentu-wrapper .karta-osoby {
  display: none;
}

.kontakt .karty-dokumentu-wrapper a {
  text-decoration: none;
}

.kontakt .karta-dokumentu {
  margin: 10px 10px 10px 10px;
  background-color: rgba(255,255,255,0.9);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
  display: inline-block;
  vertical-align: top;
  padding: 40px;
  padding-bottom: 44px;
  box-sizing: border-box;
  width: 400px;
}

.kontakt .karta-dokumentu .nadpis {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 40px;
}

.kontakt .karta-dokumentu .popis {
  margin-top: 0px;
  margin-bottom: 0px;
}


@media (max-width:1290px) {
.kontakt .karta-dokumentu {
    width: 320px;
}

.kontakt .karty-dokumentu-wrapper {
  max-width: 1030px;
}

.kontakt .karta-dokumentu .nadpis {
  font-size: 24px;
}
}


@media (max-width:1050px) {
.kontakt .karty-dokumentu-wrapper {
  padding: 20px;
}

.kontakt .karta-dokumentu {
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 20px;
}

.kontakt .karta-dokumentu .nadpis {
  font-size: 32px;
}
}

@media (max-width:600px) {

.kontakt .karta-dokumentu {
    padding: 25px 20px 20px 24px;
    margin-bottom: 10px;
}

.kontakt .karty-dokumentu-wrapper {
  padding: 10px;
}

.kontakt .karta-dokumentu .nadpis {
  font-size: 24px;
  margin-bottom: 25px;
}
}




/* KARTY NAVIGACE */

.karty-navigace-wrapper {
  text-align: center;
  padding-bottom: 70px;
}

.karty-navigace-wrapper a {
  text-decoration: none;
}

.karta-navigace {
    margin: 10px 10px 10px 10px;
  background-color: rgba(255,255,255,0.9);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
display: inline-block;
/*min-height: 300px;*/
vertical-align: top;
    padding: 40px;
    box-sizing: border-box;
    width: 400px;
    transition: transform .2s ease-out; 
}

.karta-navigace:hover {
  transform: scale(1.05);
}

.karta-navigace .ikona {
  margin-right: 5px;
  font-size: 32px;
}

.karta-navigace .text{
  font-size: 20px;
}


.karta-navigace span {
  vertical-align: middle;
  position: relative;
  left: -4px;
}

@media (max-width:1290px) {
.karta-navigace {
  width: 30%;
}
}

@media (max-width:900px) {
.karta-navigace {
  width: 25%;
  padding: 30px;
}

.karta-navigace .ikona {
  display: block;
  margin-bottom: 15px;
}

.karta-navigace span {
  position: static;
}
}

@media (max-width:600px) {
.karty-navigace-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.karta-navigace {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0px;
}

.karta-navigace .ikona {
  display: inline;
  margin-bottom: 15px;
}

.karta-navigace span {
  position: static;
}
}






/* PROSTOR */

.prostor p {
  margin: 0px;
}

.tabulka-popisu-prostoru {
  margin-top: 5px;
  border-collapse: collapse;
}

.tabulka-popisu-prostoru td:first-child {
  font-family: john-heavy;
  white-space: nowrap;
  vertical-align: top;
}


.tabulka-popisu-prostoru td + td {
  padding-left: 7px;
}

.tabulka-popisu-prostoru td {
  padding-top: 7px;
}

.nadpis-prostoru-prvni, .nadpis-prostoru-nasledujici {
    font-family: john-white;
    margin-bottom: 5px;
    font-size: 26px;
    text-align: center;
}

.nadpis-prostoru-nasledujici {
  margin-top: 30px;
}

/* KONTAKT */

.sekce-kontakt .kontakt-tabulka-udaju {
  margin-top: 5px;
  border-collapse: collapse;
}

.sekce-kontakt .kontakt-tabulka-udaju td:first-child {
  white-space: nowrap;
  vertical-align: top;
}

.sekce-kontakt .kontakt-tabulka-udaju td + td {
  padding-left: 10px;
}

.sekce-kontakt .kontakt-tabulka-udaju td {
  padding-top: 7px;
}

.sekce-kontakt .nadpis-podsekce {
  font-family: john-heavy;
  margin-top: 22px;
  margin-bottom: 18px;
}

  
/* TELO CLANKU */

/*
#main .telo-clanku {
  padding-bottom: 10px;
}
*/

@media (max-width:599px) {
  #main .telo-clanku {
    padding-left: 0;
    padding-right: 0;
  }

  .telo-clanku > * {
    padding-left: 15px;
    padding-right: 20px;
  }

  .telo-clanku > .obrazek {
    padding-left: 0;
    padding-right: 0;
  }

  .telo-clanku > .video {
    padding-left: 0;
    padding-right: 0;
  }

  .telo-clanku > ul, .telo-clanku > ol {
    padding-left: 30px;
    padding-right: 20px;
  }
}

/*nasledujici dva bloky resi embed videa, aby se spravne zmensovala se zmensovanim obrazovky
  v základu se počítá s poměrem stran 16x9 vyjadrenym procenty 56.25%, pokud je pomer jiny,
  je treba toto procento nastavit inline u elementu .video jako pomer sirka/vyska */

.telo-clanku .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.telo-clanku .video iframe,
.telo-clanku .video object,
.telo-clanku .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 100%;
}

.telo-clanku img {
  margin-top: 16px;
  margin-bottom: 16px;
  max-width: 100%;
  max-height: 600px;
}

.telo-clanku p > img:first-child {
  margin-top: 0px;
}

.telo-clanku p > img:last-child {
  margin-bottom: 0px;
}

/* toto by jiz nemelo byt potreba, bylo myslim jen kvuli embedovanym videum a ta jsou vyresena vyse
.telo-clanku iframe {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%;
}
*/

.telo-clanku .clanek-akce-nadpis-v-textu {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 22px;
}

@media (max-width: 599px) {
.telo-clanku .clanek-akce-nadpis-v-textu {
  font-size: 25px;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 0px;
}
}

.telo-clanku .obrazek,
.telo-clanku .video {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 599px) {
.telo-clanku .obrazek {
  margin-bottom: 30px;
}
}

.telo-clanku .prostor .obrazek {
  margin-top: 20px;
}

/* SLIDESHOW */

.slideshow img {
  border:none;
width: 100%;
}

/*
.slideshow .slide-header {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
  color: white;
  text-transform: uppercase;
  font-size:14px; 
  font-weight: normal;
  padding:10px 10px;
  padding-top: 25px; 
  background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.6));
  background: -o-linear-gradient(transparent, rgba(0,0,0,0.6));
  background: -moz-linear-gradient(transparent, rgba(0,0,0,0.6));
  background: linear-gradient(transparent, rgba(0,0,0,0.6));
  width: 580px;
}*/

.slideshow .slide-header {
    line-height: 1.5;
    position: absolute;
    /* right: 50%; */
    bottom: 10px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    /* padding: 10px 10px; */
    /* padding-top: 25px; */
    /* background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.6)); */
    background: -o-linear-gradient(transparent, rgba(0,0,0,0.6));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.6));
    /* background: linear-gradient(transparent, rgba(0,0,0,0.6)); */
    width: 100%;
    /* padding-left: 20%; */
    /* padding-right: 20%; */
    /* padding-bottom: 40px; */
    font-family: john-heavy;
    background-color: rgba(0,0,0,0.3);
}

@media (max-width:767px) {

.slideshow .slide-header {
    bottom: 20%;
    width: 60%;
    padding-left: 5%;
    padding-top: 5px;
    padding-right: 5%;
    padding-bottom: 5px;
    margin-left: 15%;
    margin-right: 15%;
}

}

.slide-link {
  text-decoration: none;
}

/* pro pripad, ze je vypnuty javascript
javascript hned po nacteni vsechny slidy zviditelni 
je zduplikovano v html headeru, nacteni odsud bylo
pomale / pozde - slidy stihly probliknout*/
.slideshow-slide + .slideshow-slide {
  display: none;
}

ul.slick-dots {
  position: static;
  margin-top: 5px;
}

.slick-track {
  /*height: 270px; blbne pak v mobilni verzi*/
}

ul.slick-dots li button:before
{
    font-size: 20px;
    color: #92af3f;
    opacity: 0.4;
}

ul.slick-dots li.slick-active button:before
{
    color: #92af3f;
}

/* CITATY */

.citat {
  margin-top: 15px;
}

.citat-text {
  margin-left: -6px;
  background-color: #FAFAFA;
  line-height: 140%;
  padding: 10px 20px 10px 22px;
  border-radius: 1px;
}

.citat-v-textu-text {
  font-style:italic;
}

.citat-autor {
  margin-top: 5px;
  padding-right: 5px;
  text-align: right;
}

/* SBALOVACI SEKCE - AKORDEON */

.sbalovaci-sekce-tlacitko {
  font-family: inherit;
  background-color: #f1f1f1;
  /*color: #444;*/
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: inherit;
  transition: 0.4s;
  margin-bottom: 2px;
}

@media (max-width: 599px) {
.sbalovaci-sekce-tlacitko {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 22px;
  padding-bottom: 20px;
}

.sbalovaci-sekce-sbalovany-prvek {
  padding-left: 15px;
  padding-right: 15px;
}
}

@media (min-width: 600px) {
.sbalovaci-sekce-tlacitko {
  padding-left: 15px;
  padding-right: 15px;
}

.sbalovaci-sekce-sbalovany-prvek {
  padding-left: 15px;
  padding-right: 15px;
}
}

.sbalovaci-sekce-tlacitko.active, .sbalovaci-sekce-tlacitko:hover {
  /*background-color: #ccc;*/
}

.sbalovaci-sekce-tlacitko:after {
  content: '+';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.sbalovaci-sekce-tlacitko.active:after {
  content: "-";
}

.sbalovaci-sekce-sbalovany-prvek {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}

/* REZERVACNI FORMULAR */

/* 
hezka bezova barevna paleta:
pozadi #ffe4c4
tucny text na pozadi #d2aa7b
tlacitko bez focusu #b9a58e
tlacitko s focusem #d2aa7b
*/

.nadpis-rezervacniho-formulare {
  font-family: john-heavy;
    margin-top: 1.2em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    font-size: 20px;
    line-height: 1.5;
}

.popis-rezervacniho-formulare-bez-javascriptu {
  text-align: center;
  margin-bottom: 7px;
}

.chyba-rezervacniho-formulare-bez-javascriptu {
  text-align: center;
  font-weight: bold;
  margin-bottom: 7px;
}

.rezervacni-formular-dovetek-vice-informaci {
  margin-top: 20px;
}

.rezervacni-formular-tlacitko-odeslani {
  width: 100%;
}

/* POTVRZUJICI STRANKA REZERVACNIHO FORMULARE */

.novy-radek {
  width: 0px;
  height: 2px;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.novy-odstavec {
  width: 0px;
  height: 10px;
  margin: 0px;
  padding: 0px;
  clear: both;
}

/* TOOLTIP TLACITKA PRO NABRANI DO CLIPBOARDU */

.maTooltip + .tooltiptext {
  visibility: hidden;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s;
  color: #ffaa00;
  position: relative;
  top: -2px;
  left: -3px;
  font-size: 12px;
  cursor: pointer;
}

@media (max-width:599px) {
  .maTooltip + .tooltiptext {
    font-size: inherit;
  }
}

.maTooltip:hover + .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* HEZKE VEKTOROVE IKONY LINEAR ICONS VERZE ZDARMA */

@font-face{font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal}.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}