@font-face {
  font-weight: 300;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProLight.otf") format("otf");
}
@font-face {
  font-weight: 400;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProOblique.otf") format("otf");
}
@font-face {
  font-weight: 500;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProBook.otf") format("otf");
}
@font-face {
  font-weight: 600;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProRoman.otf") format("otf");
}
@font-face {
  font-weight: 700;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProMedium.otf") format("otf");
}
@font-face {
  font-weight: 800;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProHeavy.otf") format("otf");
}
@font-face {
  font-weight: 900;
  font-family: "Avenir";
  src: url("../fonts/AvenirLTProBlack.otf") format("otf");
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 1500px) {
  html {
    font-size: 50%;
  }
}

body {
  box-sizing: border-box;
  position: relative;
  font-family: "Avenir", sans-serif;
  color: #1D1D1D;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

.wrapper {
  width: 92%;
  max-width: 1680px;
  margin: auto;
}

::selection {
  background-color: #8a51e4;
  color: #fff;
}

footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
footer nav {
 display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    box-shadow: -3px -3px 10px rgb(0 0 0 / 8%), 3px 3px 10px rgb(0 0 0 / 8%);
    flex-wrap: wrap;
}

    
footer nav span {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  padding: 15px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  cursor: pointer;
}
footer nav span:not(:last-child) {
  border-right: 1px solid #E3E3E3;
}

footer .copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #DDDDDD;
  margin-top: 6rem;
  padding: 3rem 0 4rem;
  flex-wrap: wrap;
}
footer .copyright__logo {
  display: flex;
  align-items: center;
}
footer .copyright__logo-img {
  font-size: 0;
}
footer .copyright__logo span {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding-left: 1rem;
  color: #171717;
}

footer .copyright__whoDid {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #171717;
}

.header {
  height: 250px;
  display: flex;
  justify-content: center;
  position: relative;
  background-size: cover;
  background-position: top;
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0rem;
  padding-top: 10rem;
}
.header__logo {
  font-weight: 700;
  font-size: 4rem;
  line-height: 36px;
  text-align: center;
  color: #fff;
  width: 60%;
  justify-content: center;
  display: flex;
}

.points {
  position: relative;
}

.points__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  padding-top: 5.1rem;
}
.points__connection {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
}
.points__connection div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  max-width: 53px;
  width: 100%;
  position: relative;
  white-space: unset !important;
}

.points__connection div h2 {
  font-weight: 600;
  font-size: 7.5px;
  line-height: 10px;
  text-align: center;
  max-width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}
.points__connection div p {
  opacity: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  padding-bottom: 0.5rem;
  color: #15bd15;
}
.points__connection div p.finished {
  color: #EC0B0B;
}
.points__connection div span {
  background: #D6EDFF;
  border: 1.2px solid #0074CC;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  cursor: pointer;
}
.points__connection div:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 87px;
  height: 1.2px;
  border-right: 23px solid #0074CC;
  transform: translateY(50%);
  top: auto;
  margin-top: 36px;
}
.points__connection div.active:not(:last-child)::before {
  border-right: transparent;
}
.points__connection div.active p {
  opacity: 1;
}
.points__connection div.active span {
  background: #D6EDFF;
  border: 2px solid #15bd15;
  opacity: 1;
}
.points__connection div.active span.finished {
  border: 2px solid #EC0B0B;
}
.points__connection div.disable h2 {
  opacity: 0.1;
}
.points__connection div.disable span {
  background: #EFEFEF;
  border: 0;
}
.points__connection div.disable:not(:last-child)::before {
  opacity: 0.1;
}
.points__estados {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7rem;
}
.points__estados-primary, .points__estados-secondary {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  /*  top: 2rem;
   position: relative; */
}
.points__estados-primary span:nth-child(odd), .points__estados-secondary span:nth-child(odd) {
  margin-bottom: 3.6rem;
}

