@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap&subset=latin-ext');

html body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  font-size: 15px;
  background: #f1f1f1;
  background: #e1e1db;
}
body {
  color: #333;
}
h1, h2, h3, h4, h5, h6, h3.panel-title {
  letter-spacing: 0;
  color: #000;
  text-transform: none;
  font-family: 'Open Sans', sans-serif;
}
h1 {
  font-size: 60px;
  padding: 10px;
  text-align: center;
  text-transform: none;
  margin-bottom: 40px;
  font-family: 'Great Vibes', cursive;
}
a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
a:hover {
  color: #000;
}

header {
  height: 0;
  min-height: auto;
}
#top-ribbon {display: none;}
#bar-poweredby {
  display: none;
}

/* navbar */
.navbar {
  z-index: 9999;
  border: 0;
  position: fixed;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  background: #fff;
  font-size: 15px;
}
#index .navbar {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
  background: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  border-left: 0;
}
.navbar-default li.active > a:before {
  display: none;
}
.dropdown.open ul.dropdown-menu {
  background: #fff;
}
#index .navbar .navbar-nav > li > a {
  color: #fff;
}
.navbar .navbar-nav > li > a {
  color: #333;
  font-weight: normal;
  transition: none;
}
.navbar .navbar-nav > .active > a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
  text-shadow: -0.02ex 0 #000, 0.02ex 0 #000;
}
.navbar-default .navbar-nav > li > a {
  height: auto;
  display: block;
}
.dropdown-menu > li > ul > li > a {
  color: #333;
}
.dropdown-menu > li > ul > li > a:hover, .dropdown-menu > li > ul > li.active > a, .dropdown-menu > li > ul > li > a:focus {
  text-shadow: -0.02ex 0 #000, 0.02ex 0 #000;
}
.dropdown-menu {
  top: 79px;
  border-top: 1px solid #f1f1f1;
}
#navbar {
  padding-top: 15px;
}
.navbar .logo {
  padding: 15px 0;
}
#index .navbar:not(.f-nav) .logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.logo img {
  max-width: 100px;
}
.navbar .logo img {
  max-height: 50px;
}

/* main */
#border {
  border: 0;
  padding-top: 0 !important;
}

main {
  background: transparent;
  margin-top: 0;
}
article {
  margin: 0;
  padding: 60px 0 100px 0;
}
.article-detail article, article {
  margin-top: 80px;
}


/* motiv */
#motive {
  display: none;
}
.cb-slideshow {
  display: none;
}
#index .cb-slideshow {
  display: block;
}


/* slide */
ul.cb-slideshow li {
  list-style-type: none;
}
.cb-slideshow,
.cb-slideshow:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.cb-slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 36s linear infinite 0s;
  -moz-animation: imageAnimation 36s linear infinite 0s;
  -o-animation: imageAnimation 36s linear infinite 0s;
  animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) span {
  background-image: url(/obrazek/3/1-jpg/)
}
.cb-slideshow li:nth-child(2) span {
  background-image: url(/obrazek/3/2-jpg/);
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
  background-image: url(/obrazek/3/3-jpg/);
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
  background-image: url(/obrazek/3/4-jpg/);
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
  background-image: url(/obrazek/3/5-jpg/);
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
  background-image: url(/obrazek/3/6-jpg/);
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
  0% { opacity: 0.2;
    -webkit-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -webkit-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
  0% { opacity: 0.2;
    -moz-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -moz-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
  0% { opacity: 0.2;
    -o-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -o-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes imageAnimation {
  0% { opacity: 0.2;
    animation-timing-function: ease-in; }
  8% { opacity: 1;
    animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
  opacity: 1;
}


/* footer */
footer .copy {
  display: none;
}
#index footer {
  display: none;
}
footer .container {
  margin-top: 0;
  margin-bottom: 0;
}
footer.col-lg-12 {
  border-top: 0;
  margin: 0;
  font-weight: 400;
}
#footbox {
  padding: 20px 0 15px 0;
  font-size: 13px;
}
#footbox > .containers {
  border-top: 1px solid gold;
  padding-top: 15px;
}

/* galerry */
.gallery-detail .photos .thumbnail img, .article-detail .photos .thumbnail img {
  max-width: none;
}
.gallery-detail .photos .thumbnail:hover, .article-detail .photos .thumbnail:hover {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
}
.item-photo {
  padding: 0;
  border: 1px solid white;
}
.thumbnail {
  margin-bottom: 0;
}
.item-photo:hover img {
  opacity: .7;
}
.back-link {
  display: none;
}
.photos {
  padding: 5px;
  background: #fff;
  box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.05);
  margin-top: 70px;
}

/* support */
.none-list {
  list-style: none;
  padding: 0;
}
.support > div:first-child {
  padding: 5px;
  background: #fff;
}
.support > div:last-child {
  background: #fff;
}
.support h2 {
  font-size: 50px;
  margin-bottom: 25px;
}
.support {
  box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.05);
  margin: 0;
}
.support > div .col-sm-4 {
  padding: 30px 15px;
}
small {
  line-height: 1;
}

