:root {
    --main-bg-color: white;
    --secondary-bg-color: #fffbef;
    --btn-main-color: #8e987e;
    --btn-hover-color:#8e987e94;
    --btn-selected-color: #8e987e50;
    --highlight-dark-color: #62351f77;
    --highlight-light-color: #e1ae8f96;
    --font-color: #00000078;
}

*,:after,:before {
    margin:0;
    padding:0;
    box-sizing:inherit
}
html {
    font-size:16px
}
body {
    opacity:0;
    line-height:1;
    font-size:16px;
    font-family:'Source Sans Pro',sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    text-size-adjust:none;
    background:#fff;
    transition:ease .4s
}
h1,h2,h3,h4,h5,h6 {
    margin:0
}
ol li,ul li {
    list-style:none
}
a {
    text-decoration:none
}
img {
    max-width:100%
}
.container {
    width:100%;
    max-width:1024px;
    margin:0 auto
}
.container::after {
    content:'';
    display:table;
    clear:both
}
.grid-3 {
    float:left;
    clear:none;
    text-align:inherit;
    width:22.75%;
    margin-left:0;
    margin-right:3%
}
.grid-3::after {
    content:'';
    display:table;
    clear:both
}
.grid-3:last-child {
    margin-right:0
}
@-moz-keyframes elastic {
    from {
        transform:scale3d(1,1,1)
    }
    30% {
        transform:scale3d(1.25,.75,1)
    }
    40% {
        transform:scale3d(.75,1.25,1)
    }
    50% {
        transform:scale3d(1.15,.85,1)
    }
    65% {
        transform:scale3d(.95,1.05,1)
    }
    75% {
        transform:scale3d(1.05,.95,1)
    }
    to {
        transform:scale3d(1,1,1)
    }
}
@-webkit-keyframes elastic {
    from {
        transform:scale3d(1,1,1)
    }
    30% {
        transform:scale3d(1.25,.75,1)
    }
    40% {
        transform:scale3d(.75,1.25,1)
    }
    50% {
        transform:scale3d(1.15,.85,1)
    }
    65% {
        transform:scale3d(.95,1.05,1)
    }
    75% {
        transform:scale3d(1.05,.95,1)
    }
    to {
        transform:scale3d(1,1,1)
    }
}
@-o-keyframes elastic {
    from {
        transform:scale3d(1,1,1)
    }
    30% {
        transform:scale3d(1.25,.75,1)
    }
    40% {
        transform:scale3d(.75,1.25,1)
    }
    50% {
        transform:scale3d(1.15,.85,1)
    }
    65% {
        transform:scale3d(.95,1.05,1)
    }
    75% {
        transform:scale3d(1.05,.95,1)
    }
    to {
        transform:scale3d(1,1,1)
    }
}
@keyframes elastic {
    from {
        transform:scale3d(1,1,1)
    }
    30% {
        transform:scale3d(1.25,.75,1)
    }
    40% {
        transform:scale3d(.75,1.25,1)
    }
    50% {
        transform:scale3d(1.15,.85,1)
    }
    65% {
        transform:scale3d(.95,1.05,1)
    }
    75% {
        transform:scale3d(1.05,.95,1)
    }
    to {
        transform:scale3d(1,1,1)
    }
}
@-moz-keyframes slideUp {
    from {
        opacity:0;
        transform:translate3d(0,140%,0)
    }
    to {
        opacity:1;
        transform:none
    }
}
@-webkit-keyframes slideUp {
    from {
        opacity:0;
        transform:translate3d(0,140%,0)
    }
    to {
        opacity:1;
        transform:none
    }
}
@-o-keyframes slideUp {
    from {
        opacity:0;
        transform:translate3d(0,140%,0)
    }
    to {
        opacity:1;
        transform:none
    }
}
@keyframes slideUp {
    from {
        opacity:0;
        transform:translate3d(0,140%,0)
    }
    to {
        opacity:1;
        transform:none
    }
}
@-moz-keyframes ZoomIn {
    0% {
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        transform:scale3d(1,1,1)
    }
}
@-webkit-keyframes ZoomIn {
    0% {
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        transform:scale3d(1,1,1)
    }
}
@-o-keyframes ZoomIn {
    0% {
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        transform:scale3d(1,1,1)
    }
}
@keyframes ZoomIn {
    0% {
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        transform:scale3d(1,1,1)
    }
}
.btn {
    position:relative;
    width:100%;
    max-width:140px;
    height:40px;
    display:inline-block;
    padding:10px 20px;
    box-sizing:border-box;
    font-family:'Source Sans Pro',sans-serif;
    font-size:1em;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    border-radius:50px;
    border:0;
    outline:0;
    vertical-align:middle;
    touch-action:manipulation;
    margin:0 auto;
    cursor:pointer;
    user-select:none;
    transition:transform ease .5s,background ease-in-out .2s,box-shadow ease-in-out .3s
}
.btn:hover {
    transform:translate3d(0,-3px,0);
    box-shadow:-3px 5px 21px 1px rgba(158,158,158,.49)
}
.btn--init {
    background:#4c7cfe
}
.btn--next {
    max-width:none;
    background:#2bce70;
    float:right;
    margin-bottom:10px
}
.btn--prev {
    max-width:none;
    background:#2bce70;
    float:left;
    margin-bottom:10px
}
.btn--end {
    background:#fed84d;
    max-width:220px
}
@media only screen and (min-width:768px) {
    .btn--next,.btn--prev {
        max-width:140px;
        margin-bottom:0
    }
}
.form {
    position:relative
}
.form::after {
    content:'';
    display:table;
    clear:both
}
.form-group {
    padding:40px 0
}
.form-group::after {
    content:'';
    display:table;
    clear:both
}
.form-group:not(:last-of-type) {
    border-bottom:solid 1px rgba(176,178,190,.2)
}
.form-title {
    float:left;
    clear:none;
    text-align:inherit;
    width:100%;
    margin-left:0;
    margin-right:3%;
    font-weight:600;
    color:#b0b2be;
    text-transform:uppercase;
    line-height:1.2;
    font-size:.875em;
    margin-bottom:20px;
    margin-top:5px;
}
.form-title::after {
    content:'';
    display:table;
    clear:both
}
.form-title:last-child {
    margin-right:0
}
.form-fields {
    float:left;
    clear:none;
    text-align:inherit;
    width:100%;
    margin-left:0;
    margin-right:3%;
    margin-top:5px;
}
.form-fields::after {
    content:'';
    display:table;
    clear:both
}
.form-fields:last-child {
    margin-right:0
}
.form-elements:not(:last-child) {
    margin-bottom:30px
}
.form-elements__title {
    display:block;
    font-size:.875em;
    color:#515255;
    margin-bottom:25px
}
@media only screen and (min-width:768px) {
    .form-title {
        margin-bottom:0
    }
}
@media only screen and (min-width:1300px) {
    .form-title {
        float:left;
        clear:none;
        text-align:inherit;
        width:27.9%;
        margin-left:0;
        margin-right:3%;
        font-size:1em
    }
    .form-title::after {
        content:'';
        display:table;
        clear:both
    }
    .form-title:last-child {
        margin-right:0
    }
    .form-fields {
        float:left;
        clear:none;
        text-align:inherit;
        width:69.1%;
        margin-left:0;
        margin-right:3%
    }
    .form-fields::after {
        content:'';
        display:table;
        clear:both
    }
    .form-fields:last-child {
        margin-right:0
    }
    .form-elements__title {
        font-size:1em
    }
}
.icon {
    display:inline-block;
    vertical-align:middle
}
.icon--social {
    width:40px;
    height:37px
}
.input,.textarea {
    position:relative;
    width:100%;
    padding:20px 15px;
    font-family:'Source Sans Pro',sans-serif;
    font-size:.9375em;
    color:#515255;
    border:solid 1px #b0b2be;
    border-radius:4px;
    resize:none
}
.radio {
    display:inline-block;
    vertical-align:middle;
    margin-bottom:10px
}
.radio:not(:last-child) {
    margin-right:10px
}
.radio input[type=radio] {
    position:absolute;
    opacity:0
}
.radio input[type=radio]+.radio__label span {
    display:inline-block;
    vertical-align:middle;
    font-size:.75em;
    font-weight:600;
    color:#515255
}
.radio input[type=radio]+.radio__label:before {
    content:'';
    position:relative;
    top:-.2em;
    width:1.5625em;
    height:1.5625em;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    background:#fff;
    border-radius:100%;
    border:1px solid #b0b2be;
    cursor:pointer;
    transition:all 250ms ease;
    margin-right:10px
}
.radio input[type=radio]+.radio__label:empty:before {
    margin-right:0
}
.radio input[type=radio]:checked+.radio__label:before {
    background:var(--btn-main-color);
    box-shadow:inset 0 0 0 4px #fff
}
.radio input[type=radio]:focus+.radio__label:before {
    outline:0;
    border-color:var(--btn-main-color);
}
.radio input[type=radio]:disabled+.radio__label:before {
    box-shadow:inset 0 0 0 4px grey;
    border-color:var(--highlight-dark-color);
    background:var(--secondary-bg-color);
}
.checkbox-custom {
    opacity:0;
    position:absolute
}
.checkbox-custom,.checkbox-custom-label {
    display:inline-block;
    vertical-align:middle;
    margin:5px;
    cursor:pointer
}
.checkbox-custom-label {
    position:relative;
    text-wrap: initial;
}
.checkbox-custom-label span {
    display:inline-block;
    vertical-align:middle;
    max-width:210px;
    font-size:.75em;
    font-weight:600;
    color:#515255
}
.checkbox-custom+.checkbox-custom-label:before {
    content:'';
    width:25px;
    height:25px;
    padding:2px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    background:#fff;
    border:1px solid var(--highlight-dark-color);
    border-radius:4px;
    margin-right:10px;
    transition:background-color ease .4s
}
.checkbox-custom:checked+.checkbox-custom-label:before {
    content:'';
    background-color:var(--btn-main-color);
    background-image:url("../images/checkbox-marker].svg");
    background-size:15px;
    border-color: transparent !important;
    background-repeat:no-repeat;
    background-position:center center;
    color:#fff
}
.checkbox-custom:focus+.checkbox-custom-label {
    outline:1px solid #ddd
}
@media only screen and (min-width:768px) {
    .checkbox-custom-label span,.radio input[type=radio]+.radio__label span {
        font-size:.75em;
        max-width:none
    }
}
@media only screen and (min-width:1300px) {
    .checkbox-custom-label span,.radio input[type=radio]+.radio__label span {
        font-size:1em
    }
}
.modal {
    position:absolute;
    top:50%;
    left:0;
    right:0;
    max-width:960px;
    padding:30px;
    box-sizing:border-box;
    background:#fff;
    box-shadow:1px 1px 10px 2px rgba(0,0,0,.1);
    transform:scale(.7) translate3d(0,-30%,0);
    transition:transform .2s,opacity .2s;
    z-index:-1;
    opacity:0;
    margin:0 auto
}
.modal.is-active {
    opacity:1;
    z-index:2;
    transform:scale(1) translate3d(0,-50%,0);
    transition:transform .2s,opacity .2s
}
.modal__close {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    border:0;
    outline:0;
    cursor:pointer;
    background:#00a4ec
}
.modal__overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:-1;
    transition:background ease-in-out .3s
}
.modal__overlay.is-active {
    z-index:1;
    background:rgba(0,0,0,.5)
}
.truncate {
    width:140px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:15px 30px;
    background:#fff;
    box-shadow:0 0 1px 1px rgba(0,0,0,.41);
    box-sizing:border-box;
    z-index:10
}
.header-wrapper {
    float:left;
    clear:none;
    text-align:inherit;
    width:100%;
    margin-left:0;
    margin-right:3%;
    position:relative;
    height:100%
}
.header-wrapper::after {
    content:'';
    display:table;
    clear:both
}
.header-wrapper:last-child {
    margin-right:0
}
.header__crn {
    position:relative;
    float:left
}
.header__crn-image,.header__crn-info {
    display:inline-block;
    vertical-align:middle
}
.header__crn-image {
    width:40px;
    height:40px;
    margin-right:5px
}
.header__crn-info {
    position:relative
}
.header__crn-info__title {
    display:block;
    font-size:.8125em;
    color:#35383f
}
.header__crn-info__desc {
    font-size:.875em;
    color:#b0b2be
}
.section-answer {
    padding-top:70px;
    padding-bottom:50px
}
.answer-wrapper {
    float:left;
    clear:none;
    text-align:inherit;
    width:82.83333333333334%;
    margin-left:8.583333333333332%;
    margin-right:3%
}
.answer-wrapper::after {
    content:'';
    display:table;
    clear:both
}
.answer-wrapper:last-child {
    margin-right:0
}
.answer-title {
    display:block;
    font-size:1.25em;
    font-weight:500;
    color:#35383f;
    text-align:center;
    margin-top:40px;
    margin-bottom:7px
}
.answer-description {
    display:block;
    font-size:.9375em;
    font-weight:500;
    color:#b0b2be;
    text-align:center;
    line-height:1.2;
    margin-bottom:30px
}
.answer-instructions {
    width:100%;
    margin-bottom:30px
}
.answer-instructions span {
    display:block;
    font-size:.9375em;
    font-weight:600;
    color:#35383f;
    text-align:left;
    line-height:1.2
}
.answer-instructions>li:not(:last-child) {
    margin-bottom:5px
}
@media only screen and (min-width:768px) {
    .section-answer {
        padding-top:100px;
        padding-bottom:100px
    }
    .answer-title {
        margin-top:40px;
        font-size:1.5625em
    }
    .answer-description {
        font-size:1.0625em
    }
    .answer-instructions {
        margin-bottom:60px
    }
}
.section-home {
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center
}
.home-title {
    display:block;
    font-size:1.4375em;
    font-weight:500;
    color:#35383f;
    margin-bottom:15px
}
.home-description {
    display:block;
    font-size:1.25em;
    font-weight:400;
    color:#b0b2be;
    margin-top:-10px;
    margin-bottom:15px
}
@media only screen and (min-width:768px) {
    .home-title {
        font-size:1.875em
    }
    .home-description {
        font-size:1.5625em
    }
}
.section {
    position:relative;
    width:100%;
    box-sizing:border-box
}
/*# sourceMappingURL=maps/application.css.map */



