/**---------------- FORM ----------------**/


#responsive-form{
	max-width:900px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7 textarea {
	width: 100%;
        height: 100px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 checkbox {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}

.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: right;
        width: 100%;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #f8d6d6;
	border-color: #f8d6d6;
	color: #000;
	margin: 0;
}

/* CAIXAS */
// estilo geral
.box {
max-width: 96%;
height: auto;
font-size: 1.1em;
font-family: Georgia, Times, serif;
margin-bottom: 30px;
position: relative;
color: #555;
padding: 40px 25px;
}
// estilo das sombras
.box:before, .box:after {
z-index: -1;
position: absolute;
content: "";
bottom: 18px;
left: 10px;
width: 25%;
top: 70%;
max-width: 300px;
-webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
max-height: 160px;
}
.box:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.box p {
margin:0 0 0.1em 0
}
// estilos para caixa flutuante
.esq, .dir {
max-width: 45%;
margin-bottom: 10px;
}
.esq {float:left; margin-right: 30px;}
.dir {float:right; margin-left: 30px;}
// estilos para caixas coloridas
.caixa-cinza {
background-color: rgb(224,224,224);
color: #666;
text-shadow: 0 1px 0 rgb(247, 247, 247);
}
.caixa-vermelha {
background-color: rgb(255, 179, 173);
color: rgb(0, 0, 0);
text-shadow: 0 1px 0 rgb(255, 207, 207);
}
.caixa-verde {
background-color: rgb(205, 255, 181);
color: rgb(24, 87, 26);
text-shadow: 0 1px 0 rgb(223, 255, 224);
}
.caixa-amarela {
background-color: rgb(243, 230, 137);
color: rgb(155, 110, 15);
text-shadow: 0 1px 0 rgb(255, 255, 210);
}
.caixa-branca {
background-color: rgb(255, 255, 255);
color: rgb(151, 151, 151);
}