/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow:auto;
	background: #fff;
	z-index: 999999;
}

/* Overlay closing cross */
.overlay .overlay-close {
    position: absolute;
    right: 20px;
    top: 10px;
    overflow: hidden;
    border: none;
    font-size: 30px;
    color: rgb(21, 21, 21);
    outline: none;
    z-index: 9999999999;
}


/* Effects */
.container {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.container.overlay-open {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.overlay-contentscale {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentscale.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}