section.page-title {
    height: 380px !important;
}

section#cadastro .container {
    padding-top: 0 !important;
}

.cadastro-info {
    padding: 0 35px;
    background: #fff;
    /* border-radius: 5px; */
    border-right: 1px solid #eee;
}

.cadastro-info h3 {
    margin-top: 10px;
    font-weight: 700;
    font-size: 24px!important;
}

#cadastro-form {
    padding: 0 25px;
}

#cadastro-form section {
    min-height: 200px;
}

.cl-green {
    color: #8bc34a!important;
}

.btn {
    background-color: #33bccd;
    color: #fff;
    outline: none!important;
}

.btn:hover,
.btn:active,
.btn:focus {
    background-color: #2594a1;
    color: #fff;
}

.btn.outline {
    color: #999;
    border-color: #ccc;
    background: transparent;
}

.btn.outline:hover,
.btn.outline:active,
.btn.outline:focus {
    background: #f5f5f5;
    color: #999;
}

.icon {
    color: #656d78!important;
}

.service-single.service-style-2 h5 {
    margin: 20px  0;
    font-size: 1.5em!important;
    font-weight: 700!important;
    font-size: 24px!important;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.service-single:hover h5 {
    color: #656d78!important;
}

.service-single:hover p {
    color: #666!important;
}

select.form-control{
    padding: 16px 8px;
    height: unset;
    box-shadow: none!important;
    border-color: #ddd;
}


#page-controller {
    display: flex;
    width: 100%;
    margin-top: 3rem;
}

#group-button-pessoa a,
.btn.outline {
    color: #999;
    border-color: #ccc;
    background: transparent;
    padding: 1.2rem;
    box-shadow: none!important;
}

#group-button-pessoa a i {
    display: none;
}

#group-button-pessoa a.selected {
    background-color: #fff;
    color: #666;
    border-color: #666;
}

#group-button-pessoa a i {
    color: #00bcd4;
}


#group-button-pessoa a.selected i {
    display: inline-block;
}

#btn-voltar{
    padding: 1.2rem 3rem;
    margin-right: 1rem;
    border: none;
    box-shadow: none!important;
}

#btn-voltar:hover{
    box-shadow: unset!important
}

label {
    font-weight: normal;
    color: #666;
}

label.validationMessage {
    margin-top: .5rem;
    font-weight: bold;
    color: #d41203!important;
}

#btn-avancar,
#btn-submit,
#btn-go-home {
    background: #FD8E00;
    color: #fff;
    padding: 1rem 3rem;
    font-size: 1.6rem;
}

#btn-avancar:focus,
#btn-submit:focus,
#btn-go-home:focus {
    box-shadow: 0 0 0 2px #ea6200 inset;
}

label[required]:after {
    content: '*';
    margin-left: 4px;
    color: #f44336;
    font-size: 14px;
    font-weight: 800;
    font-family: Arial;
}

select {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

select option {
    padding: 5px;
}

select option:first-child {
    display: none;
}

input.ng-valid,
select.ng-valid{
    padding-right: 35px;
}

.icon-check-ok {
    display: none;
    position: absolute;
    top: 50px;
    right: 26px;
    font-size: 15px;
    color: #9ccbf1;
}

input.ng-valid + .icon-check-ok,
select.ng-valid + .icon-check-ok {
    display: block;
}

h1 {
    font-size: 50px!important;
}

h3 {
    color: #888;
}

.overlay{
    background-color: #010101c7;
}

.title {
    margin-bottom: 5rem!important;
}

.title h3 {
    font-size: 30px;
    font-weight: bold;
    color: rgb(51, 51, 51);
}

.title span {
    font-size: 16px;
}

@media (max-width: 991px) {
    .cadastro-info {
        border: none!important;
    }

    .title {
        text-align: center;
    }

    #group-button-pessoa > div {
        flex: 1;
    }

    #group-button-pessoa > div a {
        width: 100%;
    }

    #page-controller {
        justify-content: flex-end;
    }
}

@media (max-width: 530px) {
    #page-controller {
        flex-direction: column-reverse;
    }

    #page-controller a {
        padding: 1.5rem 3rem;
    }

    #btn-voltar {
        margin-top: 20px;
    }
}

#section-cadastro-concluido > p {
    font-size: 14px!important;
    color: #5a5a5a!important;
    margin: 0!important;
    font-weight: normal!important;
}

footer h6 {
    font-size: 18px;
    font-weight: 700;
}

footer h4 {
    font-size: 24px!important;
    font-weight: 500!important;
}

footer .footer-menu li a {
    font-size: 16px!important;
}