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

html, body { 
height:100%;
width:100%;




background-color:#000;
	

	}
	
	#hold{
		
		position:absolute;
		top:700px;
		left:50%;
		margin-left:-160px;
		width:400px;
		height:20px;
		font-family:"Gill Sans", Tahoma, Arial;
		font-size:14px;
		color: #FFF;
		display:none;
		-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
	

#cf {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}





#cf2 {
 background-color:#000;
 height:922px;
 width:1180px;

	
	overflow:none;
	

	position:absolute; 
	top:-20px; 
	left:50%;
	margin-left:-590px;
	
	
		
		
		
	
	
	

}
#cf2 img {
	
	 height:738px;
 width:944px;
  position:absolute;
left:50%;
	margin-left:-472px;
  top:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf2 img.transparent {
opacity:0;
}
#cf_onclick {
	cursor:pointer;
	position:absolute;
	height:250px;
	width:250px;
	left:50%;
	top:263px;
	margin-left:-125px;
	color:#FFF;
}




*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


	
	

a {
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	-ms-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
	text-decoration: none;
	color: #D9D1BF;
}

	
	
 a:link {
	color:#D9D1BF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color:#D9D1BF;
}