/* Slider   =========================== */
.bg_slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.bg_slideshow li span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: white; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; z-index: 0; -webkit-animation: bg-slider 24s linear infinite; animation: bg-slider 24s linear infinite;  }
.bg_slideshow li:nth-child(1) span { background-image: url("../img/hg_home_1_mobil.jpg"); }
.bg_slideshow li:nth-child(2) span { background-image: url("../img/hg_home_2_mobil.jpg"); animation-delay: 6s; }
.bg_slideshow li:nth-child(3) span { background-image: url("../img/hg_home_3_mobil.jpg"); animation-delay: 12s; }
.bg_slideshow li:nth-child(4) span { background-image: url("../img/hg_home_4_mobil.jpg"); animation-delay: 18s; }


@-webkit-keyframes bg-slider {
  0%   { opacity: 0; animation-timing-function: ease-in; }
  5%   { opacity: 1; animation-timing-function: ease-out; }
  25%  { opacity: 1; } /* 6/36s */
  30%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes bg-slider {
  0%   { opacity: 0; animation-timing-function: ease-in; }
  5%   { opacity: 1; animation-timing-function: ease-out; }
  25%  { opacity: 1; }
  30%  { opacity: 0; }
  100% { opacity: 0; }
}


.no-cssanimations .bg_slideshow li span { opacity: 1; }





/* =======================================
   Responsive										
======================================= */

@media screen and (min-width: 1024px) {
.bg_slideshow li:nth-child(1) span { background-image: url("../img/hg_home_1.jpg"); }
.bg_slideshow li:nth-child(2) span { background-image: url("../img/hg_home_2.jpg"); }
.bg_slideshow li:nth-child(3) span { background-image: url("../img/hg_home_3.jpg"); }
.bg_slideshow li:nth-child(4) span { background-image: url("../img/hg_home_4.jpg"); }
}

/* Mobile only   =========================== */
@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) {
.bg_slideshow li:nth-child(1) span { background-image: url("../img/hg_home_1_mobil.jpg"); }
.bg_slideshow li:nth-child(2) span { background-image: url("../img/hg_home_2_mobil.jpg"); }
.bg_slideshow li:nth-child(3) span { background-image: url("../img/hg_home_3_mobil.jpg"); }
.bg_slideshow li:nth-child(4) span { background-image: url("../img/hg_home_4_mobil.jpg"); }
}