@charset "UTF-8";
/* CSS Document */



.slider2{
		position: relative;
		overflow: hidden;
       	font-family: 'TheSans-B2ExtraLight', serif;
    width: 100%;
      height: 520px;
		z-index: 0;	
		top:0px;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 

	}


@media (max-width: 1200px) {
	
		.slider2{
top:0;
		margin-top: 0px;
			    height:360px;
   
         -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
    
        
		}



@keyframes layer2Anim {
    0%{opacity:0;}
    17%{opacity:0;}
    33%{opacity:1;}
    50%{opacity:1;}
    67%{opacity:0;}
    100%{opacity:0;}
}
@keyframes layer3Anim {
    0%{opacity:0;}
    50%{opacity:0;}
    67%{opacity:1;}
    83%{opacity:1;}
    100%{opacity:0;}
}
.slideShow {
    position: relative;
}
.placeHolder {
    width: 100%;
    visibility: hidden;
}
.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.layer1 {
    background-image: url(../../content/backgrounds/Experfina_17.jpg);
	         -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 520px;
	background-position: 50% 38%;
}
.layer2 {
    background-image: url(../../content/backgrounds/Experfina_16.jpg);
    animation: layer2Anim 10s infinite;
	         -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 520px;
	background-position: 50% 35%;
}
.layer3 {
height: 520px;
	background-position: 50% 25%;
     		background-image: url(../../content/backgrounds/Experfina_100.jpg) ;
         -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    animation: layer3Anim 10s infinite;
}



@media (max-width: 1200px) {
	
	.layer1 {
  			    height:360px;
		margin-bottom: 0px;
					background-position: 50% 50%;
	}
	
		.layer2 {
  			    height:360px;
		margin-bottom: 0px;
			background-position: 0% 0%;
	}
		.layer3 {
  			    height:360px;
		margin-bottom: 0px;
	}
    
    }

.slideOverlay {
    background-image: url(slideshow/overlay.png);
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slideOverlay p {
    position: relative;
    font-size: 6vw;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
    text-align: center;
    top: 30%;
}