html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

html {background:#FFF;}
body {color:#000;font-size:16px;font-family: 'UniformCondensed', sans-serif;font-weight:normal;}
html,
body {height:100%;}

a {text-decoration:none;cursor:pointer;color:#000;}
a:hover {text-decoration:none;}

b, strong {font-weight:bold;}
input[type="reset"], input[type="submit"], button {cursor:pointer;border:0px;}

::-webkit-input-placeholder {color:#666666;}
::-moz-placeholder {color:#666666;}
:-ms-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666;}

select {
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}

input, select, textarea, button {outline:0;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.wrapper {max-width:1280px;margin:0 auto;position:relative;width:calc(100% - 40px);}
.wrapper2 {max-width:1000px;margin:0 auto;position:relative;}
.last {margin-right:0px !important;}
.box-right {float:right;}

.loading,
.alerta {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: 9999; display: none}
.loading div {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #FFF; font-weight: 600; font-size: 30px; letter-spacing: 3px}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }

.alerta .content {position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;min-width: 300px;max-width: 100%;padding:0;background:#FFF;font-size: 16px;box-shadow: 4px 4px 10px -1px rgba(0,0,0,0.75);}
.alerta .content .titulo {background: #c1272d; padding: 15px;}
.alerta .content .titulo span {background: url(../images/ico-alert.png) left center no-repeat; color: #FFF; padding-left: 30px; font-size: 18px; line-height: 20px;display: table; margin: 0 auto}
.alerta .content ul {padding: 25px; text-align: center;}
.alerta .content a {margin: 0 auto; text-decoration: none}
.alerta .content p {margin-bottom: 25px}
.alerta .content a  {display:table;border-radius:4px;padding:10px 40px;text-align:center;text-transform:uppercase;margin-top:25px;font-size:14px;color:#c1272d;font-weight:600;border:2px solid #c1272d;letter-spacing:2px;transition-duration:0.4s;background: #FFF}
.alerta .content a:hover {background:#c1272d;color:#FFF !important;}
.wrapper {width: 1200px;margin: 0 auto}

#header {background: #96989a;}
#header .logo {padding: 25px 0;float: left;}
#header .chamada {margin: 20px 0 0 200px;float: left;}
#header .texto {color: #FFF;;width: 600px;max-width: 100%; font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-top: 10px}

#footer {background: #727375;margin-top: 40px}
#footer .logo {margin: 40px 0;float:left;}
#footer .endereco {float:left;font-size:16px;font-weight:400;line-height:27px;margin: 80px 100px 0 100px}
#footer .contatos {float:left;margin-top:80px;}
#footer .contatos li {padding-left:30px;color:white;font-size:16px;height:25px;line-height:25px;margin-bottom:10px;}
#footer .contatos li.telefone {background:url(../images/ico_telefone.png) no-repeat left center;}
#footer .contatos li.email {background:url(../images/ico_email.png) no-repeat left center;}
#footer .contatos li a {transition: 0.3s all}
#footer .contatos li a:hover {opacity: 0.6}
#footer .social {float:right;margin-top: 80px}
#footer .social li {float:left;margin-right:10px;}
#footer .social li img {transition: 0.4s all;filter: brightness(0) invert(1);}
#footer .social li img:hover {filter: none;}

.first-col {float: left;width: 45%;}
.second-col {float: right;width: 50%;}
h1 {color: #c1272d;font-weight: 400;font-size: 42px;letter-spacing: 2px;border-bottom: 2px solid #CCC;display: inline-block; margin-bottom: 30px}

form {padding: 20px 0 50px 0}
form .texto {font-size: 16px; line-height: 24px;}
form .texto p {margin-bottom: 10px}
form .texto ul.cidades li::before {content: "\2022";color: #c4161c;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em; }
form .texto ul.regras li::before {content: "\2022";color: #000; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
form .texto ul.cidades {margin: 10px 0 10px 15px}
form .texto ul.regras li,
form .texto ul.cidades li {margin-bottom: 5px;}

form .row {display: block;margin-bottom: 20px}
form .row label {font-size:16px;display:block;margin-bottom:3px}
form .row label.label-text {display: block;width: 100%;margin-bottom: 15px;font-size: 14px}
form .row label.label-text input {margin-top: 4px;}

.form fieldset.small {float:left;margin-right:20px;width:calc(50% - 10px);}
form .row input[type="text"],
form .row input[type="email"],
form .row input[type="password"],
form .row select,
form .row textarea {border:2px solid #b3b3b3;padding:12px 20px;width:calc(100% - 44px);color:#000;font-size:14px;background:#FFF;border-radius:4px;}
form .row input[type="text"]:focus,
form .row input[type="email"]:focus,
form .row input[type="password"]:focus,
form .row select:focus,
form .row textarea:focus {background:#dedede;}
form .row select:focus {background:#dedede url(../images/teaser/ico_arrow_menu.png) no-repeat calc(100% - 10px) center;}
form .row textarea {height: 100px}
form .row select {background:white url(../images/teaser/ico_arrow_menu.png) no-repeat calc(100% - 10px) center;}
form input.continuar,
form input.enviar,
form input.voltar {display:table;border-radius:4px;padding:10px 40px;text-align:center;text-transform:uppercase;margin-top:25px;font-size:14px;color:#c1272d;font-weight:600;border:2px solid #c1272d;letter-spacing:2px;transition-duration:0.4s;background: #FFF; float: right;}
form input.continuar:hover,
form input.enviar:hover {background:#c1272d;color:#FFF !important;}
form input.voltar {color:#98999a; border: 2px solid #98999a}
form input.voltar:hover {background:#98999a;color:#FFF !important;}

.form-radio input[type=radio],
.form-radio input[type=checkbox] {appearance: none;display: inline-block;position: relative;background-color: #f1f1f1;color: #666;height: 20px;width: 20px;border: 0;cursor: pointer;margin-right: 7px;outline: none;float: left;border: 1px solid #CCC}
.form-radio input[type=radio] {border-radius: 50px;}
.form-radio input[type=checkbox] {border-radius: 5px;}
.form-radio input[type=radio]:checked::before,
.form-radio input[type=checkbox]:checked::before{position: absolute;left: 4px;top: -2px;content: '\02143';transform: rotate(40deg);}
.form-radio input[type=radio]:hover,
.form-radio input[type=checkbox]:hover {background-color: #f7f7f7;}
.form-radio input[type=radio]:checked,
.form-radio input[type=checkbox]:checked {background-color: #f1f1f1;}
.form-radio label {float: left;cursor: pointer;width: calc(100% - 30px) !important}

form .row div.label {display: block;width: 100%;margin-bottom: 4px;font-size: 16px;font-weight: 600;margin-bottom: 10px}
form .etapas input[type="submit"] {margin-top: 10px;}

.box-passos,
.box-observacoes {display: none;}

.upload {position: relative;border: 1px solid #CCC; height: 36px}
.upload input {display: none;}
.upload .filename {position: absolute;top:0; left: 0; padding: 8px}
.upload .choose {background: #CCC; position: absolute;top:0; right: 0; padding: 9px}

.box {margin: 12px 0 !important}
h3 {color:#c4161c; font-size: 22px;font-weight: 600; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; text-transform: uppercase;}


.validate-error {color:#c4161c; font-size: 14px; font-style: italic; display: none}


.resumo h4 {color:#c4161c; font-size: 16px;font-weight: 600;}
.resumo p.revise {margin-bottom: 20px;font-size: 14px}
.resumo .box-consulente {border: 1px solid #eeeeee;padding: 10px;font-size: 15px; line-height: 20px; margin-bottom: 20px;}
.resumo .box-consulente .resumo-row {margin-bottom: 10px}
.resumo .box-consulente .resumo-row .rotulo {font-weight: 600;float: left;width: 28%;text-align: right}
.resumo .box-consulente .resumo-row .informacao {float: right;width: 70%}

@media screen and (max-width:960px) {
.wrapper {width: 90%; margin-left: 5%}
#header {height: auto; background-position: top center; padding-bottom: 15px;}
#header .logo img {width: 160px;}
#header .logo,
#header .chamada {float: none}
#header .chamada {margin: 0; text-align: right; margin-top: -30px}
h1 {font-size: 32px; }
#header p {font-size: 14px; line-height: 18px}
.first-col,
.second-col {float: none; width: 100%}
.first-col {margin-bottom: 30px}
.second-col {font-size: 13px;}
#footer {padding:30px 0;auto;margin-top:20px;}
#footer .logo {width:200px;float:none;display:table;margin:20px auto; }
#footer .endereco {text-align:center;font-size:14px;line-height:inherit;margin:30px 0;float:none;}
#footer .contatos,
#footer .social {float:none;display:table;margin:0 auto;text-align:center;}
#footer .contatos li {display:table;margin:0 auto;}
#footer .social {margin-top: 20px}
}
