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

/* Overlay closing cross */
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 40px;
	top: 40px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	background-size:cover;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}
.overlay .overlay-close:hover{
	background: url(../img/cross_.png) no-repeat center center;
	background-size:cover;
}

.desc_prod .overlay-close {
	width: 21px;
	height: 21px;
	left: 50%;
	right: auto;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../img/cross_.png) no-repeat center center;
}
.desc_prod .overlay-close:hover{
	background: url(../img/cross.png) no-repeat center center;
}
.cont_sobre .overlay-close {
	width: 21px;
	height: 21px;
}
.cont_sobre .overlay-close:hover{
	background: url(../img/cross1.png) no-repeat center center;
}

/* Menu style */
.overlay nav {
	position: relative;
	width:100%;
	height: 100vh;

	max-height: 100vh;
}




/* Effects */
.mainDiv, .footer {
	/*-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;*/
}

.mainDiv.overlay-open,
.mainDiv.overlay-open ~ .footer {
	/*-webkit-transform: scale(0.8);
	transform: scale(0.8);*/
}

.overlay-contentscale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-contentscale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	
	z-index: 22222;
}



@media only screen and (max-width: 600px) {
	/*.overlay .overlay-close {
		right: 20px;
		top: 20px;
		width: 20px;
		height: 20px;
	}*/
	

}