body {
    padding: 0;
    margin: 0
}
.slideShow {
	width:100%;
	max-height:600px;
	min-height:600px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
    moz-box-shadow: 5px 0 15px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 5px 0 15px 2px rgba(0,0,0,0.6);
    box-shadow: 5px 0 15px 2px rgba(255,255,255,0.6);

}

.slideShow.small {
	width:75%;
	max-height:450px;
	min-height:450px;
border: 7px solid #dfc463;	
}
.slide {
	position:absolute;
	left:0;
	top:0;
	animation: 2s rotit infinite;
	width:100%;
	height:100%;
	opacity:0;
}
.slide img {
	max-width:100%;	
	height:100%;
	width:100%;
}
.slideShow .slide.xfade:nth-child(1) {
   animation: xfade 30s 0s infinite;
 -webkit-animation: xfade 30s 0s infinite;
}
.slideShow .slide.xfade:nth-child(2) {
   animation: xfade 30s 6s infinite;
 -webkit-animation: xfade 30s 6s infinite;
}
.slideShow .slide.xfade:nth-child(3) {
   animation: xfade 30s 12s infinite;
   -webkit-animation: xfade 30s 12s infinite;
}
.slideShow .slide.xfade:nth-child(4) {
   animation: xfade 30s 18s infinite;
  -webkit-animation: xfade 30s 18s infinite;
}
.slideShow .slide.xfade:nth-child(5) {
   animation: xfade 30s 24s infinite;
   -webkit-animation: xfade 30s 24s infinite;
}
@keyframes xfade{
   0%{
      opacity: 1;
   }
   20% {
      opacity:1;
   }
   25%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}
