@charset "UTF-8";
/* CSS Document */
/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/
#arrowAnim {
  /*display: flex;*/
  justify-content: left;
  align-items: center;
}
#arrowAnim2 {
  /*display: flex;*/
  justify-content: left;
  align-items: center;
}

#arrows{
	height: 200px;
	overflow: hidden;
}
#arrows2{
	height: 200px;
	overflow: hidden;
}
/*.arrow {
  width: 140px;
  height: 140px;
  border: 30px solid;
  border-color: #191919 transparent transparent #191919;
  transform: rotate(135deg);
}
*/
.arrowSliding img{
height: 200px;
}
.arrowSliding {
  position: absolute;
  -webkit-animation: slide 10s linear infinite; 
          animation: slide 10s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 10s; 
    animation-delay: 10s;
}

.delay2 {
  -webkit-animation-delay: 15s; 
    animation-delay: 15s;
}
/*.delay0 {
  -webkit-animation-delay: 0s; 
    animation-delay: 0s;
}

.delay1 {
  -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s;
}
.delay2 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay3 {
  -webkit-animation-delay: 1.5s; 
    animation-delay: 1.5s;
}
.delay4 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay5 {
  -webkit-animation-delay: 2.5s; 
    animation-delay: 2.5s;
}
.delay6 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}
.delay7 {
  -webkit-animation-delay: 3.5s; 
    animation-delay: 3.5s;
}
.delay8 {
  -webkit-animation-delay: 4s; 
    animation-delay: 4s;
}
.delay9 {
  -webkit-animation-delay: 4.5s; 
    animation-delay: 4.5s;
}
.delay10 {
  -webkit-animation-delay: 5s; 
    animation-delay: 5s;
}*/

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(-100vw); }	
   20% { opacity:1; transform: translateX(0vw); }	
   80% { opacity:1; transform: translateX(50vw); }	
  100% { opacity:0; transform: translateX(100vw); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateX(-100vw); }	
   20% { opacity:1; transform: translateX(-50vw); }	
   80% { opacity:1; transform: translateX(50vw); }	
  100% { opacity:0; transform: translateX(100vw); }	
}