.points__estados-primary--divisao, .points__estados-primary--divisao2, .points__estados-secondary--divisao, .points__estados-secondary--divisao2 {
  display: flex;
}
.points__estados-primary--divisao span, .points__estados-primary--divisao2 span, .points__estados-secondary--divisao span, .points__estados-secondary--divisao2 span {
  background: #99D3FF;
  border: 1.2px dashed #47AFFF;
  width: 30px;
  height: 30px;
  margin-top: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: unset !important;
  cursor: pointer;
  font-weight: 800;
  font-size: 8px;
  line-height: 10px;
}
.points__estados-primary--divisao span:not(:last-child), .points__estados-primary--divisao2 span:not(:last-child), .points__estados-secondary--divisao span:not(:last-child), .points__estados-secondary--divisao2 span:not(:last-child) {
  margin-right: 4rem;
}

.points__estados-primary--divisao span:nth-child(odd), .points__estados-primary--divisao2 span:nth-child(odd), .points__estados-secondary--divisao span:nth-child(odd), .points__estados-secondary--divisao2 span:nth-child(odd) {
  margin-top: 2rem;
}

.points__estados-primary--divisao span:nth-child(even), .points__estados-primary--divisao2 span:nth-child(even), .points__estados-secondary--divisao span:nth-child(even), .points__estados-secondary--divisao2 span:nth-child(even) {
  margin-top: 0rem;
}

.points__estados-primary--divisao span.active, .points__estados-primary--divisao2 span.active, .points__estados-secondary--divisao span.active, .points__estados-secondary--divisao2 span.active {
  opacity: 1;
  z-index: 500;
}
.points__estados-primary--divisao span.disable, .points__estados-primary--divisao2 span.disable, .points__estados-secondary--divisao span.disable, .points__estados-secondary--divisao2 span.disable {
  opacity: 0.2;
}

.points__estados-main {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 4rem;
}
.points__estados-main span {
  background: #47AFFF;
  border: 1.2px dashed #99D3FF;
  border-radius: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: unset !important;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
}
.points__estados-main span:not(:last-child) {
  margin-right: 4rem;
}

.points__estados-main span:nth-child(1) {
  width: 170px;
  height: 170px;
  margin-left: 5rem;
}
.points__estados-main span:nth-child(2) {
  width: 90px;
  height: 90px;
  margin: 7rem 7rem 0 0;
}
.points__estados-main span:nth-child(3) {
  width: 80px;
  height: 80px;
  margin-top: 2rem;
}
.points__estados-main span.active {
  opacity: 1;
  z-index: 500;
}
.points__estados-main span.disable {
  opacity: 0.1;
}


.points__bioma {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.points__bioma-primary, .points__bioma-secondary {
  display: flex;
  text-align: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.points__bioma-primary div, .points__bioma-secondary div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  flex: 0 0 6.4rem;
  white-space: unset !important;
  z-index: 500;
  cursor: pointer;
}
.points__bioma-primary div h2, .points__bioma-secondary div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}

.points__bioma-primary div.disable, .points__bioma-secondary div.disable {
  opacity: 0.2;
}

.points__bioma-main {
  display: flex;
  align-items: center;
  text-align: center;
}
.points__bioma-main span {
  background: #47AFFF;
  border: 1.2px solid #99D3FF;
  border-radius: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  white-space: unset !important;
  cursor: pointer;
}
.points__bioma-main span:nth-child(1) {
  width: 75px;
  height: 75px;
  margin-top: 37px;
}
.points__bioma-main span:nth-child(2) {
  width: 120px;
  height: 120px;
}
.points__bioma-main span:nth-child(3) {
  width: 75px;
  height: 75px;
}
.points__bioma-main span:not(:last-child) {
  margin-right: 3rem;
}
.points__bioma-main span.active {
  opacity: 1;
  z-index: 500;
}
.points__bioma-main span.disable {
  opacity: 0.1;
}

