.modals {
	height: 100%;
}

.ui-modal {
	width: 100%;
	position: relative;
}

#modal-contact-thanks {
	background: url(../img/modal_gracias_bg.png) center center no-repeat;
	width: 100%;
	height: 616px;
	max-width: 608px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
}

#modal-contact-thanks .inner {
	margin: 0 auto;
	max-width: 410px;
	padding: 50% 20px 20px 20px;
}

#modal-contact-thanks .inner .text {
	margin-top: 50px;
}

#modal-contact-thanks .inner .footer {
	margin-top: 50px;
}

.ui-modal .steps {
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 550px;
}

.ui-modal .inner p {
	margin: 10px auto;
	font-size: 20px;
	max-width: 600px;
	/*font-family: EndzoneSans-Medium;*/
}

/*Mediaqueries*/

/*celu portrait*/
@media (max-width: 767px) {
	#modal-contact-thanks .inner {
		padding: 50% 20px 20px 20px;
	}

	#modal-contact-thanks .inner .footer {
		position: absolute;
		bottom: 20%;
	}
}

@media (max-width: 767px) and (orientation: portrait) {
	#modal-contact-thanks .inner .footer {
		max-width: 270px;
	}
}

/*celu landscape*/

@media (max-width: 767px) and (orientation: landscape) {
	#modal-contact-thanks .inner {
		padding: 35% 20px 20px 20px;
	}
}

/*ipad - desktop*/
@media (min-width: 768px) {
	#modal-contact-thanks .inner {
		padding: 28% 20px 20px 20px;
	}

	#modal-contact-thanks .inner .text p{
		font-size: 15px;
		margin-bottom: 30px;
		font-weight: bold;
	}
}