@-webkit-keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  11% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  78% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
 }
 
 @-moz-keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  11% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  78% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
 }
 
 @-o-keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  11% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  78% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
 }
 
 @keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  11% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  78% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
 }
 
 #slider {
   position:relative;
   height: 100vh;
   overflow: hidden;
 }

 .slider-item {
  position: absolute;
  left: 0;
  top: 60px;
  width:100%;
  z-index: 1;
 }
 
 .number {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
 }

 .one {
    background-image: url(../img/loft01.jpg);
 }

 .two {
  background-image: url(../img/header1.jpg);
 }

 .three {
  background-image: url(../img/header2.jpg);
 }
 
 .slider-text-line {
  position: absolute;
  bottom: 130px;
  margin-top: 40px;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  /*background-color: red;*/
 }

 .slider-element {   
   display: inline-block;
 }

 .slider-element img {
    width: 28px;
    height: 26px;
 }

 .slider-text {
   display: inline;
   padding: 20px;  
 }

 .arrow-down {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 10;
  text-align: center;
  margin-left: 2px;
 }

 .arrow-down img{
  width: 20px;
  height: 31px;  
  margin: 0 auto;
 }

 @media (max-width: 767px) {
  /*
  .slider-text-line {
    bottom: 30%;
   }
   .arrow-down {
    bottom: 20%;
   }
   */
   .slider-text-line, .slider-text, .arrow-down, .slider-element {
     visibility: hidden;
   }
}

 .slider-item {
   -webkit-animation-name: cf4FadeInOut;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 15s;
 
   -moz-animation-name: cf4FadeInOut;
   -moz-animation-timing-function: ease-in-out;
   -moz-animation-iteration-count: infinite;
   -moz-animation-duration: 15s;
 
   -o-animation-name: cf4FadeInOut;
   -o-animation-timing-function: ease-in-out;
   -o-animation-iteration-count: infinite;
   -o-animation-duration: 15s;
 
   animation-name: cf4FadeInOut;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 15s;
 }
 .slider-item:nth-of-type(1) {
   -webkit-animation-delay: 10s;
   -moz-animation-delay: 10s;
   -o-animation-delay: 10s;
   animation-delay: 10s;
 }
 .slider-item:nth-of-type(2) {
   -webkit-animation-delay: 5s;
   -moz-animation-delay: 5s;
   -o-animation-delay: 5s;
   animation-delay: 5s;
 }
 .slider-item:nth-of-type(3) {
   -webkit-animation-delay: 0s;
   -moz-animation-delay: 0s;
   -o-animation-delay: 0s;
   animation-delay: 0s;
 }