.points__ods {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.points__ods-primary, .points__ods-secondary {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-around;
}

.points__ods-primary span.active, .points__ods-secondary span.active {
  opacity: 1;
  z-index: 500;
}
.points__ods-primary span.disable, .points__ods-secondary span.disable {
  opacity: 0.1;
}
.points__ods-primary div, .points__ods-secondary div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  flex: 0 0 6.4rem;
  position: relative;
  white-space: unset !important;
  cursor: pointer;
}
.points__ods-primary div h2, .points__ods-secondary div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}
.points__ods-primary span, .points__ods-secondary span {
  background: #1F9EFF;
  border: 1.2px dashed #70C1FF;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 8px;
  line-height: 10px;
  color: #fff;
  top: -1rem;
  position: relative;
  white-space: unset !important;
  cursor: pointer;
}

.points__ods-primary div.active, .points__ods-secondary div.active {
  opacity: 1;
  z-index: 500;
}
.points__ods-primary div.disable, .points__ods-secondary div.disable {
  opacity: 0.1;
}

.points__ods-main {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0 3rem 0 2rem;
  cursor: pointer;
}

.points__ods-main span {
  background: #47AFFF;
  border: 1.2px solid #99D3FF;
  border-radius: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  white-space: unset !important;
}

.points__ods-main span:nth-child(1) {
  width: 75px;
  height: 75px;
  margin-left: 3rem;
}
.points__ods-main span:nth-child(2) {
  width: 100px;
  height: 100px;
}
.points__ods-main span:not(:last-child) {
  margin-right: 6rem;
}

.points__ods-main span.active {
  opacity: 1;
  z-index: 500;
}
.points__ods-main span.disable {
  opacity: 0.1;
}

.points__doadores {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.points__doadores-primary, .points__doadores-secondary {
  display: flex;
  text-align: center;
  justify-content: space-between;
  /* flex-wrap: wrap; */
}

.points__doadores-primary div, .points__doadores-secondary div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  width: 100px;
  max-width: 100%;
  white-space: unset !important;
  z-index: 500;
  cursor: pointer;
}

.points__doadores-primary div h2, .points__doadores-secondary div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}

.points__doadores-primary div.disable, .points__doadores-secondary div.disable {
  opacity: 0.2;
}
.points__doadores-main {
  right: 6%;
  position: relative;
}
.points__doadores-main div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  width: 100px;
  max-width: 100%;
  white-space: unset !important;
  z-index: 500;
  cursor: pointer;
}
.points__doadores-main div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}
.points__doadores-main div.disable {
  opacity: 0.2;
}
.points .points__project {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}

.points .points__project-primary, .points .points__project-secondary {
  display: flex;
  text-align: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.points .points__project-primary div, .points .points__project-secondary div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  width: 75px;
  max-width: 100%;
  white-space: unset !important;
  cursor: pointer;
}
.points .points__project-primary div h2, .points .points__project-secondary div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}
.points .points__project-primary div.disable, .points .points__project-secondary div.disable {
  opacity: 0.2;
}

.points .points__linhas {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  justify-content: space-between;
  position: relative;
}

.points .points__linhas div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  flex: 0 0 6.2%;
  padding-bottom: 1rem;
  white-space: unset !important;
  z-index: 500;
  cursor: pointer;
}


.points .points__linhas div h2 {
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.6rem;
  padding-top: 0.6rem;
}
.points .points__linhas div.disable {
  opacity: 0.2;
}

.fullName {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 4rem;
}
.fullName__each:not(:last-child) {
  border-right: 2px solid #99D3FF;
  padding-right: 2rem;
}
.fullName__each p {
  font-size: 11.4px;
  color: #393939;
  padding-top: 1rem;
  display: flex;
}
.fullName__each p span {
  font-weight: 700;
  padding-right: 0.3rem;
}

/* extras */
span p {
  width: 5rem;
  white-space: pre;
}

/* MEDIA QUERIES */

