#mask {
	display: block;
	position: absolute;
	left: 0;
	top: 0;	
	background: #000;	
	z-index: 9000;
}
  
#boxes .window {
	display: block;
	position: absolute;
	left: 0;
	top: 0;	
	font-family: 'CenturyGothic';
	color: #4B5563; 
	font-size: 15px;
	background: #F1F1F1;
	z-index: 9999;
}
.close {display: block; text-align: right;} 

.title_modal { 
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 25px;	
	line-height: 25px;
	text-align: center;
	font-weight: normal;
	color: #00394D;
	font-family: 'DINPro-Bold';
	text-transform: uppercase;
}

#boxes #boleto {/* boleto*/
	display: none;
	position: fixed;
	float: left;
	width: 80%;
	height: auto;
	padding: 25px 5% 250px 5%;
	left: 3%;
	top: 7%;	
	background: #F1F1F1 url("../imagens/fundo/boleto.jpg") no-repeat bottom center;
	background-size: 200px;
}

#boxes #boleto .box_boleto {/* boleto*/
	float: right;
	clear: both;
	width: 90%;
	margin-right: 5%;
	margin-top: 10px;
	padding: 15px 0;
	text-align: center;
	font-family: 'DINPro-Regular';	
	color: #4B5563;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 25px;
	border: solid 1px #00394D;
	border-radius: 10px;
	transition: background .5s ease;	
}
#boxes #boleto .box_boleto a {color: #FFF;}
#boxes #boleto .box_boleto:hover {background: #00394D; color: #FFF;}
#boxes #boleto .box_boleto span {font-family: 'DINPro-Bold';}

#boxes #whatsapp { /* whatsapp */
	display: none;
	position: fixed;
	float: left;
	width: 80%;
	height: auto;
	padding: 25px 5% 260px 5%;
	left: 5%;
	top: 7%;	
	background: #F1F1F1 url("../imagens/fundo/whats.jpg") no-repeat bottom center;
	background-size: 200px;
}

#boxes #whatsapp .box_whatsapp {
	float: right;
	clear: both;
	width: 90%;
	margin-right: 5%;
	margin-top: 10px;
	padding: 15px 0;
	text-align: center;
	font-family: 'DINPro-Regular';	
	color: #4B5563;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 25px;
	border: solid 1px #00394D;
	border-radius: 10px;
	transition: background .5s ease;	
}
#boxes #whatsapp .box_whatsapp a {color: #FFF;}
#boxes #whatsapp .box_whatsapp:hover {background: #00394D; color: #FFF;}
#boxes #whatsapp .box_whatsapp span {font-family: 'DINPro-Bold';}
#boxes #whatsapp .box_whatsapp img {margin-right: 7px;}

#boxes #agenda {/* agenda*/
	display: none;
	position: fixed;
	float: left;
	width: 85%;
	height: auto;
	padding: 5%;
	left: 2.5%;
	top: 5%;	
}

#boxes #proposta {/* proposta*/
	display: none;
	position: fixed;
	float: left;
	width: 85%;
	height: auto;
	padding: 5%;
	left: 2.5%;
	top: 5%;	
}

@media only screen and (min-width: 411px) {
#boxes #agenda {/* agenda*/
	width: 80%;
	left: 5%;	
}
	
#boxes #proposta {/* proposta*/
	width: 80%;
	left: 5%;		
}
}

@media only screen and (min-width: 585px) {
#boxes #boleto { /* whatsapp */
	padding: 25px 5% 50px 5%;
	top: 10%;	
	background-position: left bottom;
	background-size: 200px;
}
	
#boxes #boleto .box_boleto {/* boleto*/
	clear: right;
	width: 60%;
	margin-right: 3%;
}
	
#boxes #whatsapp { /* whatsapp */
	padding: 25px 5% 50px 5%;
	top: 10%;	
	background-position: left bottom;
	background-size: 200px;
}
	
#boxes #whatsapp .box_whatsapp {/* whatsapp */
	clear: right;
	width: 60%;
	margin-right: 3%;
}
	
#boxes #agenda {/* agenda*/
	width: 75%;
	padding: 2.5%;
	left: 10%;	
}
	
#boxes #proposta {/* proposta*/
	width: 75%;
	padding: 2.5%;
	left: 10%;			
}
}

@media only screen and (min-width: 768px) {
#boxes #boleto {/* boleto*/
	width: 65%;
	left: 12.5%;	
	top: 8%;
}
	
#boxes #whatsapp {/* whatsapp */
	width: 65%;
	left: 12.5%;	
	top: 8%;
}
		
#boxes #agenda {/* agenda*/
	width: 65%;
	left: 12.5%;
	top: 8%;
}
	
#boxes #proposta {/* proposta*/
	width: 65%;
	left: 12.5%;
	top: 8%;			
}
}

@media only screen and (min-width: 960px) {
#boxes #boleto {/* boleto*/
	width: 50%;
	left: 20%;
	top: 20%;
}
	
#boxes #whatsapp {/* whatsapp */
	width: 50%;
	left: 20%;
	top: 20%;
}
	
#boxes #agenda {/* agenda*/
	width: 50%;
	left: 20%;
	top: 20%;
}
	
#boxes #proposta {/* proposta*/
	width: 50%;
	left: 20%;
	top: 20%;			
}
}

@media only screen and (min-width: 1280px) {	
#boxes #boleto {/* boleto*/
	width: 45%;
	left: 25%;
	padding: 25px 2.5% 50px;
}
	
#boxes #whatsapp {/* whatsapp */
	width: 45%;
	left: 25%;
	padding: 25px 2.5% 50px;
}
	
#boxes #agenda {/* agenda*/
	width: 45%;
	left: 25%;
	padding: 25px 2.5% 50px;
}
	
#boxes #proposta {/* proposta*/
	width: 45%;
	left: 25%;
	padding: 25px 2.5% 50px;		
}
}

@media only screen and (min-width: 1500px) {	
#boxes #boleto { /* whatsapp */
	background-size: 240px;
}

#boxes #whatsapp { /* whatsapp */
	background-size: 240px;
}
}

@media only screen and (min-width: 1800px) {	
#boxes #boleto {/* boleto*/
	width: 35%;
	left: 30%;
}
	
#boxes #whatsapp {/* whatsapp */
	width: 35%;
	left: 30%;
}
	
#boxes #agenda {/* agenda*/
	width: 35%;
	left: 30%;
}
	
#boxes #proposta {/* proposta*/
	width: 35%;
	left: 30%;	
}
}