@charset "UTF-8";

/* ***********IMAGE TRANSITIONS*************** */
/* ******************************************* */

#crossfade > div { 
	
	min-height: 100%;
 	min-width: 100%;
	
 	 /* Set up proportionate scaling */
  	width: 100%;
  	height: auto;
	
  	/* Set up positioning */
  	position: fixed;
  	top: 0;
  	left: 125px;
  
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 108s linear infinite 0s;
    -moz-animation: imageAnimation 108s linear infinite 0s;
    -o-animation: imageAnimation 108s linear infinite 0s;
    -ms-animation: imageAnimation 108s linear infinite 0s;
    animation: imageAnimation 108s linear infinite 0s; 
	
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

#crossfade2 > div { 
	
	min-height: 100%;
 	min-width: 100%;
	
 	 /* Set up proportionate scaling */
  	width: 100%;
  	height: auto;
	
  	/* Set up positioning */
  	position: fixed;
  	top: 0;
  	left: 125px;
  
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation2 138s linear infinite 0s;
    -moz-animation: imageAnimation2 138s linear infinite 0s;
    -o-animation: imageAnimation2 138s linear infinite 0s;
    -ms-animation: imageAnimation2 138s linear infinite 0s;
    animation: imageAnimation2 138s linear infinite 0s; 
	
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*  Responsive code  */
@media (max-width:1099px){
	#crossfade > div { 
	    min-height: calc(100% - 100px);
		max-height: calc(100% - 100px);
		left: 0;
		top: 100px;
	}
}


#crossfade > div:nth-child(2)  { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > div:nth-child(3) { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > div:nth-child(4) { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > div:nth-child(5) { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

#crossfade > div:nth-child(6) { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

#crossfade > div:nth-child(7) { 
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}

#crossfade > div:nth-child(8) { 
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}

#crossfade > div:nth-child(9)  { 
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
#crossfade > div:nth-child(10) { 
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
#crossfade > div:nth-child(11) { 
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
#crossfade > div:nth-child(12) { 
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}

#crossfade > div:nth-child(13) { 
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}

#crossfade > div:nth-child(14) { 
    -webkit-animation-delay: 78s;
    -moz-animation-delay: 78s;
    -o-animation-delay: 78s;
    -ms-animation-delay: 78s;
    animation-delay: 78s; 
}

#crossfade > div:nth-child(15) { 
    -webkit-animation-delay: 84s;
    -moz-animation-delay: 84s;
    -o-animation-delay: 84s;
    -ms-animation-delay: 84s;
    animation-delay: 84s; 
}

#crossfade > div:nth-child(16) { 
    -webkit-animation-delay: 90s;
    -moz-animation-delay: 90s;
    -o-animation-delay: 90s;
    -ms-animation-delay: 90s;
    animation-delay: 90s; 
}

#crossfade > div:nth-child(17) { 
    -webkit-animation-delay: 96s;
    -moz-animation-delay: 96s;
    -o-animation-delay: 96s;
    -ms-animation-delay: 96s;
    animation-delay: 96s; 
}

#crossfade > div:nth-child(18) { 
    -webkit-animation-delay: 102s;
    -moz-animation-delay: 102s;
    -o-animation-delay: 102s;
    -ms-animation-delay: 102s;
    animation-delay: 102s; 
}














#crossfade2 > div:nth-child(2)  { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade2 > div:nth-child(3) { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade2 > div:nth-child(4) { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade2 > div:nth-child(5) { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

#crossfade2 > div:nth-child(6) { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

#crossfade2 > div:nth-child(7) { 
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}

#crossfade2 > div:nth-child(8) { 
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}


#crossfade2 > div:nth-child(9)  { 
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
#crossfade2 > div:nth-child(10) { 
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
#crossfade2 > div:nth-child(11) { 
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
#crossfade2 > div:nth-child(12) { 
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}

#crossfade2 > div:nth-child(13) { 
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}

#crossfade2 > div:nth-child(14) { 
    -webkit-animation-delay: 78s;
    -moz-animation-delay: 78s;
    -o-animation-delay: 78s;
    -ms-animation-delay: 78s;
    animation-delay: 78s; 
}

#crossfade2 > div:nth-child(15) { 
    -webkit-animation-delay: 84s;
    -moz-animation-delay: 84s;
    -o-animation-delay: 84s;
    -ms-animation-delay: 84s;
    animation-delay: 84s; 
}
#crossfade2 > div:nth-child(16)  { 
    -webkit-animation-delay: 90s;
    -moz-animation-delay: 90s;
    -o-animation-delay: 90s;
    -ms-animation-delay: 90s;
    animation-delay: 90s; 
}
#crossfade2 > div:nth-child(17) { 
    -webkit-animation-delay: 96s;
    -moz-animation-delay: 96s;
    -o-animation-delay: 96s;
    -ms-animation-delay: 96s;
    animation-delay: 96s; 
}
#crossfade2 > div:nth-child(18) { 
    -webkit-animation-delay: 102s;
    -moz-animation-delay: 102s;
    -o-animation-delay: 102s;
    -ms-animation-delay: 102s;
    animation-delay: 102s; 
}
#crossfade2 > div:nth-child(19) { 
    -webkit-animation-delay: 108s;
    -moz-animation-delay: 108s;
    -o-animation-delay: 108s;
    -ms-animation-delay: 108s;
    animation-delay: 108s; 
}

#crossfade2 > div:nth-child(20) { 
    -webkit-animation-delay: 114s;
    -moz-animation-delay: 114s;
    -o-animation-delay: 114s;
    -ms-animation-delay: 114s;
    animation-delay: 114s; 
}

#crossfade2 > div:nth-child(21) { 
    -webkit-animation-delay: 120s;
    -moz-animation-delay: 120s;
    -o-animation-delay:120s;
    -ms-animation-delay: 120s;
    animation-delay: 120s; 
}

#crossfade2 > div:nth-child(22) { 
    -webkit-animation-delay: 126s;
    -moz-animation-delay: 126s;
    -o-animation-delay: 126s;
    -ms-animation-delay: 126s;
    animation-delay: 126s; 
}


#crossfade2 > div:nth-child(23)  { 
    -webkit-animation-delay: 132s;
    -moz-animation-delay: 132s;
    -o-animation-delay: 132s;
    -ms-animation-delay: 132s;
    animation-delay: 132s; 
}




@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    2.08% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    4.16% { opacity: 1 }
    6.25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    2.08% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    4.16% { opacity: 1 }
    6.25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    2.08% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    4.16% { opacity: 1 }
    6.25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    2.08% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    4.16% { opacity: 1 }
    6.25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    2.08% { opacity: 1;
         animation-timing-function: ease-out; }
    4.16% { opacity: 1 }
    6.25% { opacity: 0 }
    100% { opacity: 0 }
}







@-webkit-keyframes imageAnimation2 { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    1.403% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    2.957% { opacity: 1 }
    4.348% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation2 { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    1.403% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    2.957% { opacity: 1 }
    4.348% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation2 { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    1.403% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    2.957% { opacity: 1 }
    4.348% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation2 { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    1.403% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    2.957% { opacity: 1 }
    4.348% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation2 { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    1.403% { opacity: 1;
         animation-timing-function: ease-out; }
    2.957% { opacity: 1 }
    4.348% { opacity: 0 }
    100% { opacity: 0 }
}