@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Prompt:400,200,300,400italic,500,600,700&subset=latin,latin-ext");
html {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height:100%;
}
*, *::before, *::after { box-sizing:inherit; }
body {
  background-color:#fff;
  font-size:1.6rem;
  font-family:"Open Sans", Helvetica, Arial, sans-serif;
  color:#777;
  height:100%;
}
h1, h2, h3, h4, h5, h6 { font-family:'Prompt', sans-serif; }
a {
  color:#fe0101;
  text-decoration:none;
}
a:hover {
  color:#fe0101;
  text-decoration:underline;
}
a:focus, a:active, button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
  border:0;
  outline:0;
}
input, button { outline:none; }
.icon-spin {
  -webkit-animation:fa-spin 2s infinite linear;
  animation:fa-spin 2s infinite linear;
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-spinner:before { content:"\f110"; }
#wrapper {
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
#margin-top { height:130px; }
#index-top {
  padding-top:10px;
  box-sizing:border-box;
  height:auto;
  text-align:center;
  background:transparent;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  color:#dcdcdc;
  text-shadow:2px 2px 2px #000;
}
#index-top h1 {
  font-size:68px;
  line-height:85px;
  text-transform:uppercase;
}
#index-top h3 {
  font-size:36px;
  line-height:50px;
}
#index-top h1, #index-top h2, #index-top h3 {
  color:#dcdcdc;
  font-weight:400;
  margin:0;
}
#index-content {
  display:flex;
  flex-wrap:wrap;
  background:#777 url('images/background.jpg') no-repeat center center;
  background-size:cover;
  -webkit-box-shadow:inset 0px 200px 300px 0px rgba(0,0,0,0.75);
  -moz-box-shadow:inset 0px 200px 300px 0px rgba(0,0,0,0.75);
  box-shadow:inset 0px 200px 300px 0px rgba(0,0,0,0.75);
  color:#fff;
  font-size:22px;
  font-weight:300;
}
#index-content .index-tile {
  width:50%;
  flex-grow:1;
  min-height:100vh;
  background:transparent;
  transition:1s all;
}
#index-content .index-tile img {
  max-width:100%;
  height:40px;
}
#index-content .index-tile a { text-decoration:none; }
#index-content .overlay {
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-height:100vh;
  box-sizing:border-box;
  padding-left:30px;
  padding-bottom:20px;
}
#index-content .overlay > div { width:100%; }
#index-content .overlay h1 {
  color:#fff;
  text-shadow:1px 1px 2px #000;
  font-weight:500;
  text-transform:uppercase;
  margin:0;
  font-size:30px;
  line-height:40px;
}
#index-content .overlay h2 {
  font-weight:400;
  font-size:35px;
  width:80%;
  border-bottom:3px solid white;
}
#index-content .overlay button {
  color:#fff;
  border-radius:5px;
  padding:10px 30px;
  border:3px solid white;
  background:none;
  transition:all 0.3s;
}
#index-content .overlay button:hover { background:rgba(255,255,255,0.15); }
#index-content #tile1 {
  background:rgba(0,0,0,0);
  background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(13,16,119,0.9) 85%);
  background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(85%,rgba(13,16,119,0.9)));
  background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(13,16,119,0.9) 85%);
  background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(13,16,119,0.9) 85%);
  background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(13,16,119,0.9) 85%);
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(13,16,119,0.9) 85%);
}
#index-content #tile2 {
  background:rgba(0,0,0,0);
  background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(111,3,3,0.9) 85%);
  background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(85%,rgba(111,3,3,0.9)));
  background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(111,3,3,0.9) 85%);
  background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(111,3,3,0.9) 85%);
  background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(111,3,3,0.9) 85%);
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(111,3,3,0.9) 85%);
}
header {
  width:100%;
  position:fixed;
  left:0;
  top:0;
  height:auto;
  z-index:1000;
  -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);
  box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);
}
header #top {
  background:#fff;
  height:80px;
}
header #top #logo {
  padding-top:10px;
  padding-bottom:10px;
  position:relative;
}
header #top #logo a:hover { text-decoration:none; }
header #top #logo h1 {
  margin:0;
  padding:0;
}
header #top #logo img { height:63px; }
header #top #top-kontakt {
  padding-left:60px;
  padding-top:20px;
  font-style:italic;
}
header #top #top-kontakt .col-sm-6 {
  font-size:16px;
  line-height:20px;
}
header #top #top-kontakt .col-sm-6 p { margin:0; }
header #top #top-kontakt .col-sm-6 .fa {
  font-size:30px;
  line-height:40px;
}
#nav {
  width:100%;
  box-sizing:border-box;
  color:#fff;
  background:#36404b;
  border:0;
  border-radius:0;
  margin:0;
}
#nav.scrolled {
  -webkit-box-shadow:0px 1px 4px 0px #a7a7a7;
  -moz-box-shadow:0px 1px 4px 0px #a7a7a7;
  box-shadow:0px 1px 4px 0px #a7a7a7;
}
#nav.scrolled .navbar-brand { display:block; }
#nav .navbar-brand {
  display:none;
  padding:10px 15px;
}
#nav .navbar-brand img { height:30px; }
#nav .nav > li > a {
  color:#fff;
  padding:0 10px;
  line-height:50px;
  box-sizing:border-box;
  text-transform:uppercase;
}
#nav .nav > li > a:hover, #nav .nav > li > a.highlight {
  color:#fff;
  background:#fe0101;
}
#nav .navbar-toggle {
  position:absolute;
  top:0;
  right:0px;
  border:1px solid #fff !important;
}
#nav .navbar-toggle .icon-bar { background-color:#fff !important; }
#content { flex-grow:1; }
.main-content { padding:30px 0; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { color:#222; }
#o-nas #onas-img .img-responsive { width:100%; }
#o-nas #ponukame-title {
  border-bottom:1px solid #e0e0e0;
  padding-bottom:10px;
  margin-bottom:10px;
}
#kontakt { border-bottom:0; }
#kontakt #kontakt-flex {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
#kontakt #kontakt-flex #kontakt-form { width:60%; }
#kontakt #kontakt-flex #kontakt-form label { color:#222; }
#kontakt #kontakt-flex #kontakt-form input, #kontakt #kontakt-flex #kontakt-form textarea { border-radius:0; }
#kontakt #kontakt-flex #kontakt-form textarea {
  min-width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:187px;
  max-height:187px;
}
#kontakt #kontakt-flex #kontakt-info {
  width:35%;
  padding:10px;
  box-sizing:border-box;
  border:1px solid #ddd;
}
#ponuka h2, #galeria h2, #kontakt h2 {
  border-bottom:1px solid #e0e0e0;
  padding-bottom:10px;
  margin-bottom:20px;
}
#galerie {
  padding:20px 0;
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
  flex-wrap:wrap;
  flex-direction:row;
}
#galerie .galeria {
  position:relative;
  width:25%;
  display:flex;
  box-sizing:border-box;
  flex-basis:23%;
  align-self:flex-start;
  margin-bottom:20px;
}
#galerie .galeria.fit {
  width:100%;
  flex-basis:100%;
  display:block;
}
#galerie .galeria a {
  color:#222;
  display:block;
  border:1px solid #ddd;
  box-sizing:border-box;
  transition:all 1s;
}
#galerie .galeria a img { width:100%; }
#galerie .galeria a .galeria-overlay {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:10px;
  box-sizing:border-box;
  position:relative;
}
#galerie .galeria a .galeria-overlay .galeria-toggle {
  position:absolute;
  display:block;
  top:-40px;
  right:0;
  background:#fe0101;
  color:#fff;
  line-height:40px;
  width:40px;
  text-align:center;
  font-size:2.5rem;
}
#galerie .galeria a .galeria-overlay h3 { margin:0; }
#galerie .galeria a:hover {
  color:#222;
  text-decoration:none;
  border:1px solid #fe0101;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#toTop, #toBottom {
  text-decoration:none;
  width:50px;
  height:50px;
  overflow:hidden;
  border:none;
  z-index:20;
  color:#fff;
  font-size:30px;
  text-align:center;
  line-height:46px;
  border:2px solid #fff;
  border-radius:50px;
  display:inline-block;
  background:#fe0101;
}
#toTop {
  position:fixed;
  bottom:80px;
  right:30px;
  display:none;
}
#toTop:hover, #toBottom:hover {
  outline:none;
  opacity:0.5;
  filter:1;
  color:#fff;
}
footer {
  flex-grow:0;
  flex-shrink:0;
  background:#2c343d;
  color:#fff;
  min-height:60px;
  line-height:60px;
}
footer a { color:#fff; }
footer a:hover { color:#fff; }
#x-slider .container-fluid {
  position:absolute;
  bottom:0;
  left:0;
  z-index:100;
  text-align:center;
  width:100%;
  padding:10px 0;
}
#x-slider {
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  box-sizing:border-box;
  overflow:hidden;
  min-width:1024px;
  background:#567 url('images/slider.jpg') no-repeat top center;
  background-size:cover;
  border-bottom:4px solid #fe0101;
  background-blend-mode:luminosity;
}
#x-slider #slider {
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
#x-slider #slider #slogan {
  font-size:45px;
  text-transform:uppercase;
  font-family:'Prompt';
  color:#fe0101;
  color:#fff;
  text-shadow:0px 0px 2px #567, 0px 0px 3px #567, 0px 0px 9px #567, 0px 0px 27px #567, 0px 0px 90px #567, 0px 0px 2px #567, 0px 0px 3px #567, 0px 0px 9px #567, 0px 0px 27px #567, 0px 0px 2px #567, 0px 0px 3px #567, 0px 0px 9px #567, 0px 0px 27px #567;
  max-width:60vw;
  text-align:left;
  padding-left:10vw;
  font-weight:500;
}
#x-slider #slider .nivo-prevNav { left:40px; }
#x-slider #slider .nivo-nextNav { right:40px; }
#x-slider #slider .nivo-prevNav, #x-slider #slider .nivo-nextNav {
  height:40px;
  width:40px;
  overflow:hidden;
  background-size:cover;
  line-height:40px;
  text-align:center;
  color:#000;
  font-size:24px;
  font-weight:normal;
  background:#bcbcba;
  position:absolute;
  top:54%;
  z-index:100;
  border-radius:40px;
}
#x-slider #slider .nivo-prevNav:hover, #x-slider #slider .nivo-nextNav:hover { opacity:0.7; }
#x-slider #slider #slider-text {
  position:absolute;
  z-index:99;
  top:48%;
  left:0%;
  width:100%;
  text-align:center;
}
#x-slider #slider #slider-text h1 {
  display:inline-block;
  color:#fff;
  font-size:80px;
  font-weight:bold;
  line-height:90px;
  margin:0;
  padding-bottom:20px;
  border-bottom:5px solid #fff;
  text-shadow:1px 1px 2px #000;
}
#x-slider .bgsw {
  position:absolute !important;
  left:0;
  top:0;
  background-size:cover !important;
  background-position:center center !important;
}
#x-map {
  width:100%;
  height:350px;
}
#map_canvas1 {
  width:100%;
  height:350px;
  border:none;
}
.scrolloff { pointer-events:none; }
.profile-box {
  padding:10px 15px;
  min-height:60px;
  width:100%;
  border:1px solid #ccc;
  margin-bottom:20px;
  transition:all 0.3s;
  position:relative;
}
.profile-box:hover { border:1px solid ; }
.profile-box a.btn { margin-bottom:5px; }
.profile-box .profile-name:hover { cursor:pointer; }
.profile-box .profile-name.ponukame { cursor:auto; }
.profile-box .profile-name.ponukame .icon-1 { background-image:url('images/ikona165e6.svg?color=FE0101'); }
.profile-box .profile-name.ponukame .icon-2 { background-image:url('images/ikona265e6.svg?color=FE0101'); }
.profile-box .profile-name.ponukame .icon-3 { background-image:url('images/ikona365e6.svg?color=FE0101'); }
.profile-box .profile-name.ponukame .icon-4 { background-image:url('images/ikona465e6.svg?color=FE0101'); }
.profile-box .profile-name.ponukame .profile-toggle {
  top:auto;
  bottom:0;
  right:0;
  line-height:30px;
  width:30px;
}
.profile-box .profile-name.ponukame .profile-text {
  font-size:1.6rem;
  line-height:normal;
}
.profile-box .profile-name.ponukame .profile-text h3 {
  margin:0;
  line-height:normal;
  font-size:1.6rem;
  padding:0;
  font-weight:bold;
}
.profile-box .profile-toggle {
  color:#fff;
  position:absolute;
  top:10px;
  right:10px;
  font-size:2.5rem;
  color:;
  background:#fe0101;
  line-height:40px;
  width:40px;
  display:block;
  text-align:center;
}
.profile-box .profile-toggle:hover { cursor:pointer; }
.profile-box .profile-icon {
  width:40px;
  height:40px;
  float:left;
  margin-right:10px;
}
.profile-box .icon-1 {
  background:url('images/ikona1.svg') no-repeat center center;
  background-size:contain;
}
.profile-box .icon-2 {
  background:url('images/ikona2.svg') no-repeat center center;
  background-size:contain;
}
.profile-box .icon-3 {
  background:url('images/ikona3.svg') no-repeat center center;
  background-size:contain;
}
.profile-box .icon-4 {
  background:url('images/ikona4.svg') no-repeat center center;
  background-size:contain;
}
.profile-box .profile-text {
  color:;
  font-size:1.9rem;
  width:72%;
  vertical-align:middle;
  height:auto;
  overflow:hidden;
  line-height:40px;
  text-align:left;
  padding-right:10px;
}
.profile-box .profile-text h3 {
  display:inline-block;
  vertical-align:middle;
  line-height:normal;
  margin:0;
  padding:0;
  font-size:2.1rem;
  line-height:40px;
}
.profile-box .profile-content {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #ccc;
  font-size:1.5rem;
  display:none;
}
.produkty {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.produkty .ponuka {
  width:49%;
  box-sizing:border-box;
  padding:0;
  margin-bottom:20px;
}
.produkty .ponuka a {
  color:#777;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  box-sizing:border-box;
  border:1px solid #ccc;
  border-radius:5px;
}
.produkty .ponuka a:hover {
  border:1px solid #777;
  background:#fafafa;
  text-decoration:none;
}
.produkty .ponuka .ponuka-foto { padding:5px; }
.produkty .ponuka .ponuka-popis {
  width:70%;
  box-sizing:border-box;
  padding:10px;
  display:flex;
  flex-direction:column;
  color:#222;
}
.produkty .ponuka .ponuka-popis p { margin-bottom:0; }
.produkty .ponuka .ponuka-popis h2 {
  margin:0 0 0 0;
  font-size:20px;
  line-height:25px;
  font-weight:bold;
}
.produkty .ponuka .ponuka-popis h3 {
  margin:0 0 5px 0;
  font-size:16px;
  line-height:20px;
  font-weight:bold;
}
.produkty .ponuka .ponuka-foto {
  width:29%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.produkty .ponuka .ponuka-foto img { max-width:100%; }
@media screen and (max-width: 992px) {
  #galerie .galeria {
    width:50%;
    flex-basis:48%;
  }
  .produkty .ponuka { width:100%; }
}
@media screen and (max-width: 768px) {
  #index-top {
    padding-top:1px;
    position:static;
    flex-grow:1;
    flex-shrink:1;
    background:rgba(0,0,0,0.85);
  }
  #index-top h1 img { width:80vw !important; }
  #index-top h3 { font-size:20px; }
  #index-content { display:block; }
  #index-content #tile1, #index-content #tile2 {
    min-height:0;
    width:100%;
    box-sizing:border-box;
    font-size:15px;
    flex-grow:1;
    min-height:35vh;
  }
  #index-content #tile1 h2, #index-content #tile2 h2 { font-size:20px; }
  #index-content #tile1 .overlay, #index-content #tile2 .overlay { min-height:0; }
  #index-content #tile1 { background:rgba(13,16,119,0.8); }
  #index-content #tile2 { background:rgba(111,3,3,0.8); }
  #wrapper { padding-top:20px; }
  #wrapper.homewrapper {
    padding-top:0;
    background:#777 url('images/background.jpg') no-repeat center center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:100vh;
  }
  #x-slider { display:none; }
  #top { display:none; }
  #nav { top:0; }
  #nav .navbar-brand { display:block; }
  #nav .nav > li > a { margin-right:0; }
  #kontakt #kontakt-flex #kontakt-info, #kontakt #kontakt-flex #kontakt-form { width:100%; }
}
@media screen and (max-width: 480px) {
  #galerie .galeria {
    width:100%;
    flex-basis:100%;
  }
}