/* #slide-demo-1 {
  background-image: url('../img/Fotos/IMG_0002.JPG');
} */

/* #slide-demo-2 {
  background-image: url('../img/Fotos/IMG_0005.JPG');
}

#slide-demo-3 {
  background-image: url('../img/Fotos/IMG_0035.JPG');
}

#slide-demo-4 {
  background-image: url('../img/Fotos/IMG_0005.JPG');
} */

@-webkit-keyframes photo-slider-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes photo-slider-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes photo-slider-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes photo-slider-opacity {
  28.125%,
  100% {
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes photo-slider-background {
  to {
    background-position: bottom center;
  }
}

@-moz-keyframes photo-slider-background {
  to {
    background-position: bottom center;
  }
}

@-ms-keyframes photo-slider-background {
  to {
    background-position: bottom center;
  }
}

@keyframes photo-slider-background {
  to {
    background-position: bottom center;
  }
}

@-webkit-keyframes photo-slider-text-left {
  28.125%,
  100% {
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes photo-slider-text-left {
  28.125%,
  100% {
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes photo-slider-text-left {
  28.125%,
  100% {
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes photo-slider-text-left {
  28.125%,
  100% {
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes photo-slider-text-right {
  28.125%,
  100% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes photo-slider-text-right {
  28.125%,
  100% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes photo-slider-text-right {
  28.125%,
  100% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes photo-slider-text-right {
  28.125%,
  100% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    visibility: hidden;
  }

  6.25%,
  25% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

.photo-slider-demo {
  width: 100%;
  height: 340px;
  position: relative;
  overflow: hidden;
}
.photo-slider-demo:hover .photo-slide,
.photo-slider-demo:hover .stext {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.photo-slider-demo .photo-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: photo-slider-opacity 24s linear infinite;
  -moz-animation: photo-slider-opacity 24s linear infinite;
  -ms-animation: photo-slider-opacity 24s linear infinite;
  -o-animation: photo-slider-opacity 24s linear infinite;
  animation: photo-slider-opacity 24s linear infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.photo-slider-demo .slide-image {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-slider-demo .slide-text {
  position: absolute;
  bottom: 10%;
  z-index: 999;
}
@media (max-width: 768px) {
  .photo-slider-demo .slide-text {
    width: 100%;
  }
  .photo-slider-demo .slide-text .btn {
    margin: auto;
    float: none;
  }
}
.photo-slider-demo .stext {
  display: inline-block;
  padding: 5px 10px;
  color: #f1f1f1;
  opacity: 0;
  -webkit-animation-duration: 24s;
  -moz-animation-duration: 24s;
  -ms-animation-duration: 24s;
  -o-animation-duration: 24s;
  animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.photo-slider-demo .stext.dark-grey {
  background: #3d3d3d;
  background: rgba(61, 61, 61, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.dark-grey {
    background: rgba(61, 61, 61, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.middle-grey {
  background: #5e5e5e;
  background: rgba(94, 94, 94, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.middle-grey {
    background: rgba(94, 94, 94, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.light-grey {
  background: #dfdfdd;
  background: rgba(223, 223, 221, 0.85);
  color: #5e5e5e;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.light-grey {
    background: rgba(223, 223, 221, 0.65);
    color: #5e5e5e;
  }
}
.photo-slider-demo .stext.super-light {
  background: #f1f1f1;
  background: rgba(241, 241, 241, 0.85);
  color: #5e5e5e;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.super-light {
    background: rgba(241, 241, 241, 0.65);
    color: #5e5e5e;
  }
}
.photo-slider-demo .stext.orange {
  background: #f17635;
  background: rgba(241, 118, 53, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.orange {
    background: rgba(241, 118, 53, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.blue {
  background: #547daa;
  background: rgba(84, 125, 170, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.blue {
    background: rgba(84, 125, 170, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.green {
  background: #25baa5;
  background: rgba(37, 186, 165, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.green {
    background: rgba(37, 186, 165, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.skyblue {
  background: #05afd1;
  background: rgba(5, 175, 209, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.skyblue {
    background: rgba(5, 175, 209, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.red {
  background: #e74c3c;
  background: rgba(231, 76, 60, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.red {
    background: rgba(231, 76, 60, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.yellow {
  background: #f1c40f;
  background: rgba(241, 196, 15, 0.85);
  color: #5e5e5e;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.yellow {
    background: rgba(241, 196, 15, 0.65);
    color: #5e5e5e;
  }
}
.photo-slider-demo .stext.emerald {
  background: #2ecc71;
  background: rgba(46, 204, 113, 0.85);
  color: #5e5e5e;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.emerald {
    background: rgba(46, 204, 113, 0.65);
    color: #5e5e5e;
  }
}
.photo-slider-demo .stext.amethyst {
  background: #9b59b6;
  background: rgba(155, 89, 182, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.amethyst {
    background: rgba(155, 89, 182, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.nblue {
  background: #3498db;
  background: rgba(52, 152, 219, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.nblue {
    background: rgba(52, 152, 219, 0.65);
    color: #dfdfdd;
  }
}
.photo-slider-demo .stext.asphalt {
  background: #34495e;
  background: rgba(52, 73, 94, 0.85);
  color: #dfdfdd;
}
@media (max-width: 768px) {
  .photo-slider-demo .stext.asphalt {
    background: rgba(52, 73, 94, 0.65);
    color: #dfdfdd;
  }
}
@media (max-width: 768px) {
  .photo-slider-demo .stext {
    text-align: center;
    display: block;
  }
}
.photo-slider-demo .slide-text-left {
  left: 5%;
  text-align: left;
}
.photo-slider-demo .slide-text-left .stext {
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);
  transform: translateX(-1000px);
  -webkit-animation-name: photo-slider-text-left;
  -moz-animation-name: photo-slider-text-left;
  -ms-animation-name: photo-slider-text-left;
  -o-animation-name: photo-slider-text-left;
  animation-name: photo-slider-text-left;
}
@media (max-width: 768px) {
  .photo-slider-demo .slide-text-left {
    left: auto;
  }
}
.photo-slider-demo .slide-text-right {
  right: 5%;
  text-align: right;
}
.photo-slider-demo .slide-text-right .stext {
  -webkit-transform: translateX(1000px);
  -moz-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  -o-transform: translateX(1000px);
  transform: translateX(1000px);
  -webkit-animation-name: photo-slider-text-right;
  -moz-animation-name: photo-slider-text-right;
  -ms-animation-name: photo-slider-text-right;
  -o-animation-name: photo-slider-text-right;
  animation-name: photo-slider-text-right;
}
@media (max-width: 768px) {
  .photo-slider-demo .slide-text-right {
    right: auto;
  }
}
.photo-slider-demo .photo-slide:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.photo-slider-demo .photo-slide:nth-child(1) .slide-text .stext {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.photo-slider-demo .photo-slide:nth-child(2) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
.photo-slider-demo .photo-slide:nth-child(2) .slide-text .stext {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
.photo-slider-demo .photo-slide:nth-child(3) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -ms-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.photo-slider-demo .photo-slide:nth-child(3) .slide-text .stext {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -ms-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.photo-slider-demo .photo-slide:nth-child(4) {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -ms-animation-delay: 18s;
  -o-animation-delay: 18s;
  animation-delay: 18s;
}
.photo-slider-demo .photo-slide:nth-child(4) .slide-text .stext {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -ms-animation-delay: 18s;
  -o-animation-delay: 18s;
  animation-delay: 18s;
}