/* Mobile */
@media only screen and (max-width: 767px) {
  .points .points__project {
    flex-wrap: wrap;
  }
  .points .points__linhas {
    margin-top: 1rem;
  }
  .points__estados-primary--divisao span:nth-child(odd), .points__estados-primary--divisao2 span:nth-child(odd), .points__estados-secondary--divisao span:nth-child(odd), .points__estados-secondary--divisao2 span:nth-child(odd) {
    margin-top: 0;
  }
  .points__estados-primary--divisao span:not(:last-child), .points__estados-primary--divisao2 span:not(:last-child), .points__estados-secondary--divisao span:not(:last-child), .points__estados-secondary--divisao2 span:not(:last-child) {
    margin-right: 2.5rem;
  }
  .points__estados-primary span:nth-child(odd), .points__estados-secondary span:nth-child(odd) {
    margin-bottom: 1rem;
  }
  .points__estados-primary--divisao span:nth-child(even), .points__estados-primary--divisao2 span:nth-child(even), .points__estados-secondary--divisao span:nth-child(even), .points__estados-secondary--divisao2 span:nth-child(even) {
    margin-top: 2;
  }
  .points__ods-main span:not(:last-child) {
    margin-right: 4rem;
  }
  div.points__doadores-main {
    right: -1%;
    top: -30%;
    transform: translate(10%, -100%);
    position: absolute;
}
    .points__doadores-primary div, .points__doadores-secondary div {
      width: 84.7px;
    }
    .points__ods-main {
    order: 1;
    padding-bottom: 3rem;
    position: relative;
    }
    .points__ods-primary, .points__ods-secondary {
    flex-wrap: wrap;
    margin-top: 2rem;
    }
    .points__ods-primary div, .points__ods-secondary div {
    order: 1;
    }
    .points__estados-primary--divisao, .points__estados-primary--divisao2, .points__estados-secondary--divisao, .points__estados-secondary--divisao2 {
      flex-wrap: wrap;
    }
    .points__estados-main span:not(:last-child) {
      margin-bottom: 2rem;
    }
    .points__estados-main {
      padding-top: 2rem;
      order: 1;
    }
    .points__estados-main span:nth-child(2)  {
      margin-right: 3rem;
    }
    .points__bioma {
      flex-wrap: wrap;
      justify-content: center;
    }
    .points__bioma-main {
      order: -1;
      margin-bottom: 2rem;
    }
    .points__bioma {
      flex-wrap: wrap;
    }
}

