@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,700&subset=latin-ext');

a {color: #fff; text-decoration: none;}
a:hover, a:focus {color: #fff; text-decoration: underline;}
.mg-top {margin-top: 40px;}

.navbar-nav > li {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus,  
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  background: #1a1d22;
  color: #00aeef;
}
body {background: #1b1b1a; font-size: 16px; font-family: 'Titillium Web', sans-serif; font-weight: 300;}
#mainContainer {background: none;}
.navbar-fixed-top {background: rgba(0,0,0,.8);}
.navbar-toggle {color: #fff;}
#logo img {max-height: 50px;}

#box-custom-motive {
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
}

#content {color: rgba(255,255,255,0.9); background: #000; margin: 0 auto; padding: 20px; box-shadow: none; line-height: 1.6;}
#box-custom-footer {background: none; padding: 0; width: 90%;}
#content img {max-width: 100%;}

#index #content {background: none;}
#index #content p {font-size: 20px; width: 490px; background: rgba(0,0,0,0.8); padding: 20px; margin-top: 20px; color: #00aeef;}
#index #content p:nth-child(2) {float: right; text-align: right; margin-top: -40px;}
#index #content p i {color: #00aeef; font-size: 14px; margin-top: 20px; display: block;}
#mainContent {margin: 0;}
#index #content p span {display: none;}
#index #content p a {color: #00aeef; text-decoration: none;}
#index #content p a:hover {text-decoration: underline;}

#bar-poweredby,
#top-ribbon,
#index #footer {
  display: none;
}

.img-thumbnail {background: #1b1b1a; padding: 1px;}
.item-photo:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 200;
}
.thumbnail {border: none; background: none; padding: 0; margin: 0;}
.item-photo {padding: 0; z-index: 100; transition: 150ms; max-height: 250px;}

#footer {padding: 20px; text-align: center; font-size: 14px;}

h1, h2 {margin: 0 0 10px 0; color: #00aeef; text-transform: uppercase;}
h3 {color: #00aeef;}
.photos {margin-top: 40px; margin-left: 0; margin-right: 0;}
#content iframe {margin-top: 20px;}
#content .row div:nth-child(2) iframe {margin-top: 44px;}

/* slider */
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: -100;
  opacity: 0.8;
}

.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 44s linear infinite 0s;
  -moz-animation: imageAnimation 44s linear infinite 0s;
  -o-animation: imageAnimation 44s linear infinite 0s;
  -ms-animation: imageAnimation 44s linear infinite 0s;
  animation: imageAnimation 44s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span {
  background-image: url(/obrazek/3/slider1-jpg);
}
.cb-slideshow li:nth-child(2) span {
  background-image: url(/obrazek/3/slider2-jpg);
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  -ms-animation-delay: 7s;
  animation-delay: 7s;
}
.cb-slideshow li:nth-child(3) span {
  background-image: url(/obrazek/3/1-jpg-510/);
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  -o-animation-delay: 13s;
  -ms-animation-delay: 13s;
  animation-delay: 13s;
}
.cb-slideshow li:nth-child(4) span {
  background-image: url(/obrazek/3/2-jpg-926/);
  -webkit-animation-delay: 19s;
  -moz-animation-delay: 19s;
  -o-animation-delay: 19s;
  -ms-animation-delay: 19s;
  animation-delay: 19s;
}
.cb-slideshow li:nth-child(5) span {
  background-image: url(/obrazek/3/3-jpg-625/);
  -webkit-animation-delay: 25s;
  -moz-animation-delay: 25s;
  -o-animation-delay: 25s;
  -ms-animation-delay: 25s;
  animation-delay: 25s;
}
.cb-slideshow li:nth-child(6) span {
  background-image: url(/obrazek/3/4-jpg-912/);
  -webkit-animation-delay: 31s;
  -moz-animation-delay: 31s;
  -o-animation-delay: 31s;
  -ms-animation-delay: 31s;
  animation-delay: 31s;
}
.cb-slideshow li:nth-child(7) span {
  background-image: url(/obrazek/3/5-jpg-916/);
  -webkit-animation-delay: 38s;
  -moz-animation-delay: 38s;
  -o-animation-delay: 38s;
  -ms-animation-delay: 38s;
  animation-delay: 38s;
}

@-webkit-keyframes imageAnimation {
  0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
  8% { opacity: 1; -webkit-animation-timing-function: ease-out; }
  16% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
  0% { opacity: 0; -moz-animation-timing-function: ease-in; }
  8% { opacity: 1; -moz-animation-timing-function: ease-out; }
  16% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
  0% { opacity: 0; -o-animation-timing-function: ease-in; }
  8% { opacity: 1; -o-animation-timing-function: ease-out; }
  16% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
  0% { opacity: 0; -ms-animation-timing-function: ease-in; }
  8% { opacity: 1; -ms-animation-timing-function: ease-out; }
  16% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes imageAnimation {
  0% { opacity: 0; animation-timing-function: ease-in; }
  8% { opacity: 1; animation-timing-function: ease-out; }
  16% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}

/* responsive */
@media (max-width: 768px)
{
  #index #content p {width: 100%; float: none; margin-top: 20px !important;}
  .cb-slideshow li span {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 0.2;
  }
  .navbar-default .navbar-collapse {background: #000; border: none;}
  #box-custom-motive {display: none;}
  body {background-image: url(/obrazek/3/1-jpg-510/); background-repeat: no-repeat; background-position: top !important;}
}

@media (max-width: 900px)
{
  #content .row div:nth-child(2) iframe {margin-top: 20px !important;}
  h2 {margin-top: 40px;}
}