/*
 Documento CSS do Contato
 Criador: Weslei Silveira - www.wesleisilveira.com.br
 Data: 23/03/2016

 Resolutions:
 col-xs-* ---> mobile
 col-sm-* ---> tablet
 col-md-* ---> laptops
 col-lg-* ---> large monitors
 */

/* ------------------------------------------------------------------------------- */
/*  Typography
/* ------------------------------------------------------------------------------- */

body {
	font-family: 'pingpong-regular';
}

h1 {
	font-family: 'pingpong-light';
	font-size: 32px;
	line-height: 100%;
	color: #4983BB;
}

h2 {
    font-family: 'pingpong-light';
    font-size: 22px;
    line-height: 100%;
    color: #385A7B;
    margin-top: 30px;
}

p {
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 100%;
	color: #9CA5AC;
}

strong {
	font-family: 'pingpong-medium';
	font-weight: normal;
}

/* ------------------------------------------------------------------------------- */
/*  Contact
/* ------------------------------------------------------------------------------- */

.contact p {
	font-size: 14px;
	line-height: 22px;
	color: #9CA5AC;
	padding: 5% 15%;
}

.contact p a {
	float: inherit;
}

.contact a {
	font-size: 14px;
	color: #9CA5AC;
	text-decoration: underline;
	float: right;
}

.contact form {
	margin: 60px 0 150px;
}

.contact form fieldset {
	background: #FFF;
	border: 1px solid #C9D3DD;
	padding: 60px 0;
	-webkit-border-radius: 4px;
			border-radius: 4px;
}

.contact form button {
	margin-top: 30px;
}

.contact form textarea {
	min-height: 120px;
	resize: vertical;
}

.contact .no-client,
.contact .is-client {
	display: none;
}

/* ------------------------------------------------------------------------------- */
/*  Modal
/* ------------------------------------------------------------------------------- */

#modal-success.modal-contact,
#modal-loading.modal-contact {
	background: rgba(60, 79, 97, 0.8);
}

#modal-error.modal-contact {
	background: rgba(69, 31, 31, 0.8);
}

.modal-contact h3 {
	font-family: 'pingpong-regular';
	font-size: 22px;
	line-height: 36px;
    margin-top: 60px;
}

.modal-contact p {
	font-size: 16px;
	line-height: 24px;
    margin: 30px 0 60px;
}

.modal-contact .loading {
	height: 93px;
}

.modal-contact .btn-green {
	width: 255px;
	display: inline-block;
}

.modal-contact .modal-content {
	color: #FFF;
	background-color: transparent;
	border: 0 none;
    box-shadow: none;
}

.modal-contact .modal-dialog {
	margin: 10% auto;
}