@charset "UTF-8";
body {
background: url(assets/graphics/bg2.png) fixed;
background-size: 100px 100px;
	overflow-x:hidden;
}

#container {
width: 100%;
margin-top: -10px;
}

#main {
	background-color: #FAFAFA;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width: 600px;
	height: auto;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 100px;
	padding-right: 100px;
	font-size: 1em;
	font-family: adamina;
	font-style: normal;
	line-height: 1.5em;
	color: #030303;
	overflow-x:hidden;
}



#logo {
    margin: auto;
	top:10px;
	left:-275px;
	display:block;
	position:relative;
	z-index:3;
	margin-bottom: -160px;
}

#bttn {
margin-top: 10px; 
height: 40px;
transition: .5s;
}

#nav:hover #bttn {
opacity: 1;
height: 40px;
}
#nav {
position:fixed;
top: 0px;
left: 0px;
width: 70px;
height: 65px;
opacity: 0.95;
transition: .5s;
padding: 0px;
text-align: center;
overflow: hidden;
background-color: #1E1B19;
border-bottom-right-radius:25px;
	z-index:4;
}
#nav ul {
	display: inline;
	list-style-type: none;
	text-align: left;
	line-height: 40px;
}
#nav li {
	padding-left:30px;
}

#nav:hover {
top: 0px;
width:200px;
height: 275px;
opacity: 0.95;
background-color: #1E1B19;
}

#nav a:link, #nav a:visited {
	color: #F0F0F0;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;	
	text-decoration: none;
	border-left: solid 5px #4F4941;
	padding-left:5px; 
	transition:.5s;
}

#nav a:active, #nav a:hover {
	color: #F0F0F0;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;	
	text-decoration: none;
	border-left: solid 50px #ADA399;
}

#nt {
	margin-top:-120px;
}

#banner {
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-10px;
	width:auto;
	height:500px;
	position:relative;
	
}

#slide {
	height: 500px;
	width: 100%;
	margin-bottom: 0;
	overflow: visible;
	position: relative;
	z-index: 2;
	background-color: #292725;
    display: flex;
    justify-content: center;
} 


#slide img {
	height:500px;
	width:800px;
	
}

#hide {
   overflow: hidden;
	height: 500px;
	width: 800px;
}

#slide ul {
	margin: 0;
	padding: 0;
	position: relative;
}

#slide li {
   width: 800px;
   height: 500px;
   position: absolute;
   right: -800px;
   list-style: none;
}

#slide li.firstanimation {
   animation: cycle 30s ease-in-out infinite;
}

#slide li.secondanimation {
   animation: cycletwo 30s ease-in-out infinite;

}

#slide li.thirdanimation {
   animation: cyclethree 30s ease-in-out infinite;

}

#slide li.fourthanimation {
   animation: cyclefour 30s ease-in-out infinite;

}

#slide li.fifthanimation {
   animation: cyclefive 30s ease-in-out infinite;

}

@keyframes cycle {
   0% { right: 0px; opacity: 1; }
   15% { right: 0px; opacity: 1; }
   20%  { right: 800px; opacity: 0;}
   21% { right:-800px; opacity: 0; }
   95% { right: -800px; opacity: 0; }
   100% { right: 0px; opacity: 1; }
}

@keyframes cycletwo {
   15% { right: -800px; opacity: 0;}
   20% { right: 0px; opacity: 1;}
   35% { right: 0px; opacity: 1;}
   40% { right: 800px; opacity: 0;}
   41% { right: -800px; opacity: 0;}
}

@keyframes cyclethree {
   35% { right: -800px; opacity: 0;  }
   40% { right: 0px; opacity: 1;  }
   55%  { right: 0px; opacity: 1; }
   60% { right: 800px; opacity: 0;  }
   61% { right: -800px; opacity: 0;  }
   
}

@keyframes cyclefour {
   55% { right: -800px; opacity: 0;  }
   60% { right: 0px; opacity: 1;  }
   75%  { right: 0px; opacity: 1; }
   80% { right: 800px; opacity: 0;  }
   81% { right: -800px; opacity: 0;  }
}

@keyframes cyclefive {
   75% { right: -800px; opacity: 0;  }
   80% { right: 0px; opacity: 1;  }
   95% { right:0px; opacity: 1;  }
   100%{ right: 800px; opacity: 0;  }
}

h1 {
	color: #433C36;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3em;
	border-bottom:5px solid  #9A8D7F;
	text-indent: 20px;
	line-height: .8em;
	font-weight: lighter;
	margin-left: -100px;
	width:200%;
	padding-left:40px;
}

.rp {
	float:left;
	border-radius:250px;
	height:250px;
	width:250px; 
	margin-right:15px;
}

.rp2 {
	float:right;
	border-radius:250px;
	height:250px;
	width:250px; 
	margin-right:15px;
}

#form {
	width: 400px;
	background-color: #F6F4F2;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}