/* CSS Document */

	
@keyframes magic {
       0% {opacity: 1;}
	   14% {opacity: 1;}
	   25% {opacity: 0;}
	  89% {opacity: 0;}
	  100% {opacity: 1;}
	}
	
css-slideshow{
	position: relative;
	max-width: 1600px;
	height: 336px;
	margin: 0px
	z-index: -1;
	}
	
figure{
margin: 0;
position: absolute;
top: 0;
}

figure:nth-child(1) {
opacity: 1;
}

figure:nth-child(2) {
animation-name: magic;
    animation-duration: 28s;
	animation-delay: 25s;
	animation-iteration-count: 3;
}
figure:nth-child(3) {
animation-name: magic;
    animation-duration: 28s;
	animation-delay: 18s;
	animation-iteration-count: 3;
}
figure:nth-child(4) {
animation-name: magic;
    animation-duration: 28s;
	animation-delay: 11s;
	animation-iteration-count: 3;
}
figure:nth-child(5) {
animation-name: magic;
    animation-duration: 28s;
	animation-delay: 4s;
	animation-iteration-count: 3;
}


box4 {
top: 0;
position: absolute;
max-width: 1600px;
min-width: 960px;
height: 336px;
float: right;
}

navblock {
padding:0;
position: absolute;
max-width: 1600px;
min-width: 500px;
z-index: 2;
float: left;
margin-top: 285px;
margin-left: 20%;

}

#bigbox {
padding: 0;
margin: 0 auto;
position: relative;
max-width: 1600px;
min-width: 960px;
}


.after-box {
 max-width: 1600px;
min-width: 960px;
position: absolute;
margin-top: 750px;
float: left;
	margin-left: 35%;

}

.center-bin {
position: absolute;
margin-top: 310px;
max-width: 1600px;
min-width: 960px;
}

bodybox {
padding: 15px;
top: 70px;
background-color: #c19c6b;
border-radius: 8px;
position: absolute;
min-width: 200px;
max-width: 400px;
min-height: 10px;
max-height: 250px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-color: #271711;  
}

bodybox3 {
padding: 20px;
position: absolute;
min-width: 200px;
max-width: 400px;
min-height: 50px;
z-index: 2;
}

.icon {
list-style: none;
float: right;
margin-right: 15%;
padding: 10px;
}

li {
padding: inherit;
}