body {background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:20px;margin:0;padding:0;overflow-x:hidden;}
img {border:0;}
a {border:0;}
#top {}
#top-center {width:980px;padding:10px;margin:0 auto;}
#top-center a {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:26px;text-decoration:none;color:#3F9B47;}
#top-center a#logo {float:left;color:#3F9B47;}
#top-center a#logo:hover {color:#fff;}
#top-center a#logo img {height:36px;width:auto;position:relative;top:8px;}

#top-center form {float:right;}
#top-center input[type=text] {border:0;border-radius:10px 0 0 10px;padding:5px;background-color:#efefef;position:relative;left:5px;text-align:right;width:200px;}
#top-center input[type=submit] {border:0;border-radius:0 10px 10px 0;padding:5px 15px 5px 10px;background-color:#3F9B47;color:#fff;}

#mobile_open {display:none;}
#mobile_close {display:none;}

#navi {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#menu {text-align:center;}
#menu li {display:inline-block;}
#menu a {color:#fff;text-decoration:none;font-family:Berkshire Swash,Tahoma,sans-serif;padding:7px 15px 2px 15px;margin:0px 10px;font-size:22px;}
#menu a:hover {color:#3F9B47;}
#menu li a:hover {background:url('../images/wand.png') no-repeat;background-position:top right;background-size:16px 16px;}
#menu li a.active {color:#3F9B47;border-bottom:3px solid #3F9B47;}

#slider-wrap{text-align:center;background-color:#fff;margin-top:0px;height:630px;width:100%;margin:0 auto;}
.bxslider{margin: 0;padding: 0;list-style-type: none;}