@-webkit-keyframes xfade{
   0%{
      opacity: 1;
   }
   20% {
      opacity:1;
   }
   25%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

/* 6 slides slideshow */
.slideShow .slide.xfade-6:nth-child(1) {
   animation: xfade-6 36s 0s infinite;
 -webkit-animation: xfade-6 36s 0s infinite;
}
.slideShow .slide.xfade-6:nth-child(2) {
   animation: xfade-6 36s 6s infinite;
 -webkit-animation: xfade-6 36s 6s infinite;
}
.slideShow .slide.xfade-6:nth-child(3) {
   animation: xfade-6 36s 12s infinite;
   -webkit-animation: xfade-6 36s 12s infinite;
}
.slideShow .slide.xfade-6:nth-child(4) {
   animation: xfade-6 36s 18s infinite;
  -webkit-animation: xfade-6 36s 18s infinite;
}
.slideShow .slide.xfade-6:nth-child(5) {
   animation: xfade-6 36s 24s infinite;
   -webkit-animation: xfade-6 36s 24s infinite;
}
.slideShow .slide.xfade-6:nth-child(6) {
   animation: xfade-6 36s 30s infinite;
   -webkit-animation: xfade-6 36s 30s infinite;
}

@keyframes xfade-6{
   0%{
      opacity: 1;
   }
   16.7% {
      opacity:1;
   }
   25%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}
@-webkit-keyframes xfade-6{
   0%{
      opacity: 1;
   }
   16.7% {
      opacity:1;
   }
   25%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

/* 4 slides slideshow */
.slideShow .slide.xfade-4:nth-child(1) {
   animation: xfade-4 24s 0s infinite;
 -webkit-animation: xfade-4 24s 0s infinite;
}
.slideShow .slide.xfade-4:nth-child(2) {
   animation: xfade-4 24s 6s infinite;
 -webkit-animation: xfade-4 24s 6s infinite;
}
.slideShow .slide.xfade-4:nth-child(3) {
   animation: xfade-4 24s 12s infinite;
   -webkit-animation: xfade-4 24s 12s infinite;
}
.slideShow .slide.xfade-4:nth-child(4) {
   animation: xfade-4 24s 18s infinite;
  -webkit-animation: xfade-4 24s 18s infinite;
}

@keyframes xfade-4{
   0%{
      opacity: 1;
   }
   25%{
      opacity: 1;
   }
   30%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}
@-webkit-keyframes xfade-4{
   0%{
      opacity: 1;
   }
   25%{
      opacity: 1;
   }
   30%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

.slideShow .slide.fade:nth-child(1)
{
	opacity:1;

  -webkit-animation:fade1 30s infinite ease;
    animation:fade1 30s infinite ease;
  -o-animation:fade1 30s infinite ease;
  -moz-animation:fade1 30s infinite ease;
  -ms-animation:fade1 30s infinite ease;
}

.slideShow .slide.fade:nth-child(2)
{
	opacity:0;

  -webkit-animation:fade2 30s infinite ease;
    animation:fade2 30s infinite ease;
  -o-animation:fade2 30s infinite ease;
  -moz-animation:fade2 30s infinite ease;
  -ms-animation:fade2 30s infinite ease;
}

.slideShow .slide.fade:nth-child(3)
{
	opacity:0;

  -webkit-animation:fade3 30s infinite ease;
    animation:fade3 30s infinite ease;
  -o-animation:fade3 30s infinite ease;
  -moz-animation:fade3 30s infinite ease;
  -ms-animation:fade3 30s infinite ease;
}
.slideShow .slide.fade:nth-child(4)
{
	opacity:0;

  -webkit-animation:fade4 30s infinite ease;
    animation:fade4 30s infinite ease;
  -o-animation:fade4 30s infinite ease;
  -moz-animation:fade4 30s infinite ease;
  -ms-animation:fade4 30s infinite ease;
}
.slideShow .slide.fade:nth-child(5)
{
	opacity:0;

  -webkit-animation:fade5 30s infinite ease;
    animation:fade5 30s infinite ease;
  -o-animation:fade5 30s infinite ease;
  -moz-animation:fade5 30s infinite ease;
  -ms-animation:fade5 30s infinite ease;
}
@keyframes fade1{
	0%{
		opacity:1;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:1;
	}

}
@-webkit-keyframes fade1{
	0%{
		opacity:1;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes fade2{
	0%{
		opacity:0;
	}
	20% {
		opacity:1;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	

}

@-webkit-keyframes fade2{
	0%{
		opacity:0;
	}
	20% {
		opacity:1;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	
}
@keyframes fade3{
	0%{
		opacity:0;
	}
	20% {
		opacity:0
	}
	40% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	
}
@-webkit-keyframes fade3{
	0%{
		opacity:0;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	
}

@-webkit-keyframes fade4 {
	0%{
		opacity:0;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	
}
@-webkit-keyframes fade4 {
	0%{
		opacity:0;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}	
}
@-webkit-keyframes fade3{
	0%{
		opacity:0;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}	
}
@-webkit-keyframes fade5{
	0%{
		opacity:0;
	}
	20% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	60% {
		opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}	
}
.slideShow .slide.slideLeft2:nth-child(1)
{
	left:100%;
	opacity:0;
  -webkit-animation:slide1 9s infinite ease;
    animation:slide1 9s infinite ease;
  -o-animation:slide1 9s infinite ease;
  -moz-animation:slide1 9s infinite ease;
  -ms-animation:slide1 9s infinite ease;
}

.slideShow .slide.slideLeft2:nth-child(2)
{
	left:100%;
	opacity:0;

  -webkit-animation:slide2 9s infinite ease;
    animation:slide2 9s infinite ease;
  -o-animation:slide2 9s infinite ease;
  -moz-animation:slide2 9s infinite ease;
  -ms-animation:slide2 9s infinite ease;
}

.slideShow .slide.slideLeft2:nth-child(3)
{
	left:100%;
	opacity:0;
  -webkit-animation:slide3 9s infinite ease;
    animation:slide3 9s infinite ease;
  -o-animation:slide3 9s infinite ease;
  -moz-animation:slide3 9s infinite ease;
  -ms-animation:slide3 9s infinite ease;
}
@keyframes slide1{
	0%{
		left:0;
		opacity:1;		
	}
	25% {
		left:0;
		opacity:1;		
		
	}
	33% {
		left:-100%;
		opacity:1;
	}
	34% {
		opacity:0;
	}
	66% {
		left:100%;
		opacity:0;
	}
	100% {
		left:100%;
		opacity:0;
	}

}
@-webkit-keyframes slide1{
	0%{
		left:0;
		opacity:1;		
	}
	25% {
		left:0;
		opacity:1;		
		
	}
	33% {
		left:-100%;
		opacity:1;
	}
	34% {
		opacity:0;
	}	
	66% {
		left:100%;
		opacity:0;
	}
	100% {
		left:100%;
		opacity:0;
	}
}

@keyframes slide2{
	0%{
		left:100%;
		opacity:0;		
	}
	25% {
		left:100%;
		opacity:0;		
	}
	33% {
		left:0;
		opacity:1;		
	}
	58% {
		left:0;
		opacity:1;		
	}
	66% {
		left:-100%;
		opacity:1;		
	}
	67% {
		opacity:0;		
	}	
	94% {
		left:100%;
		opacity:0;		
	}	
	100% {
		left:100%;
		opacity:0;		
	}
}

@-webkit-keyframes slide2{
	0%{
		left:100%;
		opacity:0;		
	}
	33% {
		left:0;
		opacity:1;		
	}
	58% {
		left:0;
		opacity:1;		
	}
	66% {
		left:-100%;
		opacity:1;		
	}
	67% {
		opacity:0;		
	}	
	100% {
		left:100%;
		opacity:0;		
	}
}
@keyframes slide3{
	0%{
		left:100%;
		opacity:0;		
	}
	33% {
		left:100%;
		opacity:0;		
	}
	58% {
		left:100%;
		opacity:0;		
	}
	66% {
		left:0;
		opacity:1;		
	}
	94% {
		left:0;
		opacity:1;		
	}
	
	100% {
		left:-100%;
		opacity:1;		
	}
}
@-webkit-keyframes slide3{
	0%{
		left:100%;
		opacity:0;		
	}
	33% {
		left:100%;
		opacity:0;		
	}
	58% {
		left:100%;
		opacity:0;		
	}	
	66% {
		left:0;
		opacity:1;		
	}
	94% {
		left:0;
		opacity:1;		
	}	
	100% {
		left:-100%;
		opacity:1;		
	}
}
.slideShow .slide.slideLeft:nth-child(1){
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
.slideShow .slide.slideLeft:nth-child(2){
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
.slideShow .slide.slideLeft:nth-child(3) {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
.slideShow .slide.slideLeft:nth-child(4) {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
.slideShow .slide.slideLeft:nth-child(5) {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}
/* ANIMATION */
@-moz-keyframes cycle {
	0%  { left:0; }
	4%  { left:0; } 
	16% { left:0; opacity:1; z-index:0; } 
	20% { left:-100%;; opacity:0; z-index:0; } 
	21% { left:100%;; opacity:0; z-index:-1; }
	92% { left:100%;; opacity:0; z-index:0; }
	96% { left:100%;; opacity:0; }
	100%{ left:0; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { left:100%;; opacity:0; }
	16% { left:100%;; opacity:0; }
	20% { left:0; opacity:1; }
	24% { left:0; opacity:1; } 
	36% { left:0; opacity:1; z-index:0; } 
	40% { left:-100%;; opacity:0; z-index:0; }
	41% { left:100%;; opacity:0; z-index:-1; } 
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { left:100%;; opacity:0; }
	36% { left:100%;; opacity:0; }
	40% { left:0; opacity:1; }
	44% { left:0; opacity:1; } 
	56% { left:0; opacity:1; } 
	60% { left:-100%;; opacity:0; z-index:0; }
	61% { left:100%;; opacity:0; z-index:-1; } 
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { left:100%;; opacity:0; }
	56% { left:100%;; opacity:0; }
	60% { left:0; opacity:1; }
	64% { left:0; opacity:1; }
	76% { left:0; opacity:1; z-index:0; }
	80% { left:-100%;; opacity:0; z-index:0; }
	81% { left:100%;; opacity:0; z-index:-1; }
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { left:100%;; opacity:0; }
	76% { left:100%;; opacity:0; }
	80% { left:0; opacity:1; }
	84% { left:0; opacity:1; }
	96% { left:0; opacity:1; z-index:0; }
	100%{ left:-100%;; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { left:0; }
	4%  { left:0; }
	16% { left:0; opacity:1; z-index:0; } 
	20% { left:-100%;; opacity:0; z-index:0; }
	21% { left:100%;; opacity:0; z-index:-1; }
	50% { left:100%;; opacity:0; z-index:-1; }
	92% { left:100%;; opacity:0; z-index:0; }
	96% { left:100%;; opacity:0; }
	100%{ left:0; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { left:100%;; opacity:0; }
	16% { left:100%;; opacity:0; }
	20% { left:0; opacity:1; }
	24% { left:0; opacity:1; } 
	36% { left:0; opacity:1; z-index:0; } 
	40% { left:-100%;; opacity:0; z-index:0; }
	41% { left:100%;; opacity:0; z-index:-1; }  
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { left:100%;; opacity:0; }
	36% { left:100%;; opacity:0; }
	40% { left:0; opacity:1; }
	44% { left:0; opacity:1; } 
	56% { left:0; opacity:1; z-index:0; } 
	60% { left:-100%;; opacity:0; z-index:0; } 
	61% { left:100%;; opacity:0; z-index:-1; }
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { left:100%;; opacity:0; }
	56% { left:100%;; opacity:0; }
	60% { left:0; opacity:1; }
	64% { left:0; opacity:1; }
	76% { left:0; opacity:1; z-index:0; }
	80% { left:-100%;; opacity:0; z-index:0; }
	81% { left:100%;; opacity:0; z-index:-1; }
	100%{ left:100%;; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { left:100%;; opacity:0; }
	76% { left:100%;; opacity:0; }
	80% { left:0; opacity:1; }
	84% { left:0; opacity:1; }
	96% { left:0; opacity:1; z-index:0; }
	100%{ left:-100%;; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@media(max-width: 1024px) {
.slideShow {
	max-height:600px;
	min-height:600px;
}
.slideShow.small {
	max-height:450px;
	min-height:450px;	
}
}
@media(max-width: 996px) {
.slideShow {
	max-height:446px;
	min-height:446px;
}
.slideShow.small {
	max-height:335px;
	min-height:335px;	
}
}
@media(max-width: 768px) {
.slideShow {
	max-height:344px;
	min-height:344px;
}
.slideShow.small {
	max-height:251px;
	min-height:251px;	
}
}
@media(max-width: 623px) {
.slideShow {
	max-height:279px;
	min-height:279px;
}
.slideShow.small {
	max-height:209px;
	min-height:209px;	
}
}
@media(max-width: 479px) {
.slideShow {
	max-height:215px;
	min-height:215px;
}
.slideShow.small {
	max-height:162px;
	min-height:162px;	
}
}
@media(max-width: 379px) {
.slideShow {
margin-top:20px;
	max-height:128px;
	min-height:128px;
}
}