@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext");
html, body {
  margin:0;
  padding:0;
}
body {
  font-family:'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:1.5em;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
footer {
  display:flex;
  justify-content:space-between;
  padding:10px;
  color:#7d7c7b;
  margin-top:auto;
}
footer a { color:inherit; }
h1, h2, h3 { color:#355160; }
header {
  display:flex;
  padding:20px 50px 20px 50px;
  align-items:center;
  box-shadow:0px 0px 35px 0.6px rgba(0,0,0,0.3);
  z-index:1;
}
header #logo img { height:80px; }
header #iso9001 {
  height:50px;
  margin-left:auto;
}
header #kontakt {
  line-height:19px;
  margin-left:auto;
}
header #kontakt i.fa { color:#355160; }
header #kontakt p { margin:0; }
header #menu {
  display:flex;
  margin-left:auto;
}
header #menu a {
  font-size:20px;
  color:#333;
  margin-left:35px;
  border-bottom:10px solid transparent;
  border-top:10px solid transparent;
  transition:all 0.3s;
}
header #menu a:hover {
  text-decoration:none;
  border-bottom-color:#355160;
}
#homecarousel {
  position:relative;
  width:90%;
  margin:0 auto 0px auto;
}
#homecarousel .arrow-left, #homecarousel .arrow-right {
  display:block;
  background:#355160;
  color:white;
  width:45px;
  height:45px;
  text-align:center;
  line-height:45px;
  font-size:35px;
  border-radius:23px;
  position:absolute;
  top:33px;
}
#homecarousel .arrow-left:hover, #homecarousel .arrow-right:hover { background:#000; }
#homecarousel .arrow-left { left:-60px; }
#homecarousel .arrow-right { right:-60px; }
#hometiles {
  padding:10px;
  display:flex;
  flex-grow:1;
}
#hometiles article, #hometiles a {
  width:33%;
  flex-grow:1;
  background:rgba(53,81,96,0.7);
  position:relative;
  transition:all 0.5s;
  box-sizing:border-box;
  padding:200px 50px 50px 50px;
  text-align:center;
}
#hometiles article:after, #hometiles a:after {
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  position:absolute;
  z-index:-1;
  background-size:auto 100%;
  transition:all 0.5s;
}
#hometiles article#h-tile1:after, #hometiles a#h-tile1:after {
  background-image:url(tile1.jpg);
  background-position:30% 50%;
}
#hometiles article#h-tile2:after, #hometiles a#h-tile2:after {
  background-image:url(tile2.jpg);
  background-position:100% 50%;
}
#hometiles article#h-tile3:after, #hometiles a#h-tile3:after {
  background-image:url(tile3.jpg);
  background-position:50% 50%;
}
#hometiles article:hover, #hometiles a:hover { text-decoration:none; }
#hometiles article:hover:after, #hometiles a:hover:after { background-size:auto 120%; }
#hometiles article h2, #hometiles a h2 {
  color:white;
  font-size:28px;
  line-height:33px;
  font-weight:bold;
  text-shadow:0px 0px 1px #355160, 0px 0px 2px #355160, 0px 0px 4px #355160, 0px 0px 8px #355160, 0px 0px 12px #355160, 0px 0px 16px #355160;
}
#hometiles article hr, #hometiles a hr {
  border:none;
  width:100px;
  height:4px;
  background:white;
  margin:15px auto 15px auto;
  box-shadow:0px 0px 16px 1px #355160;
}
#hometiles article p, #hometiles a p {
  font-size:16px;
  color:white;
  text-shadow:0px 0px 1px #355160, 0px 0px 2px #355160, 0px 0px 4px #355160, 0px 0px 8px #355160, 0px 0px 12px #355160, 0px 0px 16px #355160;
}
.avp-tiles { display:flex; }
.avp-tiles article {
  width:24%;
  flex-grow:1;
  margin:30px;
  text-align:center;
}
.avp-tiles article h2 { color:#355160; }
main { margin:30px; }
.kontakt { display:flex; }
.kontakt article {
  width:40%;
  margin:30px;
}
.spolocnost {
  padding:25px;
  display:flex;
}
.spolocnost img.certifikat {
  max-width:40vw;
  max-height:75vh;
}
.spolocnost article {
  padding:20px;
  margin-right:auto;
}
@media screen and (max-width: 768px) {
  header { display:block; }
  header #logo {
    display:block;
    text-align:center;
  }
  header #iso9001 { display:none; }
  header #kontakt {
    margin:10px auto 10px auto;
    width:fit-content;
  }
  header #menu {
    margin:10px auto 0px auto;
    width:fit-content;
  }
  header #menu a { margin:0 10px 0 10px; }
  #hometiles { display:block; }
  #hometiles article, #hometiles a {
    width:auto;
    display:block;
    min-height:300px;
    padding:50px;
    margin-bottom:10px;
  }
  #homecarousel {
    position:relative;
    width:90%;
    margin:0 auto 30px auto;
  }
  #homecarousel .arrow-left {
    left:-5%;
    z-index:10;
  }
  #homecarousel .arrow-right {
    right:-5%;
    z-index:10;
  }
  .avp-tiles { display:block; }
  .avp-tiles article {
    width:auto;
    margin:30px;
  }
  .kontakt { display:block; }
  .kontakt article {
    width:auto;
    margin:30px;
  }
  .spolocnost {
    padding:10px;
    display:block;
  }
  .spolocnost img.certifikat {
    max-width:80vw;
    max-height:75vh;
  }
  footer { font-size:9px; }
}