/* Tab port */
@media only screen and  (max-width: 1025px) {
  div.fullName__each p {
    display: block;
  }
  div.fullName__each:not(:last-child) {
    border-right: unset;
  }
  .points__estados {
    flex-wrap: wrap;
    margin-top: 3rem;
  }
  .points__ods {
    flex-wrap: wrap;
  }
  .points__doadores {
    flex-wrap: wrap;
    padding-bottom: 3rem;
  }
  .points .points__linhas div {
    width: 75px;
    max-width: 100%;
    flex: 20%;
  }
  .points__estados-primary--divisao span,
  .points__estados-primary--divisao2 span,
  .points__estados-secondary--divisao span,
  .points__estados-secondary--divisao2 span {
    font-size: 7px;
  }
  footer .copyright__logo span {
    margin: 1rem 0;
  }
  .header__logo {
    font-size: 3rem;
    line-height: 27px;
    width: 100%;
  }
  footer .copyright {
    border: 0;
    flex-direction: column;
    margin: 3rem 0 5rem;
  }
  footer .copyright__logo {
    flex-direction: column;
  }
  footer nav span {
    width: 35%;
    flex: 50%;
    padding: 15px 10px;
  }
  footer nav {
    margin-top: 3rem;
  }
  .leader-line {
    display: none;
  }
  footer nav span:not(:last-child) {
    border-bottom: 1px solid #E3E3E3;
  }
  /* .points__estados-primary--divisao span:not(:last-child), .points__estados-primary--divisao2 span:not(:last-child), .points__estados-secondary--divisao span:not(:last-child), .points__estados-secondary--divisao2 span:not(:last-child) {
    margin-right: 1rem;
  } */
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .points__estados-primary--divisao,
  .points__estados-primary--divisao2,
  .points__estados-secondary--divisao,
  .points__estados-secondary--divisao2 {
    flex-direction: column;
}
  .points__estados-primary, .points__estados-secondary {
    flex-direction: column-reverse;
  }
  .points__bioma-primary, .points__bioma-secondary {
    align-items: center;
  }
  .points__ods {
    top: -5rem;
    position: unset;
    align-items: unset;
    flex-wrap: nowrap;
  }
  .fullName,
  .points__estados {
    flex-wrap: nowrap;
}
.points__estados-primary--divisao,
.points__estados-primary--divisao2,
.points__estados-secondary--divisao,
.points__estados-secondary--divisao2 {
  flex-direction: row;
}
  .points__estados-primary--divisao span:not(:last-child),
   .points__estados-primary--divisao2 span:not(:last-child),
    .points__estados-secondary--divisao span:not(:last-child),
     .points__estados-secondary--divisao2 span:not(:last-child) {
    margin-right: 1rem;
}
  .points__ods-primary, .points__ods-secondary {
    flex-wrap: wrap;
  }
  .points__ods-main span:nth-child(2) {
    margin-top: 37px;
  }
  .points__doadores-primary, .points__doadores-secondary {
    align-items: center;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 1280px) {
  .points {
    width: 93%;
  }
  .points__estados-primary--divisao span:not(:last-child), .points__estados-primary--divisao2 span:not(:last-child), .points__estados-secondary--divisao span:not(:last-child), .points__estados-secondary--divisao2 span:not(:last-child) {
    margin-right: 3.3rem;
  }
}

/* Small desktop */
@media only screen and  (min-width: 1300px) {
  .points .points__linhas {
    bottom: 8rem;
  }
  .points .points__project {
    bottom: 8rem;
  }
  .points .points__project-primary, .points .points__project-secondary {
    margin: 2rem 0 0;
  }
  .points__doadores-primary div:nth-child(odd), .points__doadores-secondary div:nth-child(odd) {
    margin-top: 4rem;
  }
  .points__doadores-primary div:nth-child(5), .points__doadores-secondary div:nth-child(5) {
    margin: 0 4rem 6rem 0;
    position: relative;
    left: 3rem;
  }
  .points__bioma-primary div:last-child {
    margin: 0 3rem 9rem -1rem;
  }
  .points__bioma-secondary div:first-child {
    margin: 11rem 1rem 0 2rem !important;
  }
  .points__bioma-secondary div:nth-child(odd) {
    margin-top: 0;
  }
  .points__bioma-secondary div:nth-child(even) {
    margin-top: 4rem;
  }
  .points__bioma-primary div:nth-child(odd), .points__bioma-secondary div:nth-child(odd) {
    margin-top: 4rem;
  }
  .points__ods-primary div:first-child, .points__ods-secondary div:first-child {
    margin-top: 14rem;
    padding-right: 3rem;
  }
  .points__ods-primary div:last-child, .points__ods-secondary div:last-child {
    margin: 0 3rem 4rem 5rem;
  }
  .points__ods-primary span:not(:last-child), .points__ods-secondary span:not(:last-child) {
    margin-right: 1.6rem;
  }
  .points__ods-primary span:nth-child(odd), .points__ods-secondary span:nth-child(odd) {
    margin-top: 5rem;
  }
  .points__ods {
    bottom: 6rem;
  }
  .points__doadores {
    bottom: 9rem;
  }
}

@media only screen and (max-width: 1399px) {
  .points__connection div {
    max-width: 50px;
  }
}

/* Big desktop */
@media only screen and (min-width: 1920px) {
  .points .points__project-primary div, .points .points__project-secondary div {
    width: 100px;
  }
  .points__connection div {
    max-width: 67px;
  }
  .points__estados-primary--divisao span:not(:last-child), .points__estados-primary--divisao2 span:not(:last-child), .points__estados-secondary--divisao span:not(:last-child), .points__estados-secondary--divisao2 span:not(:last-child) {
    margin-right: 5rem;
  }
  .points__ods-main {
    padding: 0 2rem 0 0rem;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
}

#preloader .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader {
  color: rgb(112, 193, 255);
  font-size: 90px;
  text-indent: -5009em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes load6 {
  0% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@-webkit-keyframes round {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes round {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}