﻿[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

.scrolling-div.sticky {
	position: fixed;
	top: 40px;
	width: 290px;
}

.slider {
 overflow: hidden;
 /*width: 100vw;
 height: 100vh;*/
 position: relative;
}
.slider .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 animation: slider 30s infinite;
 opacity: 0; 
  transition: opacity 1s ease; 
}
.slider .slide:nth-child(1) {
   background-image: url('../../images/fly-banner/01.jpg');
   animation-delay: 0s;
}
.slider .slide:nth-child(2) {
   background-image: url('../../images/fly-banner/01.jpg');
   animation-delay: -6s;
}
.slider .slide:nth-child(3) {
   background-image: url('../../images/fly-banner/02.jpg');
   animation-delay: -12s;
}
.slider .slide:nth-child(4) {
   background-image: url('../../images/fly-banner/01.jpg');
   animation-delay: -18s;
}
.slider .slide:nth-child(5) {
   background-image: url('../../images/fly-banner/02.jpg');
   animation-delay: -24s;
}
@keyframes slider {
  0%, 17%, 100% {
	opacity: 1;
	animation-timing-function: linear;
	z-index: 0;
  }
  20% {
	opacity: 0;
	animation-timing-function: step-end;
	z-index: 0;
  }
  97% {
	opacity: 1;
	animation-timing-function: step-end;
	z-index: -1;
  }
}