/*# Customização para os formualrios */
.main-container
{
    padding: 30px 0px !important;
    background-image: url("../images/background_image.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: var(--font-color) !important;
}

.forms-container
{
    background-color: var(--main-bg-color);
    border-radius: 10px;
    padding-bottom: 20px;
}

.answer-containers
{
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}

.custom-answer-title
{
    width: fit-content !important;
    color: var(--font-color) !important;
}

.btn-forms
{
    background-color: var(--btn-main-color) !important;
}

.btn-forms:hover
{
    background-color: var(--btn-hover-color) !important;
    border: none !important;
    outline: none;
}

.btn-forms:focus
{
    background-color: var(--btn-selected-color) !important;
    border: none !important;
    outline: none;
}

.btn-forms:focus-visible
{
    background-color: var(--btn-selected-color) !important;
    border: none !important;
    outline: none;
}

.text-area-forms
{
    border-color: var(--highlight-light-color);
    box-shadow: none !important;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    background-color: #fffbef;
    width: 100%;
    padding: 5px;
}

.text-area-forms:focus
{
    border-color: var(--highlight-dark-color) !important;
}

.input-radio-custom:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.input-radio-custom:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--highlight-dark-color);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.text-area-forms:focus-visible
{
    border-color: var(--highlight-dark-color) !important;
    outline: none !important;
}