@import url('font-montserrat.css');
.step-title{
    color: #535353;
    font-size: 16px;
}
.title-header{
        font-weight: 600;
    
    font-size: 19px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #535353;
}
.title-header:after{
    content: '';
    width: 45px;
    height: 3px;
    display: block;
    background: #e5173f;
    margin: 10px auto;
}
.error {
    color: #CC092F;
	display: block;
	text-align: left;
}
 .bt-aba a {
          color: #535353;
    border: 2px solid #e5173f;
    padding: 10px 45px;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
   
    margin-bottom: 20px;
    text-align: center;
     margin-left: 15px;
}
.bt-aba a:active{
    color: #fff!important;
    background: #e5173f;
    border: 2px solid #e5173f;
    text-decoration: none!important;
}

.bt-aba a:hover{
    color: #fff!important;
    background: #e5173f;
    border: 2px solid #e5173f;
    text-decoration: none!important;
}

.bt-aba a.on{
    color: #fff!important;
    background: #e5173f;
    border: 2px solid #e5173f;
    text-decoration: none!important;
}
.item{
    display: inline-flex;
}
.ul-row{
    display: inline-flex;
}
.lst-steps p  {
    color:#BFBFBF;
}
.lst-steps p strong{
    color:#BFBFBF;
}
.lst-steps-current, .lst-steps-current p {
	color:#535353;
}

@media (max-width: 1199px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        width: 100%;
    }
}

body {
    background-color: #fff;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    color: #535353;
}

p {
    font-size: 13px;
    color: #535353;
}

.field-grid-tp4 li:first-child, .field-grid-tp4 li:first-child + li {
    /* width: 20%; */
}
.field-grid-bt li {
    padding: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

section#miolo {
    background-color: #fff;
    padding-top: 0px;
    width: 100%;
    float: none;
}
    section#miolo .legenda p {
        font-size: 11px;
        text-align: justify;
    }

    section#miolo div.bg-grey {
        background-color: #ebebeb;
    }

.grid-container{
    text-align: center!important;
}

    section#miolo div.grid-container > div {
        max-width: 768px;
        width: 100%;
        padding: 15px;
        margin: 0 auto;
    }
    
    section#miolo div.grid-container > div.form-buttons {
        text-align: center;
    }
    
    section#miolo div.grid-container > div.form-buttons ul {
        float: none;
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        max-width: 300px;
    }

    section#miolo h4 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 19px;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #535353;
    }

    section#miolo h5 {
        font-weight: 400;
        text-align: center;
        font-size: 16px;
        color: #535353;
    }
    section#miolo h5:after {
        content: '';
        width: 45px;
        height: 3px;
        display: block;
        background: #e5173f;
        margin: 10px auto;
    }

label {
    margin: 5px 0;
    padding: 0px;
    font-weight: normal;
    color: #535353;
    font-size: 13px;
}

.ul-client{
    display: inline-flex;
    text-align: center;
    margin: 0 auto;
    float: none;
    margin-top: 15px;
}

/* form .form-line > * {
    margin-left: 0px;
} */

.form-line{
    display: inline-block;

}
form .form-label {
    display: inline-block;
    text-align: left;
    color: #535353;
    cursor: default;
    width: 33.33333333%;
}

.form-text
{
    border: 0;
    margin: 5px 0;
    border-bottom: #C5C5C5 1px solid;
    display: inline-block;
    background-color: transparent;
    color: #535353;
    width: 100%;
}

.select_box{
  width: 250px;
  overflow: hidden;
  border: 1px solid #bfbfbf;
  position: relative;
  padding: 5px 0;
}
.select_box:after{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f00;
  position: absolute;
  top: 34%;
  right: 7px;
  content: "";
  z-index: 98;
 }
.select_box select{
  width:246px;
  border: 0;
  position: relative;
  color: #535353;
  background: none;
}

.form-steps{
    display: -webkit-inline-box;
    margin-right: 25px;
}

input[type=checkbox], input[type=radio] {
    margin: 0;
}

.dp-popup > div {
    width: 170px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-align:left!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-align:left!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
    text-align:left!important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-align:left!important;
}

