.bg {display:block;width:100%;height:100%;border-radius:0px;}

.bg span {background:rgba(0, 0, 0, 0.8);color:#FFF;font-size:calc(12px + 0.8vw);display:block;width:98%;
min-height:30px;line-height:30px;padding-left:2%;
font-family:Arial;}
.bg a, .bg a:link, .bg a:visited {text-decoration:none;color:#FFF;}

.bg1 {background:url('images/1-aerator-ciuperca.jpg');background-repeat:no-repeat;background-size:cover;}
.bg2 {background:url('images/2-banner-pesti.jpg');background-repeat:no-repeat;background-size:cover;margin-top:-20vw;}
.bg3 {background:url('images/3-bazine-piscicole.jpg');background-repeat:no-repeat;background-size:cover;margin-top:-20vw;}
.bg4 {background:url('images/4-transport-pesti-camion.jpg');background-repeat:no-repeat;background-size:cover;margin-top:-20vw;}
div { position: relative; }
.loader {display:block;width:1px;height:5px;background-color:#df660b;position:relative;margin-top:-5px;z-index:100;
animation:loading 7s ease-in-out 1s infinite;
-moz-animation:loading 7s ease-in-out infinite;
border: solid 1px #FFF;border-width:1px 0 0 0;
}
@keyframes loading {
from {width:1px;}
to {width:100%;}
}


@media all and (min-width:500px) {
#slidecontainer {
width:94%;
height:20vw;
min-height:100px;
margin:2vw auto;
margin-left:2.7%;
border:solid 1px #df660b;border-width:20px 1px 3px 1px;
border-radius:15px 15px 0px 0px;
}
}
@media all and (max-width:499px) {
#slidecontainer {display:none;}
}
#slidecontainer:after {clear:both;}

.bg1 {
  z-index: 4;
  -webkit-animation: slideshow 28s linear 0s infinite;
  -moz-animation: slideshow 28s linear 0s infinite;
  -ms-animation: slideshow 28s linear 0s infinite;
  -o-animation: slideshow 28s linear 0s infinite;
  animation: slideshow 28s linear 0s infinite;
 }

.bg2 {
  z-index: 3;
  -webkit-animation: slideshow 28s linear 7s infinite;
  -moz-animation: slideshow 28s linear 7s infinite;
  -ms-animation: slideshow 28s linear 7s infinite;
  -o-animation: slideshow 28s linear 7s infinite;
  animation: slideshow 28s linear 7s infinite;
}

.bg3 {
   z-index: 2;
  -webkit-animation: slideshow 28s linear 14s infinite;
  -moz-animation: slideshow 28s linear 14s infinite;
  -ms-animation: slideshow 28s linear 14s infinite;
  -o-animation: slideshow 28s linear 14s infinite;
  animation: slideshow 28s linear 14s infinite;
}

.bg4 {
   z-index: 1;
  -webkit-animation: slideshow 28s linear 21s infinite;
  -moz-animation: slideshow 28s linear 21s infinite;
  -ms-animation: slideshow 28s linear 21s infinite;
  -o-animation: slideshow 28s linear 21s infinite;
  animation: slideshow 28s linear 21s infinite;
}

@-webkit-keyframes slideshow {
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
}
@-moz-keyframes slideshow {
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
}
@-ms-keyframes slideshow {
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
}
@-o-keyframes slideshow {
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
}
@keyframes slideshow {
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
}