/*	--------------------------------------------------
	Reveal Modals - ST
	-------------------------------------------------- */
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100000;
		display: none;
		top: 0;
		left: 0; 
		}

.reveal-modal {
	visibility: hidden;
	top: 50%;
	left: 50%;
	background: #eee;
	position: absolute;
	z-index: 200000;
	
	}

/*------------------MODAL BANNERS------------------------------------------------*/
	.reveal-modal.banners 		{ width: 600px;  margin-left: -300px; margin-top: -200px;  padding: 2px 0px 26px;
	text-align: center;}
	.reveal-modal.banners-high 		{ width: 600px;  margin-left: -300px; margin-top: -360px;  padding: 2px 0px 26px;
	text-align: center;}
/*-----------------------------------------------------------------*/	
	
	.reveal-modal.logo 			{ width: 600px; margin-left: -300px; margin-top: -260px; padding: 2px 0px 26px; text-align: center;}
	.reveal-modal.pages 		{width: 960px; margin-left: -480px; margin-top: -330px; height: 632px;}
	
	
	.reveal-modal.middle		{ width: 400px; margin-left: -240px;}
	.reveal-modal.references 	{ width: 600px; margin-left: -340px;}
	
	
/*------------------MODAL COMPANY-PROJECTS------------------------------------------------*/
	
	
	
	.reveal-modal.adastra		{ width: 100%; height: 400px; margin-top: -200px; margin-left: -50%; text-align: center;padding: 10px 0px 26px; background: #009999;}
	.reveal-modal.technocim		{ width: 100%; height: 200px; margin-top: -100px; margin-left: -50%; text-align: center;}
	.reveal-modal.technopanel 	{ width: 100%; height: 300px; margin-top: -150px; margin-left: -50%; text-align: center;}
	
	
	.reveal-modal .close-reveal-modal {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 10px;
	top: 0px;
	border: none;
	background: url(../images/close-form.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	cursor: pointer;
		} 
	



.references-box{
	background: url(../images/references-img.jpg) no-repeat center center;
	width: 400px;
	height: 580px;
}
.logos-box{
	background: #ccc;
	width: 600px;
	height: 400px;
	display: block;
}
.pages-box{
	background: #ccc;
	width: 960px;
	height: 600px;
	display: block;
}
.banners-box{
	background: #ccc;
	width: 600px;
	height: auto;
	display: block;
}


.reveal-box-title{
	font: 38pt "BebasNeue Bold";
	text-shadow: none;
	margin-left: 0px;
	padding-left: 0px;
	text-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	color: #FFF;
	margin-bottom: 5px;
}
.reveal-box-small{
	font: 24pt "BebasNeue Bold";
	text-shadow: none;
	margin-left: 0px;
	padding-left: 0px;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	color: #FFF;
	margin-bottom: 20px;
}
/*	--------------------------------------------------
	Reveal Modals - END
	-------------------------------------------------- */