/* THIS FILE IS COPYRIGHT ©2014 OSCAR STRANGIO AND IS INTENDED ONLY FOR USE ON THE NICOLE PRECEL SITE */

/* - - - HOME - - - */
body{
	background: black;
}
.header{
	position: absolute;
	width: 100%;
	height: 100%;
}
.header .bg-wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	-webkit-transition: visibility 1s;
	-moz-transition: visibility 1s;
	-ms-transition: visibility 1s;
	-o-transition: visibility 1s;
	transition: visibility 1s;
}
.header .bg-wrapper.active{
	visibility: visible;
}
.header .bg-wrapper .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}
.header .bg-wrapper.active .bg{
	opacity: 1;
}
.header .bg-wrapper .bg-dark{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#80000000',GradientType=0 );
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}
.header .bg-wrapper.active .bg-dark{
	opacity: 1;
}
.header .bg-wrapper .description{
	position: absolute;
	width: 100%;
	bottom: 120px;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
}
.header .bg-wrapper.active .description{
	opacity: 1;
}
.header .bg-wrapper .description h1{
	width: 500px;
	float: right;
	padding-bottom: 10px;
	text-align: right;
}
.header .bg-wrapper .description h2{
	width: 600px;
	float: right;
	text-align: right;
	opacity: 0.8;
}
.nav .logo{
	background-image: url('../system/np-logo-white.png');
	background-size: cover;
	width: 150px;
	height: 150px;
}
.nav ul{
	top: 68px;
}
.nav ul li{
	color: white;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.nav ul li a{
	color: white;
}
.nav ul li:hover{
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.nav ul li.active{
	border-bottom: 1px solid white;
}
.footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.footer .horizontal-wrapper{
	border-top: 1px solid rgba(255,255,255,0.5);
}
.footer .horizontal-wrapper ul li{
	color: white;
}
.footer .horizontal-wrapper .copyright{
	color: white;
}