.slide{background-repeat: no-repeat;background-position: top 50%;background-size: cover;height: 630px;position: relative;}
.slide-caption{position:absolute;bottom:200px;left:20px;display:block;text-align:left;width:100%;font-family:Berkshire Swash,Tahoma,sans-serif;
padding:10px;font-size: 48px;font-weight:normal;background-color:transparent;color:#fff;text-shadow:1px 1px #000;}

.slide-caption:hover{color:#3F9B47;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.bx-controls-direction{display: none;}
.bx-pager{font-size: 0;text-align: center;margin-top: 17px;}
.bx-pager-item{vertical-align: middle;display: inline-block;}
.bx-pager-item+.bx-pager-item{margin-left: 5px;}
.bx-pager-link{z-index:10;  position:relative;margin-top:-10px;	background-image: none;	background-repeat: no-repeat;	background-position: 100% 50%;display: block; width: 23px; height: 22px;opacity:0.5;}
.bx-pager-link:hover, .bx-pager-link.active{opacity: 1;}
.nav-fixed #main-nav{background-color: #000;height: 38px;position: fixed;left: 0;top: 0;right: 0;padding-top: 12px;}
.nav-fixed #main-nav-instead-post{height: 25px;}

#obrazek {width:auto;height:250px;display:block;
filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#obrazek:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}


#content {
padding:0 0 50px 0;border-radius:0 0 50px 50px;background-color:#000;
filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
background:url('/media/images/pozadi/kytky.webp') no-repeat;background-size:cover;
}
#content:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
/* #content:hover #sova {position:fixed;top:90%;left:90%;border-radius:0;}*/

#content-center {width:980px;padding:10px10px;margin:0 auto;text-align:center;}
#content-center img, #content-center iframe {max-width:100% !important;}
#content-center h1 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:40px;text-decoration:none;color:#3F9B47;text-align:center;}
#content-center h2 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:32px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
/*
#content-center input[type=text] {border:0;padding:5px;background-color:#efefef;position:relative;left:5px;text-align:center;}
#content-center input[type=submit] {border:0;padding:5px 15px 5px 10px;background-color:#3F9B47;color:#fff;}
*/
#content-center label:hover {color:#3F9B47;cursor:pointer;}
#content-center input[type=radio] {height:20px;width:20px;margin-right:10px;position:relative;top:4px;}
#content-center input[type=text] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#content-center input[type=email] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#content-center input[type=number ]{font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#content-center textarea {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;height:auto;min-height:80px;}
#content-center input[type=submit]{font-family:Roboto,sans-serif;padding:15px;width:auto;min-width:300px;text-align:center;font-size:18px;cursor:pointer;background-color:#3F9B47;color:#fff;border:1px solid #fff;}
#content-center input[type=submit]:hover {background-color:#fff;color:#3F9B47;border:1px solid #3F9B47;}

#content-center a {color:#3F9B47;text-decoration:none;}
#content-center a:hover {color:#fff;text-decoration:underline;}
#content-center h2 a {color:#fff;}

#content-center a.action {background-color:#3F9B47;color:#fff;padding:10px 20px;}
#content-center a.action:hover {background-color:#fff;color:#3F9B47;text-decoration:none;}
#content-center div.radek {filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#content-center div.radek:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#content-center div.radek_levy {width:320px;height:200px;display:inline-block;}
#content-center div.radek_pravy {width:600px;height:auto;display:inline-block;margin-left:20px;vertical-align:top;}
#content-center div.radek_pravy h2 {margin-top:0;font-family:Berkshire Swash,Tahoma,sans-serif;font-size:28px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
#content-center div.radek_pravy h3 {margin-top:0;font-family:Berkshire Swash,Tahoma,sans-serif;font-size:22px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}

#content-center .reference {width:28%;height:auto;min-height:200px;padding:20px;vertical-align:top;display:inline-block;margin-bottom:20px;}
#content-center .reference:hover {transition:1s all;color:#fff;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#content-center .reference span {font-size:17px !important;}

#mininavi {font-size:12px;text-align:left;margin:10px 0 0 5px;}
#mininavi a {color:#fff;}
#mininavi span {margin:0 5px 0 5px;}

#aktualne {background-color:#3F9B47;padding:10px 0 0 0;
filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#aktualne:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

#aktualne-center {width:980px;padding:10px;margin:0 auto;text-align:center;}
#aktualne-center h2 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:32px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
#aktualne-center a {background-color:#3F9B47;color:#fff;padding:10px 20px;;text-decoration:none;border:1px solid #fff;}
#aktualne-center a:hover {background-color:#fff;color:#3F9B47;border:1px solid #3F9B47;}

#aktualne-center label:hover {color:#3F9B47;cursor:pointer;}
#aktualne-center input[type=radio] {height:20px;width:20px;margin-right:10px;position:relative;top:4px;}
#aktualne-center input[type=text] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#aktualne-center input[type=email] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#aktualne-center input[type=number ]{font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;}
#aktualne-center textarea {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;height:auto;min-height:80px;}
#aktualne-center input[type=submit]{font-family:Roboto,sans-serif;padding:15px;width:auto;min-width:300px;text-align:center;font-size:18px;cursor:pointer;background-color:#3F9B47;color:#fff;border:1px solid #fff;}
#aktualne-center input[type=submit]:hover {background-color:#fff;color:#3F9B47;border:1px solid #3F9B47;}


#repertoar {background-color:#000;background:url('/media/images/pozadi/cisla.webp') no-repeat;background-size:cover;}
#repertoar-center {width:980px;padding:1px 10px 40px 10px;margin:0 auto;text-align:center;}
#repertoar-center h2 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:32px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
#repertoar-center a {color:#fff;text-decoration:none;}
#repertoar-center .detail {display:inline-block;height:auto;min-height:280px;width:28%;padding:2%;vertical-align:top;margin:2px 1px;text-align:center;
filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#repertoar-center .detail h3 {font-family:Berkshire Swash,Tahoma,sans-serif;padding:5px;background-color:#3F9B47;position:relative;top:200px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#repertoar-center .detail p {visibility:hidden;background-color:#fff;color:#000;padding:5px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;font-size:18px;}
#repertoar-center .detail:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#repertoar-center .detail:hover h3 {padding:5px;background-color:#3F9B47;position:relative;top:0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#repertoar-center .detail:hover p {visibility:visible;}

#form {background-color:#3F9B47;padding:0 0 0 0;filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#form:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#form-center {width:980px;padding:10px;margin:0 auto;text-align:center;}
#form-center h2 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:32px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
#form-center input[type=text] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;border:1px solid #fff;}
#form-center input[type=email] {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;border:1px solid #fff;}
#form-center input[type=number ]{font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;border:1px solid #fff;}
#form-center textarea {font-family:Roboto,sans-serif;padding:10px;width:auto;min-width:280px;text-align:center;font-size:18px;height:auto;min-height:80px;border:1px solid #fff;}
#form-center input[type=submit]{font-family:Roboto,sans-serif;padding:15px;width:auto;min-width:300px;text-align:center;font-size:18px;cursor:pointer;background-color:#3F9B47;color:#fff;border:1px solid #fff;}
#form-center input[type=submit]:hover {background-color:#fff;color:#3F9B47;border:1px solid #3F9B47;}

#prefooter {width:100%;height:400px;padding:5px;background:url('/media/images/sova-zelena.webp') no-repeat;background-position:center bottom;background-size:auto 300px;
filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#prefooter h2 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:32px;text-decoration:none;color:#fff;text-align:center;font-weight:normal;}
#prefooter:hover {
filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
background-size:auto 350px;
}


