/* FORMULARIO */
.formulario { width: 100%; height: auto; clear: both; position: relative; }

/* BANNER TOPO HOME */
.banners { width: 1100px; height: 300px; position: relative; margin: 40px 0px 0px 0px; display: inline-block; text-align: center; }
.banners .slides li { width: 1100px; height: 300px; cursor: pointer; position: relative; background-repeat: no-repeat; background-position: center center; overflow: hidden;  overflow: hidden; }
.banners .flex-control-nav { display: block; }
.banners .flex-control-paging { width: auto; height: 10px; top: 15px; margin: 0px 0px 0px 10px; z-index: 100; text-align: center; position: absolute; }
.banners .flex-control-paging li { display: inline-block; width: auto ; height: 10px; margin: 0 5px; vertical-align: top; }
.banners .flex-control-paging li a { text-indent: -99999px; display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0px; background-color: #ffffff; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.banners .flex-control-paging li a:hover { background-color: rgba(136, 186, 199, 0.5); margin: 0px; }
.banners .flex-control-paging li a.flex-active { background-color: #000000; width: 20px; margin: 0px; }

.formulario .qual_demanda { width: 100%; height: auto; position: relative; padding: 30px 0px; text-align: left; }
.formulario .qual_demanda span { font-size: 24px; border-bottom: 1px solid #545454; padding-bottom: 5px; font-family: 'Roboto'; color: #000000; font-weight: 400; }

.formulario .introducao { width: 100%; height: auto; position: relative; padding: 0px 0px 30px 0px; text-align: left; font-size: 14px; line-height: 22px; font-family: 'Roboto'; color: #000000; font-weight: 400; }
.formulario .introducao b { font-weight: 700; }
.formulario .introducao u { text-decoration: underline; }
.formulario .introducao a { text-decoration: underline; color: #000000; font-size: 14px; line-height: 22px; }

.formulario .conclusao { width: 100%; height: auto; position: relative; padding: 30px 0px; text-align: left; font-size: 14px; line-height: 22px; font-family: 'Roboto'; color: #000000; font-weight: 400; }

.formulario .navegacao { width: 100%; height: auto; position: relative; margin: 0px; }
.formulario .navegacao ul { width: 100%; height: auto; position: relative; z-index: 3; clear: both; padding: 0px 0px 20px 0px; text-align: left; }
.formulario .navegacao ul li { cursor: pointer; width: auto; height: auto; position: relative; padding: 0px; display: inline-block; vertical-align: top; }
.formulario .navegacao ul li .step { width: 20px; display: inline-block; vertical-align: top; margin-right: 15px; height: 20px; background-color: #eaeaea; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; display: inline-block; vertical-align: top; font-size: 12px; color: #000000; font-weight: 700; font-family: 'Roboto';  margin: 0px 13px 10px 5px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.formulario .navegacao ul li p { display: inline-block; vertical-align: top; width: auto; font-size: 12px; line-height: 12px; padding: 4px 0px; color: #000000; font-weight: 400; font-family: 'Roboto'; -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.formulario .navegacao ul li.ativo .step { width: 25px; display: inline-block; vertical-align: top; margin-right: 15px; height: 25px; background-color: #ffffff; border: 2px solid #078CD6; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; display: inline-block; vertical-align: top; font-size: 16px; color: #000000;  font-weight: 700; font-family: 'Roboto';  margin: 0px 8px 10px 0px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.formulario .navegacao ul li.ativo .step-ativo { width: 25px; display: inline-block; vertical-align: top; margin-right: 15px; height: 25px; background-color: #ffffff; border: 2px solid #078CD6; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 16px; color: #000000; font-weight: 700; font-family: 'Roboto';  margin: 0px 8px 10px 0px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
.formulario .navegacao ul li.ativo p { display: inline-block; vertical-align: top; width: auto; color:#696969; font-size: 14px; line-height: 12px; padding: 9px 20px 4px 0px; font-weight: 400; font-family: 'Roboto';  }

.formulario .perguntas ul li .filtro { width: 100%; height: auto; position: relative; padding: 15px 0px; }
.formulario .perguntas ul li .filtro .range { width: 100%; height: auto; padding: 5px 0px; margin: 0px; display: inline-block; vertical-align: top; position: relative; }
.formulario .perguntas ul li .filtro .range .ui-widget.ui-widget-content { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: none; }
.formulario .perguntas ul li .filtro .range .ui-slider-horizontal .ui-slider-range { top: 25%; height: 50%; }
.formulario .perguntas ul li .filtro .range .ui-slider .ui-slider-handle { width: 15px; height: 15px; padding: 0px }
.formulario .perguntas ul li .filtro .range .ui-slider-horizontal .ui-slider-handle { top: -0.4em; margin-left:  -0.5em; }
.formulario .perguntas ul li .filtro .range .ui-widget-header { background-color: transparent; }
.formulario .perguntas ul li .filtro .range .ui-slider-horizontal { height: 0.3em; }
.formulario .perguntas ul li .filtro .range .ui-widget-content { background-color: #cbcbcb; }
.formulario .perguntas ul li .filtro .range .ui-state-default { background-color: #078CD6; border: 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.formulario .perguntas ul li .filtro span.value1 { width: 49%; height: auto; float: left; position: relative; font-size: 14px; line-height: 14px; font-family: 'Roboto'; color: #000000; font-weight: 400; text-align: left; }
.formulario .perguntas ul li .filtro span.value2 { width: 49%; height: auto; float: right; position: relative; font-size: 14px; line-height: 14px; font-family: 'Roboto'; color: #000000; font-weight: 400; text-align: right; }

.formulario .perguntas { display: none; width: 100%; height: auto; position: relative; margin: 0px; -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 0px 0px 10px 0px; }
.formulario .perguntas .passo { width: 100%; display: inline-block; vertical-align: top; height: auto; text-align: left; font-size: 18px; font-weight: 700; font-family: 'Roboto'; color: #000000;  margin: 0px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }
.formulario .perguntas .passo span { font-weight: 700; }
.formulario .perguntas .titulo { padding: 15px 0px 8px 0px; width: 100%; font-size: 32px; line-height: 32px; font-family: 'Roboto'; color: #000000; font-weight: 400; text-align: left; }
.formulario .perguntas .titulo span { font-weight: 700; }
.formulario .perguntas ul { width: 100%; height: auto; position: relative; z-index: 3; clear: both; padding-top: 10px; text-align: left; }
.formulario .perguntas ul li { width: 97%; height: auto; position: relative; display: inline-block; vertical-align: top; padding: 15px 0px 5px 0px; text-align: left; font-size: 15px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400; }
.formulario .perguntas ul li.metade_largura { width: 48%; display: inline-block; vertical-align: top; margin-right: 2%; text-align: left; }

.formulario .perguntas ul li.metade_largura .opcoes .opcao { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

.formulario .perguntas ul li .label { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: auto; text-align: left; font-size: 14px; line-height: 18px; font-family: 'Roboto'; color: #000000; font-weight: 400; padding: 0px 0px 5px 0px; }
.formulario .perguntas ul li .label .legenda { margin-left: 10px; cursor: pointer; width: 18px; display: inline-block; height: 18px; background-image: url(../img/info.png); background-repeat: no-repeat; background-position: center center; background-size: 18px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.formulario .perguntas ul li .recebe-legenda { display: none; margin: 0px 0px 10px 0px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: auto; padding: 8px 15px; background-color: #ef1626; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; text-align: left; font-size: 12px; line-height: 20px; color: #000000; font-weight: 400; font-family: 'Roboto';  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.formulario .perguntas ul li .recebe-legenda span { font-weight: 800; color: #000000; text-decoration: underline; }
.formulario .perguntas ul li input[type=text] { position: relative; clear: both; background-color: #f4f6f8;text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formulario .perguntas ul li textarea { position: relative; clear: both; background-color: #f4f6f8;text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formulario .perguntas ul li .opcoes { background-color: #f4f6f8; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height: auto; position: relative; clear: both; padding: 12px 15px; margin-bottom: 10px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.formulario .perguntas ul li .opcoes .opcao { cursor: pointer; background: url(../img/radio.png) no-repeat center left; display: inline-block; vertical-align: top; width: -moz-calc(33% - 30px); width: -webkit-calc(33% - 30px); width: -o-calc(33% - 30px); width: calc(33% - 30px); height: auto; padding: 5px 0px 5px 27px; text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}

.formulario .perguntas ul li .opcoes .opcao-ativa { background: url(../img/radio-ativo.png) no-repeat center left;  display: inline-block; vertical-align: top; width: -moz-calc(33% - 30px); width: -webkit-calc(33% - 30px); width: -o-calc(33% - 30px); width: calc(33% - 30px);height: auto; padding: 5px 0px 5px 27px; text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 600;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.formulario .perguntas ul li .opcoes .opcao-multi { cursor: pointer; background: url(../img/checkbox.png) no-repeat center left; margin-right: 35px; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 5px 0px 5px 27px; text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.formulario .perguntas ul li .opcoes .opcao-multi-ativa { background: url(../img/checkbox-ativo.png) no-repeat center left; margin-right: 35px; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 5px 0px 5px 27px; text-align: left; font-size: 14px; line-height: 20px; font-family: 'Roboto'; color: #000000; font-weight: 400;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}

.formulario .botoes { width: 100%; height: auto; position: relative; clear: both; padding: 30px 0px; text-align: right; }
.formulario .botoes .btn-proximo { margin: 0px 10px; width: auto; cursor: pointer; display: inline-block; vertical-align: top; font-size: 15px; font-weight: 700; font-family: 'Roboto'; color: #ffffff; padding: 0px 30px; text-align: center; line-height: 45px; height: 45px; background-color: #ef1626; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.formulario .botoes .btn-proximo span { font-weight: 700; }
.formulario .botoes .btn-proximo:hover { padding: 0px 35px; }

.nav_perguntas { width: 100%; height: auto; position: relative; clear: both; text-align: center; padding-bottom: 30px; }
.nav_perguntas .passos { display: inline-block; cursor: pointer; vertical-align: top; width: auto; position: relative; font-size: 15px; line-height: 18px; font-family: 'Roboto'; color: #ef1626; font-weight: 700; padding: 10px 20px; margin: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nav_perguntas .passos.ativo { color: #000000; background-color: #eaeaea; }

::-webkit-input-placeholder { /* Chrome */ color: #545454; }
:-ms-input-placeholder { /* IE 10+ */ color: #545454; }
::-moz-placeholder { /* Firefox 19+ */ color: #545454; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ color: #545454; opacity: 1; }

@media screen and (max-width: 1150px) {
	.formulario { width: 94%; padding: 5px 3% 25px 3%; }

	.formulario .navegacao { width: 100%; height: auto; float: none; }
	.formulario .navegacao .linha, .formulario .navegacao ul li.ativo p, .formulario .navegacao .posicao, .formulario .navegacao ul li p { display: none; }
	.formulario .navegacao ul { width: 100%; height: auto; position: relative; z-index: 3; clear: both; padding-top: 0px; text-align: center; }
	.formulario .navegacao ul li { width: auto; height: auto; display: inline-block; margin: 0px 10px; padding: 0px 0px 25px 0px; }
	.formulario .navegacao ul li .step { width: 20px; float: left; margin-right: 15px; height: 20px; background-color: #CEE7F7; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; float: left; font-size: 12px; color: #000000; font-weight: 700; font-family: 'Roboto';  margin: 0px 13px 10px 5px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
	.formulario .navegacao ul li.ativo .step { width: 25px; float: left; margin-right: 15px; height: 25px; background-color: #ffffff; border: 2px solid #000000; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; float: left; font-size: 16px; color: #000000;  font-weight: 700; font-family: 'Roboto';  margin: 0px 8px 10px 0px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}
	.formulario .navegacao ul li.ativo .step-ativo { width: 25px; float: left; margin-right: 15px; height: 25px; background-color: #ffffff; border: 2px solid #000000; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; float: left; font-size: 16px; color: #000000; font-weight: 700; font-family: 'Roboto';  margin: 0px 8px 10px 0px;  -moz-transition: all .5 ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;}

	.formulario .perguntas { width: 100%; height: auto; float: none; position: relative; margin: 10px 0px 0px 0px; text-align: center; }
	.formulario .perguntas .passo,
	.formulario .perguntas .titulo { margin: 0px auto; float: none; text-align: center; }
	
	.formulario .perguntas ul { text-align: center; }
	.formulario .perguntas ul li,
	.formulario .perguntas ul li.metade_largura { width: 100%; display: inline-block; vertical-align: top; margin-right: 0px; text-align: left; }

	.formulario .perguntas ul li .label { text-align: center; line-height: 28px; }
	.formulario .perguntas ul li .label .legenda { margin-left: 10px; }
	.formulario .perguntas ul li .recebe-legenda, .formulario .perguntas ul li input[type=text], .formulario .perguntas ul li textarea, .formulario .perguntas ul li select { text-align: center; }
	
	.formulario .perguntas ul li .opcoes { text-align: left; }
	.formulario .perguntas ul li .opcoes .opcao, .formulario .perguntas ul li .opcoes .opcao-ativa, .formulario .perguntas ul li .opcoes .opcao-multi, .formulario .perguntas ul li .opcoes .opcao-multi-ativa { width: -moz-calc(100% - 67px); width: -webkit-calc(100% - 67px); width: -o-calc(100% - 67px); width: calc(100% - 67px); margin-right: 20px; margin-left: 20px; text-align: left; display: inline-block; float: none; }
	
	.formulario .introducao, .formulario .conclusao, .formulario .qual_demanda { text-align: center; }

	.formulario .botoes { display: block; text-align: center; }
	.formulario .botoes .btn-voltar { float: none; display: inline-block; clear: both; margin-bottom: 10px; }
	.formulario .botoes .btn-proximo { margin: 5px auto; clear: both; }
}