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

body {
	margin:0;
	background-color:#000;
}

/* format */

#content-1 {
	position:fixed;
	width:100%;
	height:100%;
  	background: url("bg.jpg") no-repeat left top fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
#content-2 {
	float:right;
	width:460px; /* 420px */
	height:auto; /* 605px */
	background-color:#000;
	opacity:.7;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin-right:0;
}
#footer {
	position:fixed;
	height:30px;
	width:100%;
	bottom:0;
	padding-top:10px;
	background-color:#000;	
	z-index:1;
}
#footer-show {
	visibility:hidden;	
}
#arrow-right {
	float:left;
	width: 0px; 
	height: 0px; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #70C5FF;
	margin-left:16px;
	z-index:1;
}
#content-1-2 {
	display:none;
}

/* text classes */

.body1 {
	font-family: 'Nunito', sans-serif;
	font-size: 0.813em;
	font-weight:300;
	line-height:20px;
	color:#FFF;	
	padding:14% 34px 34px 34px;
}
.footer-text {
	font-family: 'Nunito', sans-serif;
	font-size: 0.688em;
	font-weight:300;
	line-height:20px;
	color:#666;
	text-align: right;
	padding-right:20px;
}

/* link classes */

a.body1-lk:link {color:#70C5FF; text-decoration: none;}    
a.body1-lk:visited {color:#70C5FF; text-decoration: none;} 
a.body1-lk:hover {color:#70C5FF; text-decoration: none;} 
a.body1-lk:active {color:#70C5FF; text-decoration: none;} 

a.footer-text-lk:link {color:#CCC; text-decoration: none;}    
a.footer-text-lk:visited {color:#CCC; text-decoration: none;} 
a.footer-text-lk:hover {color:#CCC; text-decoration: none;} 
a.footer-text-lk:active {color:#CCC; text-decoration: none;} 

.fade {
   opacity: .7;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   padding-right:5px;
}
.fade:hover {
   opacity: 1.0;
}