#footer {background-color:#000;background:url('/media/images/pozadi/kruh.webp') no-repeat;background-size:cover;}
#footer-center {width:980px;padding:10px;margin:0 auto;}
#footer-center h2, #footer-center h3 {font-family:Berkshire Swash,Tahoma,sans-serif;font-size:28px;font-weight:normal;}
#footer-center a {color:#fff;text-decoration:none;}
#footer-center a:hover {text-decoration:underline;}
#footer-center .footer {display:inline-block;width:32%;text-align:center;vertical-align:top;}
#footer-center .footer ul {margin-left:-40px;}
#footer-center .footer li {list-style-type:none;line-height:1.4em;}

#copyright {text-align:center;font-size:14px;background-color:#3F9B47;padding:20px;filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#copyright:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#copyright a {color:#fff;text-decoration:none;}
#copyright a:hover {}
#copyright span {color:#000;font-weight:bold;}

#copyright p.fnavi a {margin:0 5px;text-decoration:underline;}

#sova {position:absolute;left:5%;width:130px;height:130px;transition:5s all;-webkit-transition:5s all;-moz-transition:5s all;-o-transition:5s all;-ms-transition:5s all;}
#sovaimg {width:128px;height:128px;background:url('/media/images/sova-zelena.webp') no-repeat;background-size:cover;
/*transform: rotate(-90deg);*/transition:5s all;-webkit-transition:10s all;-moz-transition:10s all;-o-transition:10s all;-ms-transition:10s all;
filter: grayscale(0%); -webkit-filter: grayscale(0%);border-radius:90%;}
#sova:hover #sovaimg {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
filter: grayscale(0%); -webkit-filter: grayscale(0%);}


@media (min-width:1000px){
#sova {position:absolute;left:5%;margin-top:5px;}
}


/* hd */
@media (min-width:1200px){
#sova {position:absolute;left:5%;margin-top:5px;}
}

/* 1600 */
@media (min-width:1400px){
#sova {position:absolute;left:4%;margin-top:5px;}
}

/* 1600 */
@media (min-width:1600px){
#sova {position:absolute;left:4%;margin-top:5px;}
}

/* full hd */
@media (min-width:1900px){
#sova {position:absolute;left:3%;margin-top:5px;}
}

