/* 

 * FadeShow jQuery Plugin

 * Made by Erik Terwan

 * 3 February 2015

 * 

 * This plugin is provided as-is and released under the terms of the MIT license.

 */

div.fadeShow-container {

	position:relative;

	width:100%;

	height:100%;

	background:#FFF;

}

div.fadeShow-container div.image {

	position:absolute;

	width:100%;

	height:100%;

	background-position:center center;

	 background-attachment:fixed;

	background-size: cover; display:block;

	background-repeat:no-repeat;

	transition:opacity 1.5s ease-in-out;

	-moz-transition:opacity 1.5s ease-in-out;

	-webkit-transition:opacity 1.5s ease-in-out;

	opacity:0

}

div.fadeShow-container div.image.fillHeight {

	background-size:cover; display:block;

}

div.fadeShow-container div.image.active {

	z-index:3;

	opacity:1

}

div.fadeShow-container div.image.inactive {

	z-index:2;

	opacity:0

}

div.fadeShow-container div.image img {

	width:100px;

	display:none

}

.background {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}

.over-bg{     background-color: rgba(0, 0, 0, 0.52); position: fixed; width:100%; height:100%}

main[role="slider-container"]{ position:relative; z-index:5}