/* ==========================================================================
# Merge Image style - begin
========================================================================== */
#edgtf-image-merge {
	height: 4500px;
	position: relative;
	overflow: hidden;
	visibility: hidden;

	.edgtf-image-merge-cover {
		position: absolute;
		top:0;
		left:0;
		height: 100%;
		width: 100%;
		background-color: #1c1c1c;
		opacity: 0;
		z-index: 1000;
	}

	.edgtf-im-vert-img, 
	.edgtf-im-hor-img {
		position: fixed;
		width: 100%;
		height: auto;
		left: 50%;
		top: 50%;
		@include edgtfTransform(translate(-50%,-50%));

		img {
			width: 100%;
			max-width: 100%;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			opacity: 0;
		}
	}

	.touch & {
		visibility: visible;

		.edgtf-im-vert-img, 
		.edgtf-im-hor-img { 
			height: auto;
			position: absolute;

			img {
				opacity: 1;
			}
		}
	}

	body:not(.edgtf-safari) & {
		.edgtf-image-merge-cover {
			@include edgtfTransition(opacity .8s cubic-bezier(0,0,0,1));
		}

		.edgtf-im-vert-img, 
		.edgtf-im-hor-img {
			@include edgtfTransition(all .8s cubic-bezier(0,0,0,1));

			img{
				@include edgtfTransition(opacity .4s);
			}
		}
	}

	body.edgtf-safari & {
		.edgtf-image-merge-cover {
			@include edgtfTransition(opacity .5s);
		}
	}
}
/* ==========================================================================
# Merge Image style - end
========================================================================== */