/* tablet, mobil */
@media (max-width:1000px){
body {font-size:18px;overflow-x:hidden;}
#top {display:block;width:100%;height:auto;padding:10px 5px;}
#top-center {width:95%;padding:0;margin:0 auto;}
#top-center form {margin-right:10px;}
#top-center input[type=text] {border:0;border-radius:10px 0 0 10px;padding:5px;background-color:#efefef;position:relative;left:5px;text-align:right;width:120px;}
#top-center input[type=submit] {border:0;border-radius:0 10px 10px 0;padding:5px 15px 5px 10px;background-color:#3F9B47;color:#fff;}
#menu ul {text-align:center;line-height:1.6em;margin-left:-40px;}
#menu li {display:inline-block;margin:10px 5px;}
#menu li a {color:#fff;padding:14px 22px;margin:5px 0;}
#menu li a.active {border:0;}
#slider-wrap{text-align:center;background-color:#fff;margin-top:0px;height:400px;}
.slide{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 400px;position: relative;}
.slide-caption{font-size:24px !important;top:0px;}

#sova {position:absolute;left:40%;margin-top:10px;width:100px;height:100px;}
#sovaimg {width:100px;height:100px;}
#content-center {width:95%;padding:0;margin:0 auto;}
#content-center h1 {font-size:32px;font-weight:normal;}
#content-center h2 {font-size:24px;font-weight:normal;}
#content-center div.radek_levy {width:auto;height:150px;display:block;}
#content-center div.radek_pravy {width:auto;height:auto;display:block;margin-left:0;vertical-align:top;padding-top:20px;}
#content-center div.radek_pravy h2 {margin-top:0;}

#aktualne-center {width:95%;padding:0 0 20px 0;margin:0 auto;}
#repertoar-center {width:95%;padding:0 0 20px 0;margin:0 auto;}
#repertoar-center .detail {display:inline-block;height:auto;min-height:280px;width:47%;padding:1%;margin:2px 1px;}
#prefooter {padding:0 0 20px 0}
#form-center {width:95%;padding:10px 0 20px 0;margin:0 auto;}
#footer-center {width:95%;padding:0 0 20px 0;margin:0 auto;}
#copyright {line-height:1.6em;}
.waves {height:60px;min-height:60px;}
}

/* mobil */
@media (max-width:600px){
#top-center {padding:0px;margin:0px;}
#top-center form {margin-right:-10px;}
#top-center a {font-size:22px;}
#top-center a#logo {position:absolute;left:-5px;top:5px;}
#top-center a#logo img {height:24px;position:relative;top:4px;margin-right:-5px;}
#top-center input[type=text] {width:40px;}
#top-center input[type=submit] {padding:5px 5px;}
#content, #aktualne, #repertoar, #obrazek, #form, #prefooter, #footer, #copyright {filter: grayscale(0%); -webkit-filter: grayscale(0%);}

#repertoar-center .detail {display:inline-block;height:auto;min-height:280px;width:100%;padding:2%;vertical-align:top;margin:2px 1px;filter: grayscale(0%); -webkit-filter: grayscale(0%);background-size:cover !important;}
#content-center div.radek {filter: grayscale(0%); -webkit-filter: grayscale(0%);}
#content-center div.radek_levy {width:auto;height:150px;display:block;margin:0 auto;}
#content-center div.radek_pravy {width:auto;height:auto;display:block;margin-left:0;vertical-align:top;padding-top:20px;}
#content-center .reference {display:block;padding:5% 10% 5% 10%;width:80%;height:auto;min-height:auto;}

#navi {display:none;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#mobile_open {display:block;text-align:center;padding:5px;}
a#mobile_open {color:#fff !important;text-decoration:none;margin-bottom:10px;font-weight:normal;font-size:20px;}
#mobile_close {display:none;text-align:center;padding:5px;}
a#mobile_close {color:#fff !important;text-decoration:none;margin-bottom:10px;font-weight:normal;font-size:20px;}
#obrazek {width:auto;height:150px;display:block;}
#copyright span {display:block;}
#footer-center .footer {display:block;width:auto;}
#sova {position:absolute;left:65%;margin-top:5px;}

}



#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}


/* Animation */
.waves {filter: grayscale(0%); -webkit-filter: grayscale(0%);
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}