#singles-2016-iframe {
	position:absolute; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	top: 0px; 
	width: 100%;
	height: 100%;
}
footer {
	position:absolute;
	bottom:0;
	width:100%;
}
#global-as-footer{
	background: transparent;
}
#global-as-footer,#global-nav {
   -webkit-animation: fadeOut;
    animation: fadeOut ease-in 1;
    opacity: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@media (max-width:1025px) {
	#global-as-footer,#global-nav {
	z-index:-100;
/*	visibility:hidden;	*/
	display:none;

	/*
		opacity:1;
		background:lime;
	*/
	}
}
@media (min-width:1024px) {
	#global-as-footer:hover,
	#global-nav:hover,
	#global-as-footer:focus,
	#global-nav:focus,
	#global-as-footer:active,
	#global-nav:active  {
    	-webkit-animation: fadeIn ease-in 1;
    	animation: fadeIn;
    	opacity: 1;
    	-webkit-animation-duration: 2s;
    	animation-duration: 2s;
	}

	#global-nav:after {
		width: 100%;
/*		height: 100px;	*/
		position: absolute;
		content: "";
		top: 50px;
		left: 0px;
		background:transparent;
	}
	#global-as-footer:before {
		width: 100%;
	/*	height: 100px;	*/
		position: absolute;
		content: "";
		top: -50px;
		left: 0px;
		background:transparent;	
	/*	background:lime;	*/
	}
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}