form .money-mask {
    text-align:right;
}

form .form-ddd, form .form-dig, form .form-day, form .form-month, form .form-year {
    width: 25%;
}

form .form-date {
    width: calc(100% - 140px);
}

form .form-phone, form .form-conta {
    width: calc(75% - 24px);
}

form .form-formatador {
    margin: 5px 2px 0px 2px;
}

form .boxErro, form .boxErro2, form .boxInfo {
    padding: 5px 15px !important;
    height: auto;
    margin: 10px auto!important;
    background-position-y: 10px!important;
	width: 100%!important;
}

form .boxErro p, form .boxErro2 p, form .boxInfo p {
    padding: 6px 0 5px 20px !important;
    float: none;
}

form .form-buttons {
    border-top: none;
}
.form-layout{
    
    text-align: center;
    margin: 0 auto;
}


    .form-text:focus,  .form-combo:focus, .form-control:focus {
        outline-offset: 0px;
        outline: #f0f0f0 auto 0px;
    }

    input.fieldErro, select.fieldErro {
        border-bottom: #e5173f 1px solid;
    }

    form a.btn-avancar {
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        border: 2px solid #e5173f;
        color: #e5173f;
        text-transform: uppercase;
        padding: 10px 10px 10px 30px;
        text-decoration: none;
        height: auto;
        background: url(../Imagens/btn-classic.png) transparent top 10px left 8px no-repeat;
    }

    .btn-submit-form{
        background: url(../Imagens/icon-read-more-white.png) 18px 6px no-repeat;
        border: 2px solid #e5173f;
        text-transform: uppercase;
        padding: 7px 20px 7px 40px;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        margin: 20px auto;
        display: inline-block;
        font-family: Montserrat;
        font-weight: 500;
        font-size: 0.875em;
        background-color:  #e5173f ;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    .btn-submit-print{
        background: url(../Imagens/icon-read-more.png) 18px 6px no-repeat;
        border: none;
        text-transform: uppercase;
        padding: 7px 20px 7px 40px;
        color: #535353;
        text-transform: uppercase;
        text-decoration: none;
        margin: 20px auto;
        display: inline-block;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 0.875em;
        background-color:  #ffffff ;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    
    .seta-bt{
         background: url(../Imagens/seta-bt.jpg) top 15px left 15px no-repeat;
    }
        form a.btn-avancar:hover {
            border: 2px solid #e5173f;
            color: #fff;
            background: url(../Imagens/btn-hover.png) #e5173f top 10px left 8px no-repeat;
        }

    form a.btnVoltar {
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        color: #8c8c8c;
        text-transform: uppercase;
        padding: 10px 10px 10px 30px;
        text-decoration: none;
        height: auto;
        background: url(../Imagens/btn-voltar.png) transparent top 10px left 8px no-repeat;
        border-radius: 0px;
    }
    
        form a.btnVoltar:hover {
            color: #e5173f;
            background: url(../Imagens/btn-voltar-hover.png) transparent top 10px left 8px no-repeat;
        }

.table-dados tbody td.tbl-dados-ttl {    
    text-align: left;
    color: #535353;
    cursor: default;
    width: 33.33333333%;
}

.table-dados tbody td.tbl-dados-txt{
    border: 0;
    margin: 5px 0;
    color: #535353;
    width: 66.66666667%;
}

.abra-conclusao img {
    width: 100%;
}

.abra-conclusao .txt-block {
    position: absolute;
    width: 50%;
    top: 65px;
    right: 20px;
    left: auto;
    text-align: center;
}

.abra-conclusao .txt-block h4 {
    font-size: 20px!important;
}

.busca-wrap .input-text {
    display: block;
    position: relative;
    width: 92%;
    height: auto;
    line-height: 17px;
    padding: 8px 12px;
    background: none;
    border-bottom: 1px solid #C5C5C5;
}

    .busca-wrap .input-text:focus {
        outline-offset: 0px;
        outline: #f0f0f0 auto 0px;
    }

.busca-wrap .error .input-text {
    border-bottom: #e5173f 1px solid;
}

.busca-wrap .label-error {
    right: 55px;
    cursor: default;
}

.pergunta {
    padding: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    cursor: pointer;
    border-bottom: solid 1px #BFBFBF;
}

.pergunta > p {
    font-weight: 600;
    font-size: 13px;
    color: #979797;
    float: left;
    position: relative;
    width: 92%;
    text-transform: uppercase;
}

.pergunta p {
    padding: 10px 0 0;
}

.pergunta > p > span {
    float: right;
    color: #e5173f;
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    right: -9%;
    top: 40%;
}

.pergunta > p > span:before, .pergunta > p > span:after {
    content: "";
    position: absolute;
    background-color: #e5173f;
    transition: -webkit-transform 0.25s ease-out;
    -moz-transition: transform 0.25s ease-out, -moz-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -moz-transform 0.25s ease-out;
}

.pergunta > p > span:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}