/* separator */
#separator {
  min-height: 100%;
  background: black;
  background-size: cover;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 40px;
}
#wrap #panel-custom-1 {
  margin: 0;
  padding: 80px 0 70px 0;
}
#index #separator {
  display: none;
}

/* ostatni */
.obsah, #about {
  margin: auto;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
  background: #fff;
  padding: 15px;
  box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.05);
}
#about {
  width: 70%;
}
#cenik {
  text-align: left;
}
.obsah h3 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 20px;
}
#cenik h3:first-of-type {
  margin-top: 10px;
}
#cenik table td:first-child {
  width: 50%;
}

/* btn */
.btn {
  padding: 15px;
  text-transform: uppercase;
}
.btn-primary {
  background: #fff;
  color: #000;
  border-color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
.btn-primary:hover {
  border-radius: 5px;
  background: transparent;
  border-color: #fff;
}

/* akce */
.rubric article ul#list-pages li {
  padding: 0 5px;
  background: #fff;
  border: 0;
  margin: 15px;
  width: calc(50% - 30px);
  box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.05);
}
.image-perex {
  margin-right: 15px;
}
article ul#list-pages li h4 {
  padding-top: 15px;
  margin-top: 5px;
}
.rubric article ul#list-pages li p {
  margin-bottom: 5px;
}
#list-pages {
  margin-top: -15px;
}

/* table */
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border-color: #c3c3c3;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background: #f1f1f1;
}
table {
  font-size: 14px;
  font-weight: normal;
}


/* responsive */
@media (max-width: 768px) {
  #footbox .text-right, #footbox {
    text-align: center;
  }
  .image-perex {
    width: 100%;
    margin-top: 5px;
  }
  .rubric article ul#list-pages li p {
    text-align: left !important;
  }
  .rubric article h4 {
    font-size: 1.8em;
  }
}
@media (max-width: 991px) {
  #about {
    width: 100%;
  }
  #navbar ul.nav > li:last-child a {
    padding-right: 15px;
  }
  .navbar-collapse.in .nav.navbar-nav, .navbar-collapse {
    padding-left: 0;
  }
  #navbar, .navbar-nav {
    margin: 0;
  }
  .dropdown.open ul.dropdown-menu {
    background: #f1f1f1;
    box-shadow: none;
  }
  .article-detail article, article, .rubric article {
    margin-top: 74px;
    padding: 20px 0 50px 0;
  }
  .navbar .logo img {
    max-height: 45px;
  }
  ul.dropdown-menu li {
    padding: 5px 0;
  }
  #index #navbar {
    background: #fff;
  }
  #index .navbar .navbar-nav > li > a {
    color: #333;
  }


  .rubric article ul#list-pages li {
    padding: 0 5px;
    background: #fff;
    border: 0;
    width: 100%;
    margin: 15px 0;
  }
  .rubric article ul#list-pages img {
    margin: 0;
  }
  article ul#list-pages li h4 {
    text-align: left;
    padding-top: 10px;
  }
  .rubric article h4 {
    padding-bottom: 15px;
    margin: 0;
  }
  .rubric article ul#list-pages li p {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  #index .navbar .navbar-nav > .active > a, #index .navbar-default .navbar-nav>li>a:focus, #index .navbar-default .navbar-nav>li>a:hover,
  #index .navbar .navbar-nav > .active > a, #index .navbar .navbar-nav > .active > a:hover, #index .navbar .navbar-nav > .active > a:focus,
  #index.navbar .navbar-nav > .open > a, #index .navbar .navbar-nav > .open > a:hover, #index .navbar .navbar-nav > .open > a:focus {
    text-shadow: -0.02ex 0 #fff, 0.02ex 0 #fff;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1050px;
  }
}
@media (max-width: 600px) {
  #cenik table td:first-child {
    width: 100%;
  }
}