/* ======== Outros */
/* ======== Background Color Opacity */
/* ======== Columns */
h1, h2, h3, h4, h5, h6, p, span, strong {
  font-family: "Open Sans", sans-serif;
  color: #22323a; }

h1 {
  font-size: 42px;
  font-size: 2.625rem; }

h2 {
  font-size: 38px;
  font-size: 2.375rem; }

h3 {
  font-size: 22px;
  font-size: 1.375rem; }

h4 {
  font-size: 18px;
  font-size: 1.125rem; }

p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  color: #22323a; }
  @media (min-width: 992px) {
    p {
      font-size: 16px;
      line-height: 22px; } }

.title-sec {
  color: #666666; }
  .title-sec h2 {
    margin-bottom: 20px; }
  .title-sec strong {
    color: #fff; }

html {
  font-size: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
  background-color: #eee !important; }

* {
  box-sizing: border-box; }

/* float clearing for IE6 */
* html .clearfix {
  height: 1%;
  overflow: visible; }

/* float clearing for IE7 */
* + html .clearfix {
  min-height: 1%; }

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0; }

.page-content {
  padding: 0; }
  @media (min-width: 992px) {
    .page-content {
      padding: 0; } }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.bt-disabled {
  pointer-events: none;
  opacity: .65; }

.btn-full {
  display: block;
  width: 100%; }

.btn {
  background-color: #fff; }

form {
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  transition: ease 0.3s all; }

form.loading {
  opacity: 0.2;
  filter: alpha(opacity=20);
  pointer-events: none; }

#candidatura .invalid, #votacao .invalid, #form-login .invalid {
  border-color: #c33;
  box-shadow: 0 0 0 .2rem rgba(204, 51, 51, 0.4); }
#candidatura .valid, #votacao .valid, #form-login .valid {
  box-shadow: 0 0 0 .2rem rgba(0, 136, 34, 0.4);
  border-color: #082; }

input.error {
  border-color: #c33; }

select {
  background-color: #fff;
  width: 100%;
  display: block;
  border-radius: .25rem;
  border-color: #ced4da;
  color: #495057;
  padding: .375rem .75rem; }
  select:focus {
    outline: none;
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25);
    -moz-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25); }

.message-space {
  display: none;
  background-color: #ced4da;
  padding: 1rem .75rem;
  position: relative; }
  .message-space p {
    padding-left: 1rem;
    margin-left: 2rem;
    padding-bottom: 3px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 14px;
    font-size: 0.875rem;
    color: #22323a;
    line-height: 18px; }

.message-space {
  -webkit-transition: ease 0.3s all;
  -moz-transition: ease 0.3s all;
  -o-transition: ease 0.3s all;
  transition: ease 0.3s all;
  border-left-width: 2px;
  border-left-style: solid;
  margin-bottom: 1rem; }
  .message-space .checkmark {
    -webkit-transition: ease 0.3s all;
    -moz-transition: ease 0.3s all;
    -o-transition: ease 0.3s all;
    transition: ease 0.3s all;
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    left: 16px; }
  .message-space .checkmark_circle {
    width: 22px;
    height: 22px;
    border-radius: 11px; }
  .message-space .checkmark_circle,
  .message-space .checkmark_stem,
  .message-space .checkmark_kick {
    -webkit-transition: ease 0.3s all;
    -moz-transition: ease 0.3s all;
    -o-transition: ease 0.3s all;
    transition: ease 0.3s all;
    position: absolute; }
  .message-space .checkmark_stem,
  .message-space .checkmark_kick {
    background-color: #fff; }

.message-space.done {
  border-left-color: green; }
  .message-space.done .checkmark_circle {
    background-color: green;
    left: 0;
    top: 0; }
  .message-space.done .checkmark_stem {
    width: 3px;
    height: 9px;
    left: 11px;
    top: 6px; }
  .message-space.done .checkmark_kick {
    width: 3px;
    height: 3px;
    top: 10px;
    right: 6px; }

.message-space.error {
  border-left-color: #c33; }
  .message-space.error .checkmark_circle {
    background-color: #c33; }
  .message-space.error .checkmark_stem,
  .message-space.error .checkmark_kick {
    width: 10px;
    height: 2px;
    top: 10px;
    right: 5.5px; }
  .message-space.error .checkmark_kick {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.wrapper {
  width: 100px;
  margin: 1em auto 0; }

.checkmark {
  stroke: green;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  animation: dash 5s ease-out forwards 1; }

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625; }
  100% {
    stroke-dashoffset: 0; } }
.word-dashed {
  position: relative;
  border-top: 1px solid #030303;
  padding-top: 5px;
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .word-dashed {
      margin-left: 1rem; } }
  .word-dashed legend {
    max-width: 285px;
    margin-bottom: 0;
    margin-left: -1rem;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center; }
    @media (min-width: 992px) {
      .word-dashed legend {
        text-align: left; } }

.cards-candidatos {
  margin-bottom: 15px; }
  .cards-candidatos:last-child {
    margin-bottom: 0; }
  .cards-candidatos .card {
    height: 235px;
    padding: 2rem 1rem 1rem;
    margin-bottom: 1.5rem; }
    .cards-candidatos .card .header {
      margin-bottom: 1.25rem;
      padding-bottom: 1rem; }
      .cards-candidatos .card .header .card-sub {
        color: #030303; }
      .cards-candidatos .card .header p {
        margin-bottom: 0; }
    .cards-candidatos .card .foot {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      text-align: center; }
      .cards-candidatos .card .foot button {
        padding-left: 30px;
        padding-right: 30px; }

.box-alert {
  display: flex;
  align-items: center;
  background-color: #DEE1E2;
  padding: .5rem;
  border-left: 2px solid #e8aa00;
  margin-bottom: 15px; }
  .box-alert p {
    margin-bottom: 0; }
  .box-alert .icon {
    width: 45px;
    color: #e8aa00; }
    .box-alert .icon svg {
      margin-right: 8px; }
      @media (min-width: 992px) {
        .box-alert .icon svg {
          margin-right: 0px;
          margin-left: 8px; } }

.popup, .popup-regulamento,
.glass {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.popup, .popup-regulamento {
  display: none; }
  .popup .glass, .popup-regulamento .glass {
    background: #030303;
    background: rgba(3, 3, 3, 0.8); }
  .popup .content, .popup-regulamento .content {
    background-color: #fff;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 500px;
    height: 85vh;
    border: 1px solid #ced4da;
    padding: 1rem 1rem 2rem;
    margin: auto 1rem; }
    @media (min-width: 576px) {
      .popup .content, .popup-regulamento .content {
        margin: auto auto; } }
    .popup .content .close-content, .popup-regulamento .content .close-content {
      text-align: right; }
      .popup .content .close-content a, .popup-regulamento .content .close-content a {
        font-size: 12px;
        font-size: 0.75rem;
        background-color: #ced4da;
        display: inline;
        padding: 1.6px 6px;
        border-radius: 50%;
        -webkit-transition: ease 0.3s all;
        -moz-transition: ease 0.3s all;
        -o-transition: ease 0.3s all;
        transition: ease 0.3s all; }
        .popup .content .close-content a:hover, .popup-regulamento .content .close-content a:hover {
          cursor: pointer;
          color: #ced4da;
          background-color: #fff; }
    .popup .content .header, .popup-regulamento .content .header {
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #ced4da; }
      .popup .content .header span, .popup-regulamento .content .header span {
        font-size: 18px;
        font-weight: 700;
        color: #044e87; }
    .popup .content .body, .popup-regulamento .content .body {
      max-height: 54vh;
      overflow: auto; }
      .popup .content .body strong, .popup-regulamento .content .body strong {
        color: #044e87; }
      .popup .content .body .box-modal-content .img, .popup-regulamento .content .body .box-modal-content .img {
        max-width: 120px;
        position: relative;
        display: none; }
        @media (min-width: 992px) {
          .popup .content .body .box-modal-content .img, .popup-regulamento .content .body .box-modal-content .img {
            display: block; } }
        .popup .content .body .box-modal-content .img img, .popup-regulamento .content .body .box-modal-content .img img {
          max-width: 100%;
          height: auto; }
      .popup .content .body .box-modal-content .text-confederacao, .popup-regulamento .content .body .box-modal-content .text-confederacao {
        padding: 15px 0; }
    .popup .content .footer, .popup-regulamento .content .footer {
      position: absolute;
      bottom: 1rem; }
      .popup .content .footer button.btn-close, .popup-regulamento .content .footer button.btn-close {
        background-color: #eee;
        margin-left: 15px; }

.header-logo {
  padding: 45px 15px; }
  @media (min-width: 992px) {
    .header-logo {
      background-attachment: fixed;
      padding: 90px 15px; } }
  .header-logo img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 80%; }
    @media (min-width: 992px) {
      .header-logo img {
        max-width: 100%; } }

.footer-logo .company {
  background-color: #22323a;
  padding: 45px 0; }
  .footer-logo .company .logo-site {
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .footer-logo .company .logo-site {
        margin-bottom: 0;
        text-align: left; } }
  @media (min-width: 992px) {
    .footer-logo .company .social {
      display: flex;
      align-items: center;
      justify-content: flex-end; } }
  .footer-logo .company .social ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 0; }
    @media (min-width: 992px) {
      .footer-logo .company .social ul {
        align-items: center;
        justify-content: flex-end; } }
    .footer-logo .company .social ul .first-icon {
      margin-left: 0px; }
      @media (min-width: 992px) {
        .footer-logo .company .social ul .first-icon {
          margin-left: 22px; } }
    .footer-logo .company .social ul li {
      margin-left: 20px; }
      @media (max-width: 992px) {
        .footer-logo .company .social ul li:first-child {
          margin-left: 0;
          display: block;
          width: 100%;
          text-align: center;
          margin-bottom: 15px; } }
      .footer-logo .company .social ul li p {
        margin-bottom: 0;
        text-transform: uppercase;
        color: #fff; }
      .footer-logo .company .social ul li svg {
        color: #fff; }
.footer-logo .copyrights {
  padding: 28px 0;
  background-color: #05141a;
  text-align: center; }
  .footer-logo .copyrights p {
    margin-bottom: 0;
    color: #fff; }
  .footer-logo .copyrights .company-copyright,
  .footer-logo .copyrights .develop {
    text-align: center; }
  .footer-logo .copyrights .company-copyright {
    margin-bottom: 15px; }
    @media (min-width: 992px) {
      .footer-logo .copyrights .company-copyright {
        margin-bottom: 0;
        text-align: left; } }
  @media (min-width: 992px) {
    .footer-logo .copyrights .develop {
      text-align: right; } }
  .footer-logo .copyrights .develop a {
    position: relative; }
    .footer-logo .copyrights .develop a img {
      max-width: 90px;
      margin-left: 5px;
      height: auto; }

.page-content {
  padding: 0 0 35px; }
  @media (min-width: 992px) {
    .page-content {
      padding: 0 0 75px; } }
  .page-content .box-title {
    background-color: #ddd;
    padding: 1rem; }
    .page-content .box-title * {
      text-align: center; }
    .page-content .box-title .title, .page-content .box-title .timeline-info {
      color: #044e87; }
    .page-content .box-title .title {
      margin-bottom: 8px;
      font-weight: 800;
      font-size: 34px;
      font-size: 2.125rem; }
    .page-content .box-title .sub-title, .page-content .box-title .timeline-info {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 700; }
    .page-content .box-title .sub-title {
      margin-bottom: 20px;
      color: #22323a; }
    .page-content .box-title .timeline-info {
      text-transform: uppercase;
      margin-bottom: 0; }
  .page-content .box-content .info-step {
    padding: 30px 0 15px; }
    .page-content .box-content .info-step p {
      margin-bottom: 0; }
  .page-content .box-content .steps {
    padding: 15px 0; }
    .page-content .box-content .steps p {
      flex-wrap: wrap;
      display: flex; }
      .page-content .box-content .steps p strong {
        width: 15px;
        margin-right: 5px; }
      .page-content .box-content .steps p span {
        display: block;
        line-height: 28px;
        margin-top: -3px;
        margin-bottom: 10px;
        width: 90%; }
        @media (min-width: 992px) {
          .page-content .box-content .steps p span {
            width: 95%; } }
  .page-content .box-minor-title {
    margin: 45px 0; }
    .page-content .box-minor-title * {
      margin-bottom: 0;
      text-align: center;
      display: block;
      font-size: 22px;
      font-size: 1.375rem;
      font-weight: 600;
      color: #044e87; }

.child-federation {
  padding: 1rem;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid #ccc; }
  @media (min-width: 992px) {
    .child-federation {
      flex-wrap: nowrap; } }
  .child-federation .desc-federation {
    margin-left: 1rem; }
    .child-federation .desc-federation strong {
      color: #044e87; }

.image-federation {
  position: relative;
  width: 50%;
  margin: 0 auto; }
  @media (min-width: 992px) {
    .image-federation {
      margin: 0;
      width: 120px; } }
  .image-federation img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem; }
    @media (min-width: 992px) {
      .image-federation img {
        margin: 0;
        margin-bottom: 0; } }

label a {
  font-weight: 500;
  color: #044e87; }

.regulamento-container ol[type="i"] li {
  list-style-type: "i"; }
.regulamento-container h2 {
  font-size: 22px;
  font-size: 1.375rem; }
.regulamento-container h3 {
  font-size: 18px;
  font-size: 1.125rem; }
.regulamento-container h3, .regulamento-container p {
  margin-bottom: 30px; }
.regulamento-container a {
  word-break: break-word;
  font-weight: 700;
  color: #044e87; }
.regulamento-container ol {
  margin-bottom: 30px;
  font-size: 14px;
  color: #444; }
  @media (min-width: 992px) {
    .regulamento-container ol {
      margin-left: 15px; } }
.regulamento-container .strong {
  font-weight: 700; }
.regulamento-container .centered {
  text-align: center; }
.regulamento-container .uppercased {
  text-transform: uppercase; }

/*# sourceMappingURL=style.css.map */