.page-login:before {
  background-image: url("../img/bg-img/bg-img-2.jpg");
}
.page-login form {
  width: 340px;
  margin: 30px 0;
}
.page-login form a {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .page-login form {
    width: auto;
  }
}

.cb-slideshow {
  opacity: 0.7;
  list-style-type: none;
}

.cb-slideshow,
.cb-slideshow:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.cb-slideshow:after {
  content: '';
  background: transparent repeat top left;
}
.cb-slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 36s linear infinite 0s;
  -moz-animation: imageAnimation 36s linear infinite 0s;
  -o-animation: imageAnimation 36s linear infinite 0s;
  -ms-animation: imageAnimation 36s linear infinite 0s;
  animation: imageAnimation 36s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span {
  background-image: url("../img/bg-img/1.jpg")
}
.cb-slideshow li:nth-child(2) span {
  background-image: url("../img/bg-img/2.jpg");
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
  background-image: url("../img/bg-img/3.jpg");
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
  background-image: url("../img/bg-img/4.jpg");
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
  background-image: url("../img/bg-img/5.jpg");
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
  background-image: url("../img/bg-img/6.jpg");
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}
.cb-slideshow li:nth-child(7) span {
  background-image: url("../img/bg-img/7.jpg");
  -webkit-animation-delay: 36s;
  -moz-animation-delay: 36s;
  -o-animation-delay: 36s;
  -ms-animation-delay: 36s;
  animation-delay: 36s;
}

.cb-slideshow li:nth-child(8) span {
  background-image: url("../img/bg-img/8.jpg");
  -webkit-animation-delay: 42s;
  -moz-animation-delay: 42s;
  -o-animation-delay: 42s;
  -ms-animation-delay: 42s;
  animation-delay: 42s;
}

.cb-slideshow li:nth-child(9) span {
  background-image: url("../img/bg-img/9.jpg");
  -webkit-animation-delay: 48s;
  -moz-animation-delay: 48s;
  -o-animation-delay: 48s;
  -ms-animation-delay: 48s;
  animation-delay: 48s;
}

.cb-slideshow li:nth-child(10) span {
  background-image: url("../img/bg-img/10.jpg");
  -webkit-animation-delay: 54s;
  -moz-animation-delay: 54s;
  -o-animation-delay: 54s;
  -ms-animation-delay: 54s;
  animation-delay: 54s;
}

.cb-slideshow li:nth-child(11) span {
  background-image: url("../img/bg-img/11.jpg");
  -webkit-animation-delay: 60s;
  -moz-animation-delay: 60s;
  -o-animation-delay: 60s;
  -ms-animation-delay: 60s;
  animation-delay: 60s;
}

.cb-slideshow li:nth-child(12) span {
  background-image: url("../img/bg-img/12.jpg");
  -webkit-animation-delay: 66s;
  -moz-animation-delay: 66s;
  -o-animation-delay: 66s;
  -ms-animation-delay: 66s;
  animation-delay: 66s;
}

.cb-slideshow li:nth-child(13) span {
  background-image: url("../img/bg-img/13.jpg");
  -webkit-animation-delay: 72s;
  -moz-animation-delay: 72s;
  -o-animation-delay: 72s;
  -ms-animation-delay: 72s;
  animation-delay: 72s;
}

.cb-slideshow li:nth-child(14) span {
  background-image: url("../img/bg-img/14.jpg");
  -webkit-animation-delay: 78s;
  -moz-animation-delay: 78s;
  -o-animation-delay: 78s;
  -ms-animation-delay: 78s;
  animation-delay: 78s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
  0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -webkit-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
  0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -moz-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
  0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -o-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
  0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -ms-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes imageAnimation {
  0% { opacity: 0;
    animation-timing-function: ease-in; }
  8% { opacity: 1;
    animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) {
  .cb-slideshow li div h3 { font-size: 80px }
}