/* CSS Document */

#paginaContato {
	float: left;
	width: 100%;
	padding: 90px 0;
    background: #F8F8F8;
}

/* Bloco Inicial */

.blocoInicial {
    float: left;
    width: 100%;
}

/* Formulário */

.boxFormulario {
    float: left;
    width: 100%;
}

.boxFormulario .boxBg {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.28);
    background: #F8F8F8;
    display: flex;
}

.boxFormulario .boxBg .dados {
    padding: 50px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.boxFormulario .boxBg .dados h1 {
    float: left;
    width: 100%;
    color: #706F6F;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 34px;
    font-size: 24px;
    margin: 0 0 50px 0;
    padding-bottom: 15px;
    letter-spacing: 1px;
}

.boxFormulario .boxBg .dados h1::after {
    content: "";
    width: 50px;
    height: 4px;
    background-color: #EF4B22;
    position: absolute;
    left: 0;
    bottom: 0;
}

.boxFormulario .boxBg .dados .boxContatos {
    float: left;
    width: 100%;
    position: relative;
}

.boxFormulario .boxBg .dados .boxItem {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.boxFormulario .boxBg .dados .boxItem + .boxItem {
    margin-top: 10px;
}

.boxFormulario .boxBg .dados .boxItem a {
    margin: 0 0 0 10px;
    color: #706F6F;
    font-size: 13px;
    line-height: 22px;
}

.boxFormulario .boxBg .formulario {
    padding: 50px;
}

.boxFormulario .boxBg .formulario .texto {
    float: left;
    width: 100%;
    color: #706F6F;
    margin: 0 0 20px 0;
}

.boxFormulario .boxBg .formulario .boxForm {
    float: left;
    width: 100%;
}

.boxFormulario .boxBg .formulario .boxForm + .boxForm {
    margin-top: 20px;
}

.boxFormulario .boxBg .formulario .boxForm p {
    margin: 0;
    float: left;
    width: 100%;
}

.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.boxFormulario .boxBg .formulario .boxForm input[type=text],
.boxFormulario .boxBg .formulario .boxForm input[type=email],
.boxFormulario .boxBg .formulario .boxForm select,
.boxFormulario .boxBg .formulario .boxForm textarea {
    float: left;
    width: 100%;
    height: 45px;
    width: 100%;
    background-color: #fff;
    border: solid 1px #fff;
    padding: 0 15px;
}

.boxFormulario .boxBg .formulario .boxForm input.wpcf7-not-valid {
    border-color: red;
}

.boxFormulario .boxBg .formulario .boxForm textarea {
    height: 150px;
    padding: 15px;
}

.boxFormulario .boxBg .formulario .boxForm .boxCidade {
    float: left;
    width: 100%;
}

.boxFormulario .boxBg .formulario .boxForm .boxCidade p {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap[data-name=newsletter] .wpcf7-checkbox,
.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap[data-name=newsletter] .wpcf7-checkbox .wpcf7-list-item {
    float: left;
    margin: 0;
    width: 100%;
}

.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap[data-name=newsletter] .wpcf7-checkbox .wpcf7-list-item label {
    float: left;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: normal;
}

.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap[data-name=newsletter] .wpcf7-checkbox .wpcf7-list-item label input {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
}

.boxFormulario .boxBg .formulario .boxForm .wpcf7-form-control-wrap[data-name=newsletter] .wpcf7-checkbox .wpcf7-list-item label span {
    cursor: pointer;
}



.boxFormulario .boxBg .formulario .boxBotao {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.boxFormulario .boxBg .formulario .boxBotao p {
    margin: 0;
    float: right;
    position: relative;
    width: auto;
}

.boxFormulario .boxBg .formulario .boxBotao p input {
    background: none;
    color: #BABAB9;
    padding: 10px 50px;
    font-weight: 300;
    border: solid 1px #BABAB9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.boxFormulario .boxBg .formulario .boxBotao p .wpcf7-spinner {
    margin: 0;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
}

.boxFormulario .boxBg .formulario .wpcf7-response-output {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border-width: 1px;
    padding: 10px;
    font-size: 13px;
    text-align: center;
}

.boxFormulario .boxBg .formulario .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 11px;
    right: 10px;
    top: 0px;
}

/* Contato Enviado */

.contatoEnviado .blocoInicial .boxTexto {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

.contatoEnviado .blocoInicial .boxTexto p {
	text-align: center;
	color: green;
	font-size: 20px;
}

@media only screen and (max-width: 768px) {

    #paginaContato {
        padding: 50px 0;
    }
	
	/* Formulário */

    .boxFormulario .boxBg {
        flex-direction: column-reverse;
    }

    .boxFormulario .boxBg .dados {
        padding: 30px;
    }

    .boxFormulario .boxBg .formulario {
        padding: 30px;
    }

    .boxFormulario .boxBg .formulario .boxForm .boxCidade p {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

}