/*### contato ### */ #area-contato{width:100%; display:inline-block; padding:3em 0em; background-color:#000;background-attachment:fixed; background-repeat:no-repeat; background-size: cover;} #area-contato .colunaA, #area-contato .colunaB{ width:49.8%; display:inline-block; vertical-align:top;} #area-contato .colunaA{ width:49.8%; background-position:0%; background-attachment:fixed; background-repeat:no-repeat; background-size: contain;} #area-contato .colunaA .titulo, #area-contato .colunaA .descricao{width:70%; display:inline-block; text-align:left; margin-top:4em; padding: 0.5em 1em;} #area-contato .colunaA .titulo{ margin-top:2.5em;} #area-contato .colunaA .descricao{ margin-top:0.5em;} #area-contato .colunaA .titulo span, #area-contato .colunaA .descricao span{color:#000; font-size:1.0em; font-weight:400; line-height:1.5em;} #area-contato .colunaA .descricao span{ color:#333; font-size:0.9em;} #area-contato .colunaA .formulario{width:70%; display:inline-block; margin: 2em 0em;} #area-contato .colunaA .formulario #FormContato{width:100%; display:inline-block;} #area-contato .colunaA .formulario #FormContato .identifica_campo{width:91.5%; display:inline-block; text-align:left; margin:0.25em 0; background-color: rgba(0,0,0,0.6); padding: 0.25em 1em;} #area-contato .colunaA .formulario #FormContato strong{ color:#FFF; font-size:0.9em; line-height:1.5em; display:inline-block; width:95%;} #area-contato .colunaA .formulario .coluna{ position:relative;width:100%; display:inline-block;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea, #area-contato .colunaA .formulario #FormContato select{-webkit-appearance: none; position: relative; top:-2em; left:0; margin-bottom:0.75em; width: 96%;font-family: 'Montserrat', sans-serif !important; border:0.1em solid #666; background-color:#fff; padding:1em 1em; font-size:0.8em; font-weight:400; line-height:1.5em; color: #999; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;} #area-contato .colunaA .formulario #FormContato textarea, #area-contato .colunaA .formulario #FormContato select{width: 95%;} #area-contato .colunaA .formulario #FormContato textarea, #area-contato .colunaA .formulario #FormContato select{ color:#333;} #area-contato .colunaA .formulario #FormContato textarea{ height:8em;} #area-contato .colunaA .formulario #FormContato select{width:95%;} #area-contato .colunaA .formulario #FormContato .bt{width:99%; display:inline-block; text-align:right;} #area-contato .colunaA .formulario #FormContato .bt input{font-family: 'Montserrat', sans-serif !important; display:inline-block; padding:1em 2.5em; font-size:0.8em; font-weight:400; background-color: #009; color:#FFF; border:0; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border: 0; margin-top:2em; cursor:pointer; } #area-contato .colunaA .formulario #FormContato .bt input:hover{ background-color:#333;} #area-contato .colunaA .formulario #FormContato #AlertaCamposCo{width:100%; display:none; color:#F00; line-height:1.5em; font-size:1em; margin: 1em 0em; background-color: rgba(0,0,0,0.6); padding: 0.5em 1em;} #area-contato .colunaA .formulario #FormContato #AlertaCamposCo img{ height:2em; display:inline-block;} #bt-formulario{ background-color:#000; font-size:1em; color: #fff; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border:0; padding:0.5em 1em; cursor:pointer;} #bt-formulario:hover{background-color: #666;} #area-contato .colunaB{text-align:left; margin-top:7.5em;} #area-contato .colunaB .titulo, #area-contato .colunaB .subinfo, #area-contato .colunaB .subtitulo, #area-contato .colunaB .end, #area-contato .colunaB .horario{ display:inline-block; color:#000; width:90%; margin-top:1em;} #area-contato .colunaB .subinfo{display: inline-block; margin-top:0.5em; height:6em;} #area-contato .colunaB .subinfo img{ display: inline-block; text-align: center;} #area-contato .colunaB .end, #area-contato .colunaB .horario{margin-top:0.5em; height:6em;} #area-contato .colunaB .titulo span{ font-size:3.75em; font-weight:200; line-height:1.5em; color:#204189;} #area-contato .colunaB .subinfo span{ font-size:1em; font-weight:300; line-height:1.5em;} #area-contato .colunaB .subtitulo span{ font-size:1.5em; font-weight:300; line-height:1.5em; color:#204189;} #area-contato .colunaB .end span{ font-size:1em; font-weight:300; line-height:1.5em; } #area-contato .colunaB .horario span{ font-size:1em; font-weight:300; line-height:1.5em; } #area-contato .colunaB .redes-sociais{ display: inline-block; margin-left: 2em; color: #000; width: 90%; margin-top: 2em;} #area-contato .colunaB .redes-sociais li{list-style:none; display:inline-block; width:auto; margin:0; padding:0; margin-right:1em;} #area-contato .colunaB .redes-sociais a{ margin:0 0.15em; padding:0 0.25em; padding-top:0.25em; font-size: x-large; color:#1da4aa;} #area-contato .colunaB .redes-sociais img{ width:1.25em; height:1.25em;} #area-contato .colunaA .formulario span{ float:right; display:inline-block; text-align:right; position: absolute; bottom:0; right:0.75em; font-size:0.8em; font-weight:500; z-index:1;} #area-contato .colunaA .formulario span img{ width:0.75em; display:inline-block; vertical-align:middle;} #area-contato .setorB{width:100%; display:inline-block; padding:3em 0em; background-color:#fff;} #AlertaCamposContato{display:none;padding:0.5em 2em; background-color: #060; color:#fff; position:relative; font-size:1em; font-weight:400; line-height:1.5em;} @media only screen and (max-width: 1920px) { #area-contato .colunaA .formulario #FormContato textarea, #area-contato .colunaA .formulario #FormContato select{width:96%;} } @media only screen and (max-width: 1680px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 95%;} } @media only screen and (max-width: 1440px) { #area-contato .colunaA .formulario #FormContato textarea, #area-contato .colunaA .formulario #FormContato select{width:95%;} #area-contato .colunaA .titulo, #area-contato .colunaA .descricao,#area-contato .colunaA .formulario{width:80%;} } @media only screen and (max-width: 1366px) { #area-contato .colunaA .titulo, #area-contato .colunaA .descricao,#area-contato .colunaA .formulario{width:88%;} } @media only screen and (max-width: 1280px) { #area-contato .colunaA .titulo, #area-contato .colunaA .descricao,#area-contato .colunaA .formulario{width:100%;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 94%;} #area-contato .colunaA .formulario #FormContato select{width:94%;} } @media only screen and (max-width: 1024px) { #area-contato .conteudo{width:98%;} #area-contato .colunaA, #area-contato .colunaB{width: 48.8%;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 93%;} #area-contato .colunaA .formulario #FormContato select{width:93%;} } @media only screen and (max-width: 900px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 92%;} #area-contato .colunaA .formulario #FormContato select{width:92%;} } @media only screen and (max-width: 800px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 91%;} #area-contato .colunaA .formulario #FormContato select{width:91%;} } @media only screen and (max-width: 600px) { #area-contato .conteudo{width:90%;} #area-contato .colunaA, #area-contato .colunaB{ width:100%;} #area-contato .colunaB{text-align:center;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 94%;} #area-contato .colunaA .formulario #FormContato select{width:93%;} #area-contato .colunaB .subinfo, #area-contato .colunaB .end, #area-contato .colunaB .horario{ height:inherit;} #area-contato .colunaB .titulo, #area-contato .colunaB .subinfo, #area-contato .colunaB .subtitulo, #area-contato .colunaB .end, #area-contato .colunaB .horario{margin-left:0;} #area-contato .colunaA .formulario #FormContato .bt{width: 93%;} } @media only screen and (max-width: 533px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 93%;} } @media only screen and (max-width: 480px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 92%;} #area-contato .colunaA .formulario #FormContato select{width:92%;} } @media only screen and (max-width: 414px) { #area-contato .colunaA .formulario #FormContato .bt{width: 90%;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 91%;} #area-contato .colunaA .formulario #FormContato select{width:91%;} } @media only screen and (max-width: 375px) { #area-contato .colunaA .formulario #FormContato .bt{width: 89%;} #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 90%;} #area-contato .colunaA .formulario #FormContato select{width:90%;} } @media only screen and (max-width: 320px) { #area-contato .colunaA .formulario #FormContato input[type="text"], #area-contato .colunaA .formulario #FormContato textarea{width: 89%;} #area-contato .colunaA .formulario #FormContato textarea{width: 89%;} }