@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&subset=latin-ext");
html, body {
  margin:0;
  padding:0;
  font-family:'Maven Pro', sans-serif;
}
body {
  font-family:'Roboto', sans-serif;
  color:#333;
  font-size:16px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
header {
  display:flex;
  padding:20px;
  justify-content:space-between;
  box-sizing:border-box;
  border-bottom:1px solid rgba(204,154,52,0.15);
  background:rgba(204,154,52,0.01);
  width:100%;
  flex-grow:0;
  flex-shrink:0;
  align-items:center;
}
header #left-empty { width:130px; }
header #logo img {
  height:70px;
  order:1;
}
header #logo #solaris {
  height:25px;
  margin-left:30px;
}
header #menu {
  order:2;
  display:flex;
  margin:0 auto 0 auto;
}
header #menu a {
  display:block;
  margin:0 30px 0 30px;
  color:white;
  font-size:15px;
  text-align:center;
}
header #menu a img { height:40px; }
header #menu a h3 {
  margin:0;
  padding:0;
  font-size:18px;
  text-transform:uppercase;
  font-weight:400;
  color:white;
  line-height:15px;
  margin-top:0px;
}
header #kosik {
  order:4;
  width:100px;
  display:block;
}
header #kosik a {
  display:block;
  text-align:center;
  color:#cc9a34;
  transition:all 0.3s;
}
header #kosik a img { height:60px; }
header #kosik a small { display:block; }
header #kosik a:hover {
  text-decoration:none;
  background:rgba(204,154,52,0.25);
}
header #user, header .headlink {
  order:3;
  width:100px;
  display:block;
  text-align:center;
  color:#cc9a34;
  transition:all 0.3s;
}
header #user img, header .headlink img { height:60px; }
header #user .fa, header .headlink .fa {
  font-size:60px;
  display:block;
}
header #user small, header .headlink small { display:block; }
header #user:hover, header .headlink:hover {
  text-decoration:none;
  background:rgba(204,154,52,0.25);
}
header #logout { order:5; }
main {
  width:1024px;
  margin:40px auto 40px auto;
}
main h1, .eshop-box h1 {
  color:black;
  font-weight:600;
}
footer {
  display:flex;
  background:#cc9a34;
  padding:30px;
  justify-content:center;
  margin-top:auto;
}
footer article {
  width:300px;
  margin:20px;
}
footer article.f2 { text-align:center; }
footer article.f2 img {
  height:120px;
  mix-blend-mode:lighten;
}
footer article h3 {
  font-size:15px;
  color:#ddd;
  font-weight:700;
  margin-top:0;
  line-height:1.2em;
}
footer article a {
  display:block;
  color:#ddd;
}
footer article.f1 { text-align:right; }
#copyright {
  padding:4px;
  background:#cc9a34;
  color:#ddd;
  text-align:right;
  font-size:11px;
}
#copyright a { color:inherit; }
.home-login {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.home-login article { width:300px; }
.home-login article .form-signin { padding:0px; }
body.home .slider, body.home .slider article, body.home .slider > a {
  display:block;
  height:400px;
}
.vizitky {
  display:flex;
  flex-wrap:wrap;
}
.vizitky a {
  display:block;
  width:290px;
  margin:8px;
  border-radius:3px;
  border:1px solid rgba(0,0,0,0.1);
  padding:5px;
  transition:all 0.3s;
  display:flex;
  align-items:center;
  font-size:13px;
  line-height:15px;
  color:#444;
}
.vizitky a:hover { transform:scale(1.1); }
.vizitky a img {
  flex-shrink:0;
  margin-right:10px;
}
.vizitky a p { margin:0; }
.vizitky a em {
  color:#c00;
  font-weight:600;
  font-size:15px;
  font-style:normal;
}
.vizitky a h3 {
  color:black;
  font-size:17px;
  line-height:20px;
  font-weight:600;
  margin:0;
  padding:0;
  margin-bottom:4px;
}
.vizitka {
  display:flex;
  align-items:flex-start;
}
.vizitka img {
  flex-shrink:0;
  margin-right:40px;
}
.vizitka row {
  font-size:16px;
  display:flex;
  margin:5px;
}
.vizitka row i {
  width:20px;
  color:#cc9a34;
}
.vizitka row label { width:130px; }
.vizitka row.em value {
  color:#c00;
  font-size:18px;
  font-weight:700;
}
.kosik-darceky {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:30px;
}
.kosik-darceky article {
  width:135px;
  box-sizing:border-box;
  border:1px solid #efefef;
  margin:5px;
  padding:5px;
  text-align:center;
}
.kosik-darceky article .img { height:50px; }
.kosik-darceky article h4 {
  font-size:13px;
  line-height:16px;
  color:#333;
  font-weight:600;
}
.kosik-darceky article .bbb {
  background:#cc9a34;
  padding:2px 15px;
  border-radius:15px;
  margin:0 auto 0 auto;
  display:block;
  width:fit-content;
  text-transform:uppercase;
  font-size:13px;
  color:white;
}
@media screen and (max-width: 768px) {
  banner.banner-desktop { display:none; }
  banner.banner-mobil { display:block; }
}
@media screen and (min-width: 768px) {
  banner.banner-desktop { display:block; }
  banner.banner-mobil { display:none; }
}
@media screen and (max-width: 768px) {
  header {
    padding:20px;
    flex-wrap:wrap;
  }
  header #left-empty { display:none; }
  header #logo img { width:40vw; }
  header #logo {
    order:1;
    margin-right:auto;
  }
  header #user {
    order:2;
    width:80px;
  }
  header #user img { height:40px; }
  header #kosik {
    order:3;
    width:80px;
  }
  header #kosik img { height:40px; }
  header #menu {
    order:4;
    padding-top:20px;
    display:none;
    flex-wrap:wrap;
  }
  header #menu a {
    font-size:14px;
    margin:0 10px 15px 10px;
  }
  header #menu a img { height:25px; }
  header #menu a h3 { font-size:12px; }
  header #logo #solaris { display:none; }
  footer {
    display:flex;
    flex-direction:column;
  }
  footer article { width:auto; }
  footer article.f2 { order:1; }
  footer article.f1 {
    order:2;
    text-align:left;
  }
  footer article.f3 {
    order:3;
    text-align:left;
  }
  main {
    width:auto;
    padding:10px;
  }
  .vizitka { flex-wrap:wrap; }
  .vizitka img {
    margin:5px auto 5px auto;
    display:block;
  }
  .vizitka row { flex-wrap:wrap; }
  .vizitka row value { width:100%; }
}
.distributor h4 { font-weight:600; }