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

/* - - - PHOTOGRAPHY - - - */
html, body{
	overflow-x: hidden;
}
.header{
	background: black;
	position: relative;
	width: 100%;
	height: 75%;
	min-height: 500px;
}
.header .slideshow{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	visibility: hidden;
	opacity: 0;
}
.header .slideshow.active{
	visibility: visible;
	opacity: 1;
}
.header .bg-wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	-webkit-transition: visibility 1.5s;
	-moz-transition: visibility 1.5s;
	-ms-transition: visibility 1.5s;
	-o-transition: visibility 1.5s;
	transition: visibility 1.5s;
}
.header .bg-wrapper.active{
	visibility: visible;
}
.header .bg-wrapper .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-ms-transition: opacity 1.5s;
	-o-transition: opacity 1.5s;
	transition: opacity 1.5s;
	opacity: 0;
}
.header .bg-wrapper.active .bg{
	opacity: 1;
}
.header .bg-wrapper .bg-dark{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-ms-transition: opacity 1.5s;
	-o-transition: opacity 1.5s;
	transition: opacity 1.5s;
	opacity: 0;
}
.header .bg-wrapper.active .bg-dark{
	opacity: 1;
}
.header .bg-wrapper .description{
	position: absolute;
	width: 100%;
	bottom: 100px;
	-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 h2{
	width: 500px;
	float: right;
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 10px;
	text-align: right;
	opacity: 0.8;
}
.header ul.dot-nav{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -402px;
	width: 800px;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.header ul.dot-nav li{
	width: 8px;
	height: 8px;
	margin: 0px 4px;
	border-radius: 50px;
	background: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0);
	display: inline-block;
	-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
}
.header ul.dot-nav li.active{
	margin: 0px 4px;
	border: 1px solid rgba(255,255,255,1);
	background: rgba(255,255,255,0);
}
.events-wrapper{
	position: relative;
	width: 101%;
	height: 150px;
	margin-top: 2px;
	overflow: hidden;
}
.events-0 .header, .events-0 .events-wrapper, .events-1 .events-wrapper{
	display: none;
}
.events-wrapper .event{
	position: relative;
	float: left;
	width: 25%;
	height: 100%;
}
.events-2 .events-wrapper .event{
	width: 50%;
}
.events-3 .events-wrapper .event{
	width: 33.333333%;
}
.events-wrapper .event .bg{
	position: absolute;
	width: 100%;
	height: 100%;
}
.events-wrapper .event.active .bg{
	box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,1);
}
.events-wrapper .event .bg-dark{
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.2;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.events-wrapper .event:hover .bg-dark{
	opacity: 0.6;
}
.events-wrapper .event.active .bg-dark{
	opacity: 0.9;
}
.events-wrapper .event .bg-border{
	position: absolute;
	width: 2px;
	height: 100%;
	right: 0px;
	background: white;
}
.events-wrapper .event h2{
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 65px;
}
p{
	padding: 30px 0px;
}
.footer{
	height: 35px;
}