.pergunta > p > span:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}

.pergunta > p > span.active:before {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.pergunta > p > span.active:after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.resposta {
    display: none;
    width: 100%;
}

.resposta p {
    font-size: 14px;
}

#tipoContaDesk, 
#tipoContaMob {
    display: none;
}
#tipoContaDesk, 
#tipoContaMob {
    text-align: center;
}
#tipoContaDesk li, 
#tipoContaMob li {
    max-width: 170px;
    display: inline-block;
    margin: 0 5px;
}


 .bt-aba a, 
 .bt-aba a {
	color: #535353;
	border: 2px solid #e5173f;
	padding: 10px;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	    margin-left: 15px;
    margin-bottom: 20px;
    min-width: 230px;
	text-align: center;
}
#tipoContaDesk .bt-aba a:hover, #tipoContaDesk .bt-aba.on a, 
#tipoContaMob .bt-aba a:hover, #tipoContaMob .bt-aba.on a {
	color: #fff!important;
	background: #e5173f;
	border: 2px solid #e5173f;
	text-decoration: none!important;
}
div.owl-controls div.owl-buttons div.owl-prev {
	display: none;
}
div.owl-controls div.owl-buttons div.owl-next {
	display: none;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
    width: 5px!important;
	height: 5px!important;
	color: transparent!important;
	display: none;
}

.grid-bt-info > .form-line, .frm-rdo-option > .form-line {
    display: table;
    width: 100%;
}

.padd{
    margin-right: 55px;
}
.client{
    text-align: left;
    font: italic 1.231em Montserrat;
}
.txtRight{
    text-align: right;
}
.msgReceiv{
    padding: 0;
    margin-bottom: 15px;
    margin-right: 10px;
}
.confirmaEnvio span{
    font-weight: 600;
}
.spacerLign{
    height: 1px;
    width: 100%;
    border-bottom: solid 1px #535353;
    margin-bottom: 25px;
    margin-top: 25px;
}



@media (max-width: 490px) {
    .mb25{
        margin-bottom: 20px;
    }
    .msgReceiv{
        margin-bottom:5px;
    }
    .txtLeft{
        text-align: left;
    }
    .txtRight{
        text-align: left;
    }
    .padd{
        margin: 0!important;
    }
    .no-gutters{
padding-right: 15px;
    padding-left: 15px;
    }
    #content_txtnome{
        width: 100%!important;
    }
    .row{
        margin: 0!important;
    }
    .grid-container{
        margin: 0;
    text-align: center;
   
    }
    .form-steps{
    display: -webkit-inline-box;
    margin-right: 0px;
    }

    .ul-row {
        display: contents;
    }
    form .form-label, form .form-text, form .form-combo {
        width: 100%;
    }    
    form .form-ddd, form .form-dig, form .form-day, form .form-month, form .form-year {
        width: 16.66666667%;
    }
    form .form-phone, form .form-conta {
        width: calc(83.33333333% - 24px);
    }
    .table-dados tbody td.tbl-dados-ttl, .table-dados tbody td.tbl-dados-txt{
        width: 100%;
        display: block;
        padding-left: 10px;
    }
    .abra-conclusao .txt-block {
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
    }
}