.clearfix:after,
.clearfix:before {
  content: "";
  clear: both;
  display: table;
}
.grid-2 > *:nth-of-type(2n + 3) {
  clear: left;
}
.grid-3 > *:nth-of-type(3n + 4) {
  clear: left;
}
.grid-12 > * {
  float: left;
  width: 33.33333333%;
}
.grid-12 > * ~ *:nth-child(even) {
  width: 66.66666667%;
}
.grid-12 > * ~ *:nth-child(odd) {
  clear: left;
}
.grid-21 > * {
  float: left;
  width: 66.66666667%;
}
.grid-21 > * + *:nth-child(even) {
  width: 33.33333333%;
}
.grid-31 > * {
  float: left;
  width: 75%;
}
.grid-31 > * + *:nth-child(even) {
  width: 25%;
}
.grid-31 > * ~ *:nth-child(odd) {
  clear: left;
}
.grid-13 > * {
  float: left;
  width: 25%;
}
.grid-13 > * + *:nth-child(even) {
  width: 75%;
}
.grid-13 > * ~ *:nth-child(odd) {
  clear: left;
}
.left {
  float: left;
}
.right {
  float: right;
}
html,
button {
  background: none;
}
img,
button,
input {
  border: none;
  outline: none;
}
input[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
Html,
Body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
li,
ul,
ol,
input,
label,
form,
fieldset,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  outline: none;
}
a {
  text-decoration: none;
}
table {
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  border: none;
}
textarea {
  resize: none;
}
object {
  display: none;
}
* {
  color: #333;
  box-sizing: border-box;
  font: 400 1em 'Noto Sans', sans-serif;
  line-height: 1.25em;
}
.col-1 {
  width: 100% !important;
}
.sec-1 {
  width: 50% !important;
}
.grid-1 > * {
  width: 100%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-1 {
    width: 100% !important;
  }
  .sec-1 {
    width: 100% !important;
  }
  .grid-1 > * {
    width: 100% !important;
    float: left;
  }
}
.col-2 {
  width: 50% !important;
}
.sec-2 {
  width: 66.66666667% !important;
}
.grid-2 > * {
  width: 50%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-2 {
    width: 100% !important;
  }
  .sec-2 {
    width: 100% !important;
  }
  .grid-2 > * {
    width: 100% !important;
    float: left;
  }
}
.col-3 {
  width: 33.33333333% !important;
}
.sec-3 {
  width: 75% !important;
}
.grid-3 > * {
  width: 33.33333333%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-3 {
    width: 100% !important;
  }
  .sec-3 {
    width: 100% !important;
  }
  .grid-3 > * {
    width: 100% !important;
    float: left;
  }
}
.col-4 {
  width: 25% !important;
}
.sec-4 {
  width: 80% !important;
}
.grid-4 > * {
  width: 25%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-4 {
    width: 100% !important;
  }
  .sec-4 {
    width: 100% !important;
  }
  .grid-4 > * {
    width: 100% !important;
    float: left;
  }
}
.col-5 {
  width: 20% !important;
}
.sec-5 {
  width: 83.33333333% !important;
}
.grid-5 > * {
  width: 20%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-5 {
    width: 100% !important;
  }
  .sec-5 {
    width: 100% !important;
  }
  .grid-5 > * {
    width: 100% !important;
    float: left;
  }
}
.col-6 {
  width: 16.66666667% !important;
}
.sec-6 {
  width: 85.71428571% !important;
}
.grid-6 > * {
  width: 16.66666667%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-6 {
    width: 100% !important;
  }
  .sec-6 {
    width: 100% !important;
  }
  .grid-6 > * {
    width: 100% !important;
    float: left;
  }
}
.col-7 {
  width: 14.28571429% !important;
}
.sec-7 {
  width: 87.5% !important;
}
.grid-7 > * {
  width: 14.28571429%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-7 {
    width: 100% !important;
  }
  .sec-7 {
    width: 100% !important;
  }
  .grid-7 > * {
    width: 100% !important;
    float: left;
  }
}
.col-8 {
  width: 12.5% !important;
}
.sec-8 {
  width: 88.88888889% !important;
}
.grid-8 > * {
  width: 12.5%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-8 {
    width: 100% !important;
  }
  .sec-8 {
    width: 100% !important;
  }
  .grid-8 > * {
    width: 100% !important;
    float: left;
  }
}
.col-9 {
  width: 11.11111111% !important;
}
.sec-9 {
  width: 90% !important;
}
.grid-9 > * {
  width: 11.11111111%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-9 {
    width: 100% !important;
  }
  .sec-9 {
    width: 100% !important;
  }
  .grid-9 > * {
    width: 100% !important;
    float: left;
  }
}
.col-10 {
  width: 10% !important;
}
.sec-10 {
  width: 90.90909091% !important;
}
.grid-10 > * {
  width: 10%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-10 {
    width: 100% !important;
  }
  .sec-10 {
    width: 100% !important;
  }
  .grid-10 > * {
    width: 100% !important;
    float: left;
  }
}
.col-11 {
  width: 9.09090909% !important;
}
.sec-11 {
  width: 91.66666667% !important;
}
.grid-11 > * {
  width: 9.09090909%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-11 {
    width: 100% !important;
  }
  .sec-11 {
    width: 100% !important;
  }
  .grid-11 > * {
    width: 100% !important;
    float: left;
  }
}
.col-12 {
  width: 8.33333333% !important;
}
.sec-12 {
  width: 92.30769231% !important;
}
.grid-12 > * {
  width: 8.33333333%;
  float: left;
}
@media all and (max-width: 640px) {
  .col-12 {
    width: 100% !important;
  }
  .sec-12 {
    width: 100% !important;
  }
  .grid-12 > * {
    width: 100% !important;
    float: left;
  }
}
h2 {
  text-transform: uppercase;
  font: 600 1.1em 'Noto Sans', sans-serif;
  line-height: 1.25em;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
select,
textarea {
  padding: 4px 8px;
}
form {
  background: #fff;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
}
form label {
  display: inline-block;
  margin: 10px auto 20px;
  padding: 5px;
  width: 100%;
}
form label > input,
form label select {
  border: none;
  width: 100%;
  border-bottom: 1px solid #62a63b;
}
[class^="btn-"] {
  text-transform: uppercase;
  height: 48px;
  width: 100%;
  padding: 8px 20px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  font: 600 0.9em 'Noto Sans', sans-serif;
  line-height: 1.25em;
  border-radius: 24px;
  box-shadow: 0 1px 2px #bddee8, 0 0px 0 rgba(0, 0, 0, 0.15);
}
[class^="btn-"] > * {
  vertical-align: middle;
  display: inline-block;
}
[class^="btn-"][class*='-wire'] {
  border-width: 2px;
  border-style: solid;
}
[class^="btn-"][class*='-wire'][class$="-green"] {
  color: #62a63b;
  border-color: #62a63b;
}
[class^="btn-"][class*='-wire']:hover {
  transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  box-shadow: 0 5px 10px -5px #bddee8, 0 0px 0 rgba(0, 0, 0, 0.15);
  transform: scale(1.075);
}
Body {
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #e3f1f5;
}
Body header {
  z-index: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
Body header #logo {
  height: auto;
  width: 360px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  color: #62a63b;
  font: 900 3em 'Noto Sans', sans-serif;
  line-height: 1.25em;
}
Body header #logo img {
  width: 180px;
  height: auto;
  display: block;
  margin: 0 auto;
}
Body header h1 {
  z-index: -1;
  text-align: center;
  transform: translateX(-50%) translateY(-30%);
  color: #cedbdf;
  font: 900 10em 'Noto Sans', sans-serif;
  line-height: 1.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
}
Body section {
  min-height: 63.5vh;
  height: auto;
  width: 360px;
  margin: 0 auto;
  padding: 0;
}
Body footer {
  text-align: center;
  background: #fff;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 5px;
}
Body footer p {
  color: #a56f00;
  font: 400 italic 0.8em 'Noto Sans', sans-serif;
  line-height: 1.25em;
}
.pagina-erro {
  background-color: #aecdd6;
}
.pagina-erro header span img {
  height: auto;
  width: 145px;
  margin: 0 auto;
  padding: 0;
}
.pagina-erro section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-height: 54.5vh;
  height: auto;
  width: 700px;
  margin: 0 auto;
  padding: 0;
}
@media all and (min-width: 912px) {
  .pagina-erro section {
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: center;
    align-items: inherit;
  }
}
@media all and (max-width: 911px) {
  .pagina-erro section {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: center;
    align-items: inherit;
  }
}
.pagina-erro section img {
  height: 38%;
  width: 38%;
  margin: 0 auto;
  padding: 0;
}
.pagina-erro section form {
  text-align: left;
  background: none;
  height: 265px;
  width: auto;
  margin: 35px 0 0 15px;
  padding: 0;
}
.pagina-erro section form div {
  line-height: 0.25em;
  height: auto;
  width: 404px;
  margin: 0 auto;
  padding: 0;
}
.pagina-erro section form div h1 {
  text-align: left;
  margin-bottom: 30px;
  font: 600 2em 'Noto Sans', sans-serif;
  line-height: 1.25em;
}
.pagina-erro section form a {
  display: flex;
  background: #ffff;
  border-radius: 20px;
  height: auto;
  width: 75%;
  margin: 30px 0 0 0;
  padding: 0;
}
.pagina-erro section form a h5 {
  font: 600 1em 'Noto Sans', sans-serif;
  line-height: 1.25em;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}