@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");* {
  margin: 0;
  padding: 0;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  outline: none
}

header {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  background-color: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 1001
}

header .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 72px
}

header .content>a img {
  width: 200px;
  height: auto
}

header .content .headerNav {
  display: -ms-flexbox;
  display: flex
}

header .content .headerNav a {
  font-size: 16.5px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  margin-right: 32px
}

footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 48px 0 0;
  background: #003337
}

footer .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 96px
}

footer .content>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

footer .content>div.spanLogo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

footer .content>div.spanLogo>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center
}

footer .content>div.spanLogo>span:first-of-type a {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 24px;
  border-radius: 8px
}

footer .content>div.spanLogo>span:first-of-type a img {
  width: 140px;
  height: auto
}

footer .content>div.spanLogo>span:last-of-type {
  margin-top: 24px;
  border-radius: 4px
}

footer .content>div.spanLogo>span:last-of-type img:first-of-type {
  max-width: 124px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  background: #fff;
  border-radius: 8px
}

footer .content>div.spanLogo>span:last-of-type img:last-of-type {
  background: #fff;
  border-radius: 8px;
  max-width: 148px;
  height: auto;
  margin-left: 24px
}

footer .content>div>strong {
  font-size: 18px;
  margin-bottom: 4px
}

footer .content>div.spanServices a,footer .content>div.spanLinks a,footer .content>div.spanContact a {
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  opacity: 0.9;
  margin-top: 10px
}

footer .content>div.spanServices a:hover,footer .content>div.spanLinks a:hover,footer .content>div.spanContact a:hover {
  opacity: 0.7
}

footer .content>div.spanContact a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

footer .content>div.spanContact a svg {
  width: 16px;
  height: auto;
  margin-top: 2px;
  margin-right: 8px
}

footer .copyrightContent {
  width: 100%;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #232323
}

footer .copyrightContent p {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  opacity: 0.8
}

.home>main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #4ACBD3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 176px 0
}

.home>main .content {
  width: 100%;
  max-width: 1200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.home>main .content>h1 {
  font-size: 48px;
  font-weight: 400
}

.home>main .content>p {
  font-size: 20px;
  font-weight: 400
}

.home>main .content>p:first-of-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 8px
}

.home>main .content>p:first-of-type:after {
  content: "";
  width: 72px;
  height: 8px;
  background: #fff;
  border-radius: 20px;
  margin-top: 12px
}

.home>main .content>p:last-of-type {
  padding-top: 36px
}

.home>main .content>form {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 40px
}

.home>main .content>form>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: center;
  -ms-flex-align: start;
  align-items: center;
}

.home>main .content>form>span:first-of-type {
  width: 640px;
}

.home>main .content>form>span:last-of-type {
  width: 640px;
  margin-top: 24px;
}

.home>main .content>form>span label {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.home>main .content>form>span input {
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  margin-top: 4px;
  border: none
}

.home>main .content>form>span input[name="placa"] {
  /* text-transform: uppercase */
}

.home>main .content>form>button {
  width: 300px;
  height: 56px;
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  border-radius: 6px;
  background: #074246;
  border: none;
  cursor: pointer;
  margin: 24px auto 0;
}

.home>main .content>form>button.waiting {
  opacity: 0.6;
  pointer-events: none;
  cursor: default
}

.home>main .content>form>button:hover {
  opacity: 0.9
}

.home .institutionalTexts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  margin: 64px auto
}

.home .institutionalTexts>h2 {
  font-size: 32px;
  line-height: 44px;
  color: #232323;
  text-align: center
}

.home .institutionalTexts>p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  padding-top: 8px
}

.home .institutionalCards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 72px
}

.home .institutionalCards>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.home .institutionalCards>div>span {
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 4px;
  background: transparent;
  margin-bottom: 16px
}

.home .institutionalCards>div>span img {
  width: 72px;
  height: auto
}

.home .institutionalCards>div>strong {
  font-size: 20px;
  color: #232323
}

.home .institutionalCards>div p {
  font-size: 16px;
  max-width: 340px;
  text-align: center;
  line-height: 22px;
  padding-top: 6px
}

.home .getFull {
  display: none !important;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  background: rgba(0,0,0,0.03);
  border-radius: 4px;
  margin: 0 auto 124px
}

.home .getFull>h3 {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 24px
}

.home .getFull>h3 strong {
  font-weight: 600
}

.home .getFull>p {
  display: block;
  font-size: 18px;
  padding: 8px 0 24px
}

.home .getFull>strong {
  padding-bottom: 12px
}

.home .getFull__benefits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0
}

.home .getFull__benefits>strong {
  padding: 24px 0 12px
}

.home .getFull__benefits span {
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px
}

.home .getFull__benefits span svg {
  width: 20px;
  height: auto;
  margin-right: 6px
}

.home .getFull__benefits span svg path {
  stroke: #4ACBD3
}

.home .getFull__benefits span p {
  font-size: 16px
}

.home .getFull__benefits>a {
  font-size: 16px;
  font-weight: 700;
  color: #4ACBD3;
  margin: 12px 0 0
}

.home .getNow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 64%;
  background: #4ACBD3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 32px;
  border-radius: 4px;
  margin: 32px auto 40px
}

.home .getNow>h4 {
  font-size: 24px;
  font-weight: 600;
  text-align: center
}

.home .getNow>p {
  font-size: 14px;
  color: #fff
}

.home .getNow__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  width: 100%
}

.home .getNow__price>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0 0
}

.home .getNow__price>span p {
  font-size: 14px;
  font-weight: 700
}

.home .getNow__price>span strong {
  font-size: 48px;
  font-weight: 700;
  position: relative;
  top: -4px;
  margin: 0 4px
}

.home .getNow__price>span small {
  font-weight: 300
}

.home .getNow__price>p {
  font-size: 14px;
  font-weight: 700;
  margin-top: -4px
}

.home .getNow>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 264px;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  background: #2C7579;
  border-radius: 4px;
  margin-top: 12px;
  margin-bottom: 16px
}

.home .getNow>a:hover {
  opacity: 0.9
}

.home .searchingOverlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.6);
  z-index: 11
}

.home .searchingOverlay.active {
  display: -ms-flexbox;
  display: flex
}

.home .searching {
  position: relative;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 12
}

.home .searching.active {
  display: -ms-flexbox;
  display: flex
}

.home .searching .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  padding: 24px 0 32px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px
}

.home .searching .content .searchingTop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.home .searching .content .searchingTop>span {
  position: relative
}

.home .searching .content .searchingTop>span img:first-of-type {
  width: 200px;
  height: auto
}

.home .searching .content .searchingTop>span img:last-of-type {
  position: absolute;
  right: -15px;
  bottom: 0;
  width: 30px;
  height: 30px
}

.home .searching .content .searchingTop>p {
  font-size: 24px;
  font-weight: 300;
  padding: 12px 0 24px
}

.home .searching .content .searchingTop>p strong {
  text-transform: uppercase;
  font-weight: 700
}

.home .searching .content .searchingInfos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.home .searching .content .searchingInfos>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 48px
}

.home .searching .content .searchingInfos>span:nth-of-type(odd) {
  background: rgba(0,0,0,0.05)
}

.home .searching .content .searchingBottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 16px
}

.home .searching .content .searchingBottom>p {
  font-size: 14px;
  font-weight: 600;
  background: #424B54;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 4px;
  color: #fff
}

.home .searching .content .searchingBottom .container {
  background-color: #fff;
  width: 70%;
  height: 40px;
  border-radius: 10px;
  margin-top: 12px
}

.home .searching .content .searchingBottom #LoadingBar1 {
  border: solid 2px #424B54;
  border-radius: 35px;
  height: 40%;
  width: 90%;
  margin-left: 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.home .searching .content .searchingBottom .purplebox {
  background-color: #4ACBD3;
  margin-left: 1%;
  width: 13%;
  height: 80%;
  visibility: hidden
}

.home .searching .content .searchingBottom #box1,.home .searching .content .searchingBottom #box2,.home .searching .content .searchingBottom #box3,.home .searching .content .searchingBottom #box4,.home .searching .content .searchingBottom #box5,.home .searching .content .searchingBottom #box6,.home .searching .content .searchingBottom #box7 {
  -webkit-animation-name: box;
  animation-name: box;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.home .searching .content .searchingBottom #box1 {
  margin-left: 0%;
  border-radius: 35px 0px 0px 35px
}

.home .searching .content .searchingBottom #box2,.home .searching .content .searchingBottom #O {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s
}

.home .searching .content .searchingBottom #box3,.home .searching .content .searchingBottom #A {
  -webkit-animation-delay: 0.50s;
  animation-delay: 0.50s
}

.home .searching .content .searchingBottom #box4,.home .searching .content .searchingBottom #D {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s
}

.home .searching .content .searchingBottom #box5,.home .searching .content .searchingBottom #I {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.home .searching .content .searchingBottom #box6,.home .searching .content .searchingBottom #N {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s
}

.home .searching .content .searchingBottom #box7,.home .searching .content .searchingBottom #G {
  -webkit-animation-delay: 1.50s;
  animation-delay: 1.50s;
  border-radius: 0px 35px 35px 0px
}

@-webkit-keyframes box {
  0% {
      visibility: hidden;
      background-color: #4ACBD3
  }

  20% {
      visibility: hidden
  }

  33% {
      visibility: visible
  }

  50% {
      background-color: #4ACBD3
  }

  100% {
      background-color: #4ACBD3
  }
}

@keyframes box {
  0% {
      visibility: hidden;
      background-color: #4ACBD3
  }

  20% {
      visibility: hidden
  }

  33% {
      visibility: visible
  }

  50% {
      background-color: #4ACBD3
  }

  100% {
      background-color: #4ACBD3
  }
}

.home .cardsTypes {
  position: relative;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 48px auto 0;
  padding-bottom: 194px
}

.home .cardsTypes .content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -ms-flex-pack: center;
  justify-content: center
}

.home .cardsTypes .consultaType {
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(50% - 16px);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 24px
}

.home .cardsTypes .consultaType>img {
  width: 204px;
  height: auto;
  margin-bottom: 12px
}

.home .cardsTypes .consultaType span {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px
}

.home .cardsTypes .consultaType span svg {
  width: 20px;
  height: auto;
  margin-right: 6px
}

.home .cardsTypes .consultaType span svg path {
  stroke: #4ACBD3
}

.home .cardsTypes .consultaType span p {
  font-size: 16px
}

.home .cardsTypes .consultaType .typePrice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: 24px
}

.home .cardsTypes .consultaType .typePrice>p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px
}

.home .cardsTypes .consultaType .typePrice>p span {
  padding-top: 0;
  padding-left: 8px;
  text-decoration: line-through
}

.home .cardsTypes .consultaType .typePrice>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px
}

.home .cardsTypes .consultaType .typePrice>span small {
  padding-right: 8px
}

.home .cardsTypes .consultaType .typePrice>span strong {
  font-size: 40px;
  color: #232323;
  padding-left: 6px
}

.home .cardsTypes .consultaType .typePrice>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  color: #232323;
  border: 1px solid #074246;
  max-width: calc(100% - 32px);
  border-radius: 4px;
  margin-top: 12px
}

.home .bgCar {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 72px 0;
  overflow: hidden
}

.home .bgCar img {
  width: 20%;
  height: auto;
  margin-right: -5vw
}

.home .bgCar:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -12vh;
  right: -6vw;
  width: 104px;
  height: 100vh;
  background: #4ACBD3;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  z-index: -1
}

.consulta .consultaTop,.emitir .consultaTop,.finalizado .consultaTop {
  width: 100%;
  height: auto;
  background: #4ACBD3;
  margin-top: 72px;
  padding-bottom: 48px
}

.consulta .consultaTop .content,.emitir .consultaTop .content,.finalizado .consultaTop .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
  padding-top: 32px;
  margin: 0 auto
}

.consulta .consultaTop .content .consultaTop__logo,.emitir .consultaTop .content .consultaTop__logo,.finalizado .consultaTop .content .consultaTop__logo {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #074246;
  padding: 24px 32px;
  border-radius: 8px;
  margin-top: 16px
}

.consulta .consultaTop .content .consultaTop__logo img,.emitir .consultaTop .content .consultaTop__logo img,.finalizado .consultaTop .content .consultaTop__logo img {
  width: 100%;
  height: auto
}

.consulta .consultaTop .content .consultaTop__logo #placaConsultada,.emitir .consultaTop .content .consultaTop__logo #placaConsultada,.finalizado .consultaTop .content .consultaTop__logo #placaConsultada {
  margin-top: -40px;
  width: 228px;
  height: 77px;
  background-image: url("https://antifraudebrasil.com/assets/placa-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.consulta .consultaTop .content .consultaTop__logo #placaConsultada p,.emitir .consultaTop .content .consultaTop__logo #placaConsultada p,.finalizado .consultaTop .content .consultaTop__logo #placaConsultada p {
  position: relative;
  top: 6px;
  font-size: 32px;
  font-weight: 700
}

.consulta .consultaTop .content .infoBox,.emitir .consultaTop .content .infoBox,.finalizado .consultaTop .content .infoBox {
  width: 248px;
  height: 72px;
  height: auto;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 16px;
  border-radius: 4px;
  margin-top: 24px
}

.consulta .consultaTop .content .infoBox strong,.emitir .consultaTop .content .infoBox strong,.finalizado .consultaTop .content .infoBox strong {
  font-size: 16px;
  font-weight: 700;
  color: #4ACBD3
}

.consulta .consultaTop .content .infoBox p,.emitir .consultaTop .content .infoBox p,.finalizado .consultaTop .content .infoBox p {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 2px 0
}

.consulta .moreInfos,.emitir .moreInfos,.finalizado .moreInfos {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 32px;
  padding-left: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.consulta .moreInfos>p,.emitir .moreInfos>p,.finalizado .moreInfos>p {
  font-size: 20px;
  padding-bottom: 16px
}

.consulta .moreInfos span,.emitir .moreInfos span,.finalizado .moreInfos span {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
  font-weight: 500
}

.consulta .moreInfos span p,.emitir .moreInfos span p,.finalizado .moreInfos span p {
  font-weight: 400;
  margin-right: 12px
}

.consulta .alertInfo,.emitir .alertInfo,.finalizado .alertInfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1024px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 24px;
  color: #FFF;
  background: #EC644B;
  border-radius: 4px;
  margin: 40px auto 0
}

.consulta .alertInfo>img,.emitir .alertInfo>img,.finalizado .alertInfo>img {
  width: 56px;
  height: auto;
  margin-right: 24px
}

.consulta .alertInfo span,.emitir .alertInfo span,.finalizado .alertInfo span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.consulta .alertInfo span strong,.emitir .alertInfo span strong,.finalizado .alertInfo span strong {
  font-size: 20px;
  font-weight: 700
}

.consulta .alertInfo span p,.emitir .alertInfo span p,.finalizado .alertInfo span p {
  font-size: 16px;
  font-weight: 400;
  padding-top: 4px
}

.consulta .getFull,.emitir .getFull,.finalizado .getFull {
  display: none !important;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  background: rgba(0,0,0,0.03);
  border-radius: 4px;
  margin: 56px auto 0
}

.consulta .getFull>h3,.emitir .getFull>h3,.finalizado .getFull>h3 {
  font-size: 24px;
  font-weight: 300
}

.consulta .getFull>h3 strong,.emitir .getFull>h3 strong,.finalizado .getFull>h3 strong {
  font-weight: 600
}

.consulta .getFull>p,.emitir .getFull>p,.finalizado .getFull>p {
  display: block;
  font-size: 18px;
  padding: 8px 0 24px
}

.consulta .getFull>strong,.emitir .getFull>strong,.finalizado .getFull>strong {
  padding-bottom: 12px
}

.consulta .getFull__benefits,.emitir .getFull__benefits,.finalizado .getFull__benefits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0
}

.consulta .getFull__benefits>strong,.emitir .getFull__benefits>strong,.finalizado .getFull__benefits>strong {
  padding: 24px 0 12px
}

.consulta .getFull__benefits span,.emitir .getFull__benefits span,.finalizado .getFull__benefits span {
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px
}

.consulta .getFull__benefits span svg,.emitir .getFull__benefits span svg,.finalizado .getFull__benefits span svg {
  width: 20px;
  height: auto;
  margin-right: 6px
}

.consulta .getFull__benefits span svg path,.emitir .getFull__benefits span svg path,.finalizado .getFull__benefits span svg path {
  stroke: #4ACBD3
}

.consulta .getFull__benefits span p,.emitir .getFull__benefits span p,.finalizado .getFull__benefits span p {
  font-size: 16px
}

.consulta .getFull__benefits>a,.emitir .getFull__benefits>a,.finalizado .getFull__benefits>a {
  font-size: 16px;
  font-weight: 700;
  color: #4ACBD3;
  margin: 12px 0 0
}

.consulta .getNow,.emitir .getNow,.finalizado .getNow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 64%;
  background: #4ACBD3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 32px;
  border-radius: 4px;
  margin: 32px auto 40px
}

.consulta .getNow>h4,.emitir .getNow>h4,.finalizado .getNow>h4 {
  font-size: 24px;
  font-weight: 600;
  text-align: center
}

.consulta .getNow>p,.emitir .getNow>p,.finalizado .getNow>p {
  font-size: 14px;
  color: #fff
}

.consulta .getNow__price,.emitir .getNow__price,.finalizado .getNow__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  width: 100%
}

.consulta .getNow__price>span,.emitir .getNow__price>span,.finalizado .getNow__price>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0 0
}

.consulta .getNow__price>span p,.emitir .getNow__price>span p,.finalizado .getNow__price>span p {
  font-size: 14px;
  font-weight: 700
}

.consulta .getNow__price>span strong,.emitir .getNow__price>span strong,.finalizado .getNow__price>span strong {
  font-size: 48px;
  font-weight: 700;
  position: relative;
  top: -4px;
  margin: 0 4px
}

.consulta .getNow__price>span small,.emitir .getNow__price>span small,.finalizado .getNow__price>span small {
  font-weight: 300
}

.consulta .getNow__price>p,.emitir .getNow__price>p,.finalizado .getNow__price>p {
  font-size: 14px;
  font-weight: 700;
  margin-top: -4px
}

.consulta .getNow>a,.emitir .getNow>a,.finalizado .getNow>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 264px;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  background: #2C7579;
  border-radius: 4px;
  margin-top: 12px;
  margin-bottom: 16px
}

.consulta .getNow>a:hover,.emitir .getNow>a:hover,.finalizado .getNow>a:hover {
  opacity: 0.9
}

.consulta footer,.emitir footer,.finalizado footer {
  margin-top: 0
}

.consulta .cardsTypes,.emitir .cardsTypes,.finalizado .cardsTypes {
  position: relative;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 48px auto 0;
  padding-bottom: 194px
}

.consulta .cardsTypes .content,.emitir .cardsTypes .content,.finalizado .cardsTypes .content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.consulta .cardsTypes .consultaType,.emitir .cardsTypes .consultaType,.finalizado .cardsTypes .consultaType {
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(50% - 16px);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 24px
}

.consulta .cardsTypes .consultaType>img,.emitir .cardsTypes .consultaType>img,.finalizado .cardsTypes .consultaType>img {
  width: 184px;
  height: auto;
  margin-bottom: 12px
}

.consulta .cardsTypes .consultaType span,.emitir .cardsTypes .consultaType span,.finalizado .cardsTypes .consultaType span {
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px
}

.consulta .cardsTypes .consultaType span svg,.emitir .cardsTypes .consultaType span svg,.finalizado .cardsTypes .consultaType span svg {
  width: 20px;
  height: auto;
  margin-right: 6px
}

.consulta .cardsTypes .consultaType span svg path,.emitir .cardsTypes .consultaType span svg path,.finalizado .cardsTypes .consultaType span svg path {
  stroke: #4ACBD3
}

.consulta .cardsTypes .consultaType span p,.emitir .cardsTypes .consultaType span p,.finalizado .cardsTypes .consultaType span p {
  font-size: 16px
}

.consulta .cardsTypes .consultaType .typePrice,.emitir .cardsTypes .consultaType .typePrice,.finalizado .cardsTypes .consultaType .typePrice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: 24px
}

.consulta .cardsTypes .consultaType .typePrice>p,.emitir .cardsTypes .consultaType .typePrice>p,.finalizado .cardsTypes .consultaType .typePrice>p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px
}

.consulta .cardsTypes .consultaType .typePrice>p span,.emitir .cardsTypes .consultaType .typePrice>p span,.finalizado .cardsTypes .consultaType .typePrice>p span {
  padding-top: 0;
  padding-left: 8px;
  text-decoration: line-through
}

.consulta .cardsTypes .consultaType .typePrice>span,.emitir .cardsTypes .consultaType .typePrice>span,.finalizado .cardsTypes .consultaType .typePrice>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px
}

.consulta .cardsTypes .consultaType .typePrice>span small,.emitir .cardsTypes .consultaType .typePrice>span small,.finalizado .cardsTypes .consultaType .typePrice>span small {
  padding-right: 8px
}

.consulta .cardsTypes .consultaType .typePrice>span strong,.emitir .cardsTypes .consultaType .typePrice>span strong,.finalizado .cardsTypes .consultaType .typePrice>span strong {
  font-size: 40px;
  color: #232323;
  padding-left: 6px
}

.consulta .cardsTypes .consultaType .typePrice>a,.emitir .cardsTypes .consultaType .typePrice>a,.finalizado .cardsTypes .consultaType .typePrice>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  color: #232323;
  border: 1px solid #074246;
  max-width: calc(100% - 32px);
  border-radius: 4px;
  margin-top: 12px
}

.consulta .cardsTypes .consultaType .typePrice>a:last-of-type,.emitir .cardsTypes .consultaType .typePrice>a:last-of-type,.finalizado .cardsTypes .consultaType .typePrice>a:last-of-type {
  width: 320px;
  font-size: 16px;
  font-weight: 600;
  border: #4ACBD3;
  background: #4ACBD3;
  height: 48px;
  margin-bottom: 32px
}

.consulta .cardsTypes .bgCar,.emitir .cardsTypes .bgCar,.finalizado .cardsTypes .bgCar {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 72px 0;
  overflow: hidden
}

.consulta .cardsTypes .bgCar img,.emitir .cardsTypes .bgCar img,.finalizado .cardsTypes .bgCar img {
  width: 30%;
  height: auto;
  margin-right: -5vw
}

.consulta .cardsTypes .bgCar:before,.emitir .cardsTypes .bgCar:before,.finalizado .cardsTypes .bgCar:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -12vh;
  right: -6vw;
  width: 104px;
  height: 100vh;
  background: #4ACBD3;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  z-index: -1
}

.pulse-button {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 0 rgba(74,203,211,0.5);
  box-shadow: 0 0 0 0 rgba(74,203,211,0.5);
  -webkit-animation: pulsing 2s infinite
}

.pulse-button-blue {
  -webkit-box-shadow: 0 0 0 0 rgba(74,203,211,0.5);
  box-shadow: 0 0 0 0 rgba(74,203,211,0.5)
}

.pulse-button:hover {
  -webkit-animation: none
}

@-webkit-keyframes pulsing {
  0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: 0 0 12px 16px rgba(74,203,211,0);
      box-shadow: 0 0 12px 16px rgba(74,203,211,0)
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: 0 0 0 0 rgba(74,203,211,0);
      box-shadow: 0 0 0 0 rgba(74,203,211,0)
  }
}

@keyframes pulsing {
  0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95)
  }

  70% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: 0 0 12px 16px rgba(74,203,211,0);
      box-shadow: 0 0 12px 16px rgba(74,203,211,0)
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: 0 0 0 0 rgba(74,203,211,0);
      box-shadow: 0 0 0 0 rgba(74,203,211,0)
  }
}

.emitir .consultaTop .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.emitir .consultaTop .boxDescription {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 0
}

.emitir .consultaTop .boxDescription h3 {
  font-size: 48px;
  color: #FFF;
  font-weight: 700
}

.emitir .consultaTop .boxDescription p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  padding-top: 2px
}

.emitir .emitirCheckout {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.emitir .emitirCheckout>p {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 32px;
  font-size: 16px;
  padding-bottom: 12px;
  text-align: center
}

.emitir .emitirCheckout span {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
  font-weight: 500
}

.emitir .emitirCheckout span p {
  font-weight: 400;
  margin-right: 12px
}

.emitir .checkoutInfo {
  font-size: 12px;
  background: rgba(74,203,211,0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 24px;
  border-radius: 4px;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto 124px
}

.emitir .checkoutPrev {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto
}

.emitir .checkoutPrev .infoCard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
  min-width: 60%
}

.emitir .checkoutPrev .infoCard .infoCard__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.emitir .checkoutPrev .infoCard .infoCard__title svg {
  width: 48px;
  height: auto
}

.emitir .checkoutPrev .infoCard .infoCard__title svg path {
  fill: #1a3c4c
}

.emitir .checkoutPrev .infoCard .infoCard__description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(74,203,211,0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 32px 16px;
  max-width: 700px
}

.emitir .checkoutPrev .infoCard .infoCard__description span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.emitir .checkoutPrev .infoCard .infoCard__description span ul {
  padding-top: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 12px 12px;
  border: 1px dashed #1a3c4c
}

.emitir .checkoutPrev .infoCard .infoCard__description span ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none
}

.emitir .checkoutPrev .infoCard .infoCard__description span ul li p {
  margin-top: 8px;
  margin-bottom: 4px
}

.emitir .checkoutPrev .infoCard .infoCard__description span span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 16px
}

.emitir .checkoutPrev .infoCard .infoCard__description span span label {
  font-size: 15px;
  color: #232323;
  padding-bottom: 4px
}

.emitir .checkoutPrev .infoCard .infoCard__description span span strong {
  font-size: 16px;
  color: #232323
}

.emitir .checkoutchat {
  width: 100%;
  max-width: 970px;
  padding: 32px 0;
  margin: 0 auto 48px
}

.emitir .checkoutchat>.value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.emitir .checkoutchat>.value p {
  font-size: 16px;
  font-weight: 500;
  color: #363636;
  background: #F8F8F8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 8px
}

.emitir .checkoutchat>.value img {
  position: relative;
  top: 2px;
  width: 140px;
  height: auto;
  margin-left: 16px
}

.emitir .checkoutchat .step28 {
  margin-top: 24px
}

.emitir .checkoutchat .step28 .fieldmessage.dsc>span {
  text-decoration: line-through
}

.emitir .checkoutchat .step28 .fieldmessage.dscn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.emitir .checkoutchat .step28 .fieldmessage.dscn .countdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 6px
}

.emitir .checkoutchat .step28 .fieldmessage.dscn .countdown__divisor {
  font-size: 26px;
  font-weight: 700;
  padding: 0 16px
}

.emitir .checkoutchat .step28 .fieldmessage.dscn .countdown>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.emitir .checkoutchat .step28 .fieldmessage.dscn .countdown>div>span {
  font-size: 32px;
  font-weight: 600;
  color: #363636
}

.emitir .checkoutchat .step28 .fieldmessage.dscn .countdown>div>p {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  margin-top: 6px
}

.emitir .checkoutchat .step28 .fieldmessage>img {
  display: block;
  width: 56%;
  max-width: 312px
}

.emitir .checkoutchat .step28 .loading-payment,.emitir .checkoutchat .step28 .loading-pix {
  display: none !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 9999999
}

.emitir .checkoutchat .step28 .loading-payment.active,.emitir .checkoutchat .step28 .loading-pix.active {
  display: -ms-flexbox !important;
  display: flex !important
}

.emitir .checkoutchat .step28 .loading-payment:after,.emitir .checkoutchat .step28 .loading-pix:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6)
}

.emitir .checkoutchat .step28 .loading-payment .loading-content,.emitir .checkoutchat .step28 .loading-pix .loading-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 596px;
  height: auto;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  z-index: 9999999
}

.emitir .checkoutchat .step28 .loading-payment .loading-content h4,.emitir .checkoutchat .step28 .loading-pix .loading-content h4 {
  font-size: 18px;
  color: #363636;
  padding-top: 16px;
  text-align: center
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 40px 40px;
  transform-origin: 40px 40px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #33D6EF;
  margin: -4px 0 0 -4px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(1),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
  animation-delay: -0.036s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(1):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(2),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
  animation-delay: -0.072s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(2):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(3),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
  animation-delay: -0.108s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(3):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(4),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
  animation-delay: -0.144s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(4):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(5),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
  animation-delay: -0.18s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(5):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(6),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
  animation-delay: -0.216s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(6):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(7),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
  animation-delay: -0.252s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(7):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(8),.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
  animation-delay: -0.288s
}

.emitir .checkoutchat .step28 .loading-payment .loading-content .lds-roller div:nth-child(8):after,.emitir .checkoutchat .step28 .loading-pix .loading-content .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px
}

@-webkit-keyframes lds-roller {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes lds-roller {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.emitir .checkoutchat .step28 .payment>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px
}

.emitir .checkoutchat .step28 .payment>span svg {
  width: 24px;
  height: 24px;
  margin-right: 10px
}

.emitir .checkoutchat .step28 .payment>span p {
  font-size: 16px;
  font-weight: 500;
  color: #363636
}

.emitir .checkoutchat .step28 .payment .pay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start
}

.emitir .checkoutchat .step28 .payment .pay__options {
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 214px;
  padding-top: 24px
}

.emitir .checkoutchat .step28 .payment .pay__options>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #F1F1F1;
  border-top: none;
  cursor: pointer
}

.emitir .checkoutchat .step28 .payment .pay__options>span:first-of-type {
  border-top: 1px solid #F1F1F1
}

.emitir .checkoutchat .step28 .payment .pay__options>span svg {
  margin-right: 12px
}

.emitir .checkoutchat .step28 .payment .pay__options>span p {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.4
}

.emitir .checkoutchat .step28 .payment .pay__options>span.selected p {
  font-size: 16px;
  color: #363636;
  opacity: 1
}

.emitir .checkoutchat .step28 .payment .pay__pix {
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 214px);
  border: 1px solid #F1F1F1;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 32px 48px
}

.emitir .checkoutchat .step28 .payment .pay__pix .cvalue {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #363636;
  margin-top: 24px;
  margin-bottom: 24px
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999999
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal.active {
  display: -ms-flexbox;
  display: flex
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6)
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 596px;
  height: auto;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  z-index: 9999999
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content>svg {
  width: 100%;
  max-width: 180px;
  height: auto;
  margin-top: 8px
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content>strong {
  font-size: 16px;
  color: #363636;
  margin: 32px 0 0
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content>img {
  width: 180px;
  height: auto
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content .pixcopy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 32px
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content .pixcopy p {
  font-size: 14px;
  line-height: 14px;
  color: #363636;
  width: 100%;
  text-align: left;
  margin-bottom: 8px
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content .pixcopy input {
  color: #000;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px
}

.emitir .checkoutchat .step28 .payment .pay__pix-modal--content .pixcopy button {
  font-size: 16px;
  color: #fff;
  height: 48px;
  background-color: #2EBCCF;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  margin-top: 8px;
  cursor: pointer
}

.emitir .checkoutchat .step28 .payment .pay__pix>svg {
  width: 100%;
  max-width: 196px;
  height: auto
}

.emitir .checkoutchat .step28 .payment .pay__pix>p {
  font-size: 14px;
  color: #363636;
  text-align: center;
  width: 100%;
  margin-top: 16px
}

.emitir .checkoutchat .step28 .payment .pay__pix>button {
  border: none;
  background: none;
  float: right;
  width: 264px;
  height: 48px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #2EBCCF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 16px
}

.emitir .checkoutchat .step28 .payment .pay__pix>button:hover {
  opacity: 0.8
}

.emitir .checkoutchat .step28 .payment .pay__pix .contentbottom .backsite {
  font-size: 14px;
  font-weight: 500;
  color: #1a3c4c;
  background: none;
  border: none;
  cursor: pointer;
  margin: 16px 0 24px
}

.emitir .checkoutchat .step28 .payment .pay__card {
  display: none;
  width: calc(100% - 214px);
  border: 1px solid #F1F1F1;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px 18px
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999999
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror.active {
  display: -ms-flexbox;
  display: flex
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6)
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 596px;
  height: auto;
  background: #F23D4E;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  box-shadow: 0px 12px 15px rgba(0,0,0,0.25);
  z-index: 9999999
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror__content>svg {
  width: 100%;
  max-width: 104px;
  height: auto;
  margin-top: 8px
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror__content>h4 {
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  text-align: center;
  margin: 16px 0 0
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror__content>p {
  width: 100%;
  color: #FFF;
  text-align: center
}

.emitir .checkoutchat .step28 .payment .pay__card .carderror__content>a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 32px;
  color: #F23D4E;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  background: #FFF;
  border-radius: 4px;
  margin: 12px 0 32px
}

.emitir .checkoutchat .step28 .payment .pay__card #form-checkout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.emitir .checkoutchat .step28 .payment .pay__card #form-checkout>p {
  font-family: Arial;
  font-size: 14px;
  color: #363636;
  margin-top: 16px;
  margin-bottom: 4px
}

.emitir .checkoutchat .step28 .payment .pay__card .container {
  height: 40px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  padding: 0 12px;
  border: 1px solid #CCC;
  border-radius: 4px
}

.emitir .checkoutchat .step28 .payment .pay__card .container#form-checkout__cardNumber {
  width: 72% !important
}

.emitir .checkoutchat .step28 .payment .pay__card .container#form-checkout__expirationDate {
  width: 144px !important
}

.emitir .checkoutchat .step28 .payment .pay__card .container#form-checkout__securityCode {
  width: 204px !important
}

.emitir .checkoutchat .step28 .payment .pay__card input {
  font-family: Arial;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #737373;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #CCC
}

.emitir .checkoutchat .step28 .payment .pay__card select {
  font-family: Arial;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #737373;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #CCC;
  border-radius: 4px
}

.emitir .checkoutchat .step28 .payment .pay__card #form-checkout__submit {
  border: none;
  background: none;
  float: right;
  width: 264px;
  height: 48px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #2EBCCF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 16px;
  margin-left: 0
}

.emitir .checkoutchat .step28 .payment .pay__card #form-checkout__submit:hover {
  opacity: 0.8
}

.emitir .checkoutchat .step28 .payment .pay__card .progress-bar {
  display: none
}

.emitir .checkoutchat .step28 .payment>span>p {
  position: relative;
  top: 1px
}

.emitir .checkoutchat .step28 .payment.wait>span svg {
  opacity: 0.8
}

.emitir .checkoutchat .step28 .payment.wait>span p {
  color: #8c8c8c
}

.emitir .checkoutchat .step28 .payment.wait:after {
  content: "Aguardando o preenchimento do e-mail";
  font-size: 14px;
  color: #8c8c8c;
  margin-top: 12px
}

.emitir .checkoutchat .step28 .payment.opened {
  width: 100%
}

.emitir .checkoutchat .step28 .payment.opened .pay__card.active,.emitir .checkoutchat .step28 .payment.opened .pay__pix.active {
  display: -ms-flexbox;
  display: flex
}

.emitir .checkoutchat .step28 .payment.opened .pay__card.active {
  -ms-flex-direction: column;
  flex-direction: column
}

.emitir .checkoutchat .step28 .payment.opened .pay__card.active .pay__card-value {
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  line-height: 16px;
  padding-top: 24px;
  padding-bottom: 12px
}

.emitir .checkoutchat .step28 .payment.opened .pay__options {
  display: -ms-flexbox;
  display: flex
}

.finalizado .consultaTop .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.finalizado .consultaTop .boxDescription {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 0
}

.finalizado .consultaTop .boxDescription h3 {
  font-size: 48px;
  color: #FFF;
  font-weight: 700
}

.finalizado .consultaTop .boxDescription p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  padding-top: 2px
}

.finalizado .resultadoConsulta {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 88px
}

.finalizado .infoCard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px
}

.finalizado .infoCard .infoCard__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.finalizado .infoCard .infoCard__title svg {
  width: 48px;
  height: auto
}

.finalizado .infoCard .infoCard__title svg path {
  fill: #1a3c4c
}

.finalizado .infoCard .infoCard__description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(74,203,211,0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 32px 16px;
  max-width: 700px
}

.finalizado .infoCard .infoCard__description span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.finalizado .infoCard .infoCard__description span ul {
  padding-top: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 12px 12px;
  border: 1px dashed #1a3c4c
}

.finalizado .infoCard .infoCard__description span ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none
}

.finalizado .infoCard .infoCard__description span ul li p {
  margin-top: 8px;
  margin-bottom: 4px
}

.finalizado .infoCard .infoCard__description span span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 16px
}

.finalizado .infoCard .infoCard__description span span label {
  font-size: 15px;
  color: #232323;
  padding-bottom: 4px
}

.finalizado .infoCard .infoCard__description span span strong {
  font-size: 16px;
  color: #232323
}

.verify main {
  padding-top: 144px
}

.verify header {
  border-bottom: 1px solid rgba(0,0,0,0.1)
}

.verify .verifyContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 104px
}

.verify .verifyContent>h2 {
  font-size: 40px
}

.verify .verifyContent>p {
  font-size: 16px;
  padding: 4px 0 24px
}

.verify .verifyContent>a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  width: 278px;
  height: 48px;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  background: #003337;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 32px
}

.verify .verifyContent>a:hover {
  opacity: 0.8
}

.verify .verifyContent>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 970px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 48px 0 96px;
  border-radius: 4px;
  background: rgba(0,0,0,0.04)
}

.verify .verifyContent>div>span {
  display: -ms-flexbox;
  display: flex
}

.verify .verifyContent>div>span>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 12px
}

.verify .verifyContent>div>span>span p {
  font-size: 16px;
  color: #000
}

.verify .verifyContent>div>span>span input {
  width: 320px;
  height: 48px;
  font-size: 18px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  margin-top: 4px
}

.verify .verifyContent>div>span>span:first-of-type input {
  width: 240px
}

.verify .verifyContent>div button {
  width: 278px;
  height: 48px;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  background: #003337;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 32px
}

.verify .verifyContent>div button:hover {
  opacity: 0.8
}

.verify .verifyContent>div button.waiting {
  pointer-events: none;
  cursor: default;
  opacity: 0.4
}

body.admin header {
  border-bottom: 1px solid rgba(0,0,0,0.1)
}

body.admin main {
  padding-top: 72px
}

body.admin main .right {
  margin-left: 288px;
}

body.admin main .openPainelMenuMobile {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  right: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 100%
}

body.admin main .openPainelMenuMobile svg {
  width: 24px;
  height: auto
}

body.admin main .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: 288px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 24px 0;
  background: #fff;
  -webkit-box-shadow: 10px 0px 20px -5px rgba(0,0,0,0.04);
  box-shadow: 10px 0px 20px -5px rgba(0,0,0,0.04)
}

body.admin main .left .closeMenuMobile {
  display: none
}

body.admin main .left>a {
  color: #232323;
  text-decoration: none;
  padding: 12px 0;
  cursor: pointer
}

body.admin main .left>a:hover {
  opacity: 0.8
}

body.admin main .left>a,body.admin main .left>span h4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none
}

body.admin main .left>a svg,body.admin main .left>span h4 svg {
  width: 16px;
  height: auto
}

body.admin main .left>a svg path,body.admin main .left>span h4 svg path {
  fill: #1a3c4c
}

body.admin main .left>a p,body.admin main .left>span h4 p {
  position: relative;
  top: 1px;
  left: 12px;
  font-size: 16px;
  font-weight: 600
}

body.admin main .left>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 32px
}

body.admin main .left>span>h4>p {
  font-size: 12px;
  color: #727273
}

body.admin main .left>span>a {
  text-decoration: none;
  color: #232323;
  padding: 12px 0 12px 16px;
  cursor: pointer
}

body.admin main .left>span>a:hover {
  opacity: 0.8
}

body.admin main .left>span>a:first-of-type {
  margin-top: 4px
}

body.admin main .adminLogin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 400px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 24px;
  margin: 88px auto 144px;
  background: rgba(0,0,0,0.04);
  border-radius: 4px
}

body.admin main .adminLogin > strong {
  background: #fff;
  color: #003337;
  text-align: center;
  display: block;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 400;
  padding: 12px;
  margin-bottom: 24px;
  border-radius: 4px;
}

body.admin main .adminLogin span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px
}

body.admin main .adminLogin span input {
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin-top: 4px
}

body.admin main .adminLogin button {
  width: 100%;
  height: 48px;
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: #1a3c4c;
  border-radius: 4px;
  margin-top: 4px;
  cursor: pointer
}

body.admin main .adminLogin button:hover {
  opacity: 0.8
}

body.admin main .summary {
  background: #f4f7fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 32px;
  padding-left: 32px;
  border-bottom: 1px solid #DBE1E5;
  margin-bottom: 48px
}

body.admin main .summary>div {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto
}

body.admin main .summary .filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 0
}

body.admin main .summary .filter>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

body.admin main .summary .filter>span p {
  font-size: 14px
}

body.admin main .summary .filter>span input {
  width: 304px;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin-top: 4px;
  margin-right: 16px
}

body.admin main .summary .filter>span input[name='id'] {
  width: 180px
}

body.admin main .summary .filter>span input[name='ref'] {
  width: 180px;
  font-size: 10px;
}

body.admin main .summary .filter>span input[name='email'] {
  width: 240px
}

body.admin main .summary .filter>span input[name='data1'],body.admin main .summary .filter>span input[name='data2'] {
  width: 180px
}

body.admin main .summary .filter>span ::-webkit-input-placeholder {
  opacity: 0.6
}

body.admin main .summary .filter>span ::-moz-placeholder {
  opacity: 0.6
}

body.admin main .summary .filter>span ::-ms-input-placeholder {
  opacity: 0.6
}

body.admin main .summary .filter>span ::placeholder {
  opacity: 0.6
}

body.admin main .summary .filter>span:last-of-type {
  margin-right: 0
}

body.admin main .summary .filter>button {
  width: 48px;
  height: 48px;
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: #1a3c4c;
  border-radius: 4px;
  margin-left: 0;
  cursor: pointer
}

body.admin main .summary .filter>button:hover {
  opacity: 0.8
}

body.admin main .summary .results {
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 24px
}

body.admin main .summary .results>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 104px
}

body.admin main .summary .results>span>svg {
  width: 50px;
  max-height: 50px;
  opacity: 0.2
}

body.admin main .summary .results>span>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 12px
}

body.admin main .summary .results>span>span>p {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.6
}

body.admin main .summary .results>span>span>span {
  font-size: 32px;
  font-weight: 300;
  color: #1a3c4c
}

body.admin main .summary .results>span:last-of-type {
  margin-right: 0
}

body.admin main .summary .results>span:last-of-type svg {
  width: 60px;
  max-height: 60px
}

body.admin main .records {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 32px;
  padding-bottom: 80px
}

body.admin main .records__head {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px
}

body.admin main .records__head>p {
  font-size: 14px
}

body.admin main .records__head>p:nth-of-type(1) {
  width: 80px
}

body.admin main .records__head>p:nth-of-type(2) {
  width: 120px
}

body.admin main .records__head>p:nth-of-type(3) {
  width: 250px
}

body.admin main .records__head>p:nth-of-type(4) {
  width: 160px
}

body.admin main .records__head>p:nth-of-type(5) {
  width: 160px
}

body.admin main .records__head>p:nth-of-type(6) {
  width: 160px
}

body.admin main .records__head>p:nth-of-type(7) {
  width: 200px
}

body.admin main .records__body {
  display: block;
  width: auto;
  margin-top: 12px;
  width: 95%;
}

body.admin main .records__body-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #DDD;
  padding-bottom: 12px
}

body.admin main .records__body-content.active {
  border: none
}

body.admin main .records__body-content .options {
  display: -ms-flexbox;
  display: flex;
  width: 64px
}

body.admin main .records__body-content .options span {
  margin-right: 12px;
  cursor: pointer
}

body.admin main .records__body-content .options span svg {
  width: 20px;
  height: auto
}

body.admin main .records__body-content>p {
  font-size: 14px
}

body.admin main .records__body-content>p strong {
  font-weight: 600
}

body.admin main .records__body-content>p:nth-of-type(1) {
  width: 80px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.6
}

body.admin main .records__body-content>p:nth-of-type(2) {
  width: 120px;
  font-weight: 600;
  color: #1a3c4c
}

body.admin main .records__body-content>p:nth-of-type(3) {
  width: 250px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis
}

body.admin main .records__body-content>p:nth-of-type(4) {
  width: 160px
}

body.admin main .records__body-content>p:nth-of-type(5) {
  width: 160px
}

body.admin main .records__body-content>p:nth-of-type(6) {
  width: 160px
}

body.admin main .records__body-content>p:nth-of-type(7) {
  width: 200px
}

body.admin main .records__body-content>p svg {
  position: absolute;
  width: 32px;
  height: 32px;
  margin-top: -8px
}

body.admin main .records__body-edit {
  display: none;
  width: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 8px;
  margin-bottom: 64px
}

body.admin main .records__body-edit form {
  display: block;
  overflow: auto
}

body.admin main .records__body-edit form>span {
  float: left;
  width: calc(50% - 16px);
  margin-top: 16px;
  margin-right: 32px
}

body.admin main .records__body-edit form>span input {
  width: 100%;
  height: 48px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  border: none;
  border-bottom: 1px solid #CCC
}

body.admin main .records__body-edit form>span:nth-of-type(even) {
  margin-right: 0
}

body.admin main .records__body-edit form>.full {
  float: left;
  width: 100%;
  margin-top: 16px
}

body.admin main .records__body-edit form>.full textarea {
  width: 100%;
  height: auto;
  resize: none;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 12px;
  border: none;
  border-bottom: 1px solid #CCC
}

body.admin main .records__body-edit .saverg {
  display: block;
  width: auto;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  background: #DF1463;
  border-radius: 4px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 24px;
  margin: 24px auto 12px;
  cursor: pointer
}

body.admin main .records__body-edit .saverg:hover {
  opacity: 0.9
}

body.admin footer {
  background: transparent;
  padding-top: 224px;
  padding-left: 264px;
  padding-bottom: 48px
}

body.admin footer .copyrightContent {
  background: transparent
}

body.admin footer .copyrightContent p {
  color: #232323
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .mobile {
      display:none !important
  }

  header .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  footer .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px 96px
  }

  .consulta .consultaTop .content,.emitir .consultaTop .content,.finalizado .consultaTop .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 32px 24px 0
  }

  .consulta .consultaTop .content .infoBox,.emitir .consultaTop .content .infoBox,.finalizado .consultaTop .content .infoBox {
      width: 200px
  }
}

@media screen and (min-width: 1200px) {
  .mobile {
      display:none !important
  }

  body.admin main .openPainelMenuMobile {
      display: none
  }
}

@media screen and (min-width: 1400px) {
  .home .bgCar:before {
      right:-4vw
  }

  .consulta .cardsTypes .bgCar:before,.emitir .cardsTypes .bgCar:before,.finalizado .cardsTypes .bgCar:before {
      right: -4vw
  }
}

@media screen and (max-width: 1023px) {
  header .content {
      height:64px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  header .content #openMenuMobile {
      position: absolute;
      background: transparent;
      border: none;
      top: 20px;
      left: 16px;
      cursor: pointer
  }

  header .content #openMenuMobile svg {
      width: 32px;
      height: auto
  }

  header .content>a {
      margin: 0 auto
  }

  header .content .headerNav {
      position: fixed;
      top: 0;
      left: -120%;
      width: 100vw;
      height: 100vh;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center;
      background: #fff;
      z-index: 10;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 24px 0 0 0;
      -webkit-transition: all 0.2s;
      transition: all 0.2s
  }

  header .content .headerNav>a img {
      width: 220px;
      height: auto
  }

  header .content .headerNav.active {
      left: 0
  }

  header .content .headerNav #closeMenuMobile {
      position: absolute;
      background: transparent;
      border: none;
      top: 12px;
      right: 12px;
      padding: 12px;
      cursor: pointer
  }

  header .content .headerNav #closeMenuMobile svg {
      width: 16px;
      height: auto
  }

  header .content .headerNav a {
      font-size: 20px;
      margin: 24px 0 0
  }

  footer .content {
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px 48px
  }

  footer .content>div {
      margin-bottom: 40px
  }

  footer .content>div:last-of-type {
      margin-bottom: 24px
  }

  footer .content>div.spanLogo>span {
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .home>main {
      padding: 116px 0 72px
  }

  .home>main .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .home>main .content>h1 {
      font-size: 28px;
      font-weight: 500
  }

  .home>main .content>p {
      font-size: 16px;
      line-height: 24px
  }

  .home>main .content>p:first-of-type:after {
      width: 48px;
      height: 4px
  }

  .home>main .content>form {
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      padding-top: 16px
  }

  .home>main .content>form>span {
      width: 100% !important;
      margin: 0 auto 16px !important
  }

  .home>main .content>form>span input {
      font-size: 16px
  }

  .home>main .content>form>button {
      width: 100%;
      margin-top: 4px
  }

  .home .institutionalTexts {
      margin-bottom: 0
  }

  .home .institutionalTexts>h2 {
      font-size: 20px;
      line-height: 28px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .home .institutionalTexts>p {
      font-size: 14px;
      line-height: 18px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 8px 24px 0
  }

  .home .institutionalCards {
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .home .institutionalCards>div {
      margin-top: 32px
  }

  .home .getFull {
      padding: 24px 16px
  }

  .home .getFull>h3 {
      font-size: 18px;
      text-align: center
  }

  .home .getFull__benefits span p {
      font-size: 14px;
      width: calc(100% - 18px)
  }

  .home .getFull__benefits span {
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
  }

  .home .getFull__benefits>a {
      text-align: center
  }

  .home .getNow {
      width: 100%
  }

  .home .getNow>h4 {
      font-size: 20px
  }

  .home .searching .content {
      width: calc(100% - 24px)
  }

  .home .searching .content .searchingTop>p {
      font-size: 18px;
      text-align: center
  }

  .home .searching .content .searchingBottom>p {
      text-align: center;
      font-size: 12px;
      max-width: 90%
  }

  .home .cardsTypes {
      margin-top: -48px
  }

  .home .cardsTypes .content {
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .home .cardsTypes .consultaType {
      width: 100%;
      margin-top: 16px
  }

  .home .cardsTypes .consultaType span p {
      font-size: 14px;
      width: calc(100% - 18px)
  }

  .home .cardsTypes .consultaType span {
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
  }

  .consulta .consultaTop,.emitir .consultaTop,.finalizado .consultaTop {
      height: auto
  }

  .consulta .consultaTop .content,.emitir .consultaTop .content,.finalizado .consultaTop .content {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      padding-top: 0;
      padding-bottom: 32px
  }

  .consulta .consultaTop .content .consultaTop__logo,.emitir .consultaTop .content .consultaTop__logo,.finalizado .consultaTop .content .consultaTop__logo {
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 0px;
      border-radius: 0;
      width: 100%
  }

  .consulta .consultaTop .content .consultaTop__logo img,.emitir .consultaTop .content .consultaTop__logo img,.finalizado .consultaTop .content .consultaTop__logo img {
      max-width: 200px;
      height: auto
  }

  .consulta .moreInfos,.emitir .moreInfos,.finalizado .moreInfos {
      width: 100%;
      padding: 32px 16px
  }

  .consulta .moreInfos span,.emitir .moreInfos span,.finalizado .moreInfos span {
      -ms-flex-direction: column;
      flex-direction: column
  }

  .consulta .alertInfo,.emitir .alertInfo,.finalizado .alertInfo {
      width: calc(100% - 24px);
      margin-top: 16px
  }

  .consulta .alertInfo>img,.emitir .alertInfo>img,.finalizado .alertInfo>img {
      width: 48px;
      margin-right: 12px
  }

  .consulta .alertInfo span strong,.emitir .alertInfo span strong,.finalizado .alertInfo span strong {
      font-size: 16px
  }

  .consulta .alertInfo span p,.emitir .alertInfo span p,.finalizado .alertInfo span p {
      font-size: 14px
  }

  .consulta .getFull,.emitir .getFull,.finalizado .getFull {
      padding: 24px 16px
  }

  .consulta .getFull>h3,.emitir .getFull>h3,.finalizado .getFull>h3 {
      font-size: 18px;
      text-align: center
  }

  .consulta .getFull__benefits span p,.emitir .getFull__benefits span p,.finalizado .getFull__benefits span p {
      font-size: 14px;
      width: calc(100% - 18px)
  }

  .consulta .getFull__benefits span,.emitir .getFull__benefits span,.finalizado .getFull__benefits span {
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
  }

  .consulta .getFull__benefits>a,.emitir .getFull__benefits>a,.finalizado .getFull__benefits>a {
      text-align: center
  }

  .consulta .getNow,.emitir .getNow,.finalizado .getNow {
      width: 100%
  }

  .consulta .getNow>h4,.emitir .getNow>h4,.finalizado .getNow>h4 {
      font-size: 20px
  }

  .consulta .cardsTypes,.emitir .cardsTypes,.finalizado .cardsTypes {
      margin-top: -48px
  }

  .consulta .cardsTypes .content,.emitir .cardsTypes .content,.finalizado .cardsTypes .content {
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .consulta .cardsTypes .consultaType,.emitir .cardsTypes .consultaType,.finalizado .cardsTypes .consultaType {
      width: 100%;
      margin-top: 16px
  }

  .consulta .cardsTypes .consultaType span p,.emitir .cardsTypes .consultaType span p,.finalizado .cardsTypes .consultaType span p {
      font-size: 14px;
      width: calc(100% - 18px)
  }

  .consulta .cardsTypes .consultaType span,.emitir .cardsTypes .consultaType span,.finalizado .cardsTypes .consultaType span {
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
  }

  .emitir .emitirCheckout {
      width: 100%;
      padding: 32px 16px
  }

  .emitir .emitirCheckout span {
      -ms-flex-direction: column;
      flex-direction: column
  }

  .emitir .checkoutPrev .infoCard {
      max-width: 100%;
      min-width: 100%;
      width: 100%
  }

  .emitir .checkoutPrev .infoCard * {
      word-break: break-word
  }

  .emitir .checkoutchat {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 24px 0;
      margin: 0 auto
  }

  .emitir .checkoutchat .step28 .fieldmessage.dscn .countdown__divisor {
      font-size: 20px;
      padding: 0 10px
  }

  .emitir .checkoutchat .step28 .fieldmessage.dscn .countdown>div>span {
      font-size: 28px
  }

  .emitir .checkoutchat .step28 .fieldmessage>img {
      width: 64%
  }

  .emitir .checkoutchat .step28>img {
      display: none !important
  }

  .emitir .checkoutchat .step28 .loading-payment .loading-content,.emitir .checkoutchat .step28 .loading-pix .loading-content {
      width: calc(100vw - 48px)
  }

  .emitir .checkoutchat .step28 .payment .pay {
      -ms-flex-direction: column;
      flex-direction: column
  }

  .emitir .checkoutchat .step28 .payment .pay__options {
      width: 100%;
      padding-top: 12px;
      margin-bottom: 8px
  }

  .emitir .checkoutchat .step28 .payment .pay__pix {
      width: 100%
  }

  .emitir .checkoutchat .step28 .payment .pay__pix-modal--content {
      width: calc(100vw - 48px)
  }

  .emitir .checkoutchat .step28 .payment .pay__pix>button {
      width: 100%;
      max-width: 264px
  }

  .emitir .checkoutchat .step28 .payment .pay__card {
      width: 100%
  }

  .emitir .checkoutchat .step28 .payment .pay__card .carderror__content {
      width: calc(100vw - 48px)
  }

  .emitir .checkoutchat .step28 .payment .pay__card .carderror__content>h4 {
      font-size: 18px
  }

  .emitir .checkoutchat .step28 .payment .pay__card .container#form-checkout__cardNumber {
      width: 100% !important
  }

  .emitir .checkoutchat .step28 .payment .pay__card #form-checkout__submit {
      width: 100%;
      max-width: 264px;
      margin-left: 0
  }

  .emitir .checkoutchat .step28 .payment.opened {
      width: 100%;
      margin-left: 0
  }

  .finalizado .resultadoConsulta {
      width: 100%;
      padding: 32px 16px
  }

  .verify main {
      padding-top: 104px
  }

  .verify .verifyContent {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px;
      margin-bottom: 80px
  }

  .verify .verifyContent>h2 {
      font-size: 28px
  }

  .verify .verifyContent>p {
      line-height: 24px;
      padding-top: 8px
  }

  .verify .verifyContent>div {
      max-width: 100%;
      padding: 24px
  }

  .verify .verifyContent>div>span {
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%
  }

  .verify .verifyContent>div>span>span {
      margin: 0
  }

  .verify .verifyContent>div>span>span input {
      width: 100%
  }

  .verify .verifyContent>div>span>span {
      width: 100%;
      margin-top: 16px
  }

  .verify .verifyContent>div button {
      width: 100%;
      margin-bottom: 24px
  }

  body.admin main .left {
      position: fixed;
      width: 100vw;
      top: 0;
      left: -140%;
      background: #FFF;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      z-index: 100000
  }

  body.admin main .left.active {
      left: 0
  }

  body.admin main .left .closeMenuMobile {
      display: block;
      position: absolute;
      right: 16px;
      top: 16px;
      width: 32px;
      height: 32px;
      background: transparent;
      border: none
  }

  body.admin main .left .closeMenuMobile svg {
      max-width: 32px;
      max-height: 32px
  }

  body.admin main .adminLogin button {
      width: 100% !important;
      margin-bottom: 12px
  }

  body.admin main {
      padding-top: 48px
  }

  body.admin main .summary .filter {
      -ms-flex-direction: column;
      flex-direction: column
  }

  body.admin main .summary .filter>span {
      width: 100% !important;
      margin-bottom: 12px
  }

  body.admin main .summary .filter>span input {
      width: 100% !important
  }

  body.admin main .summary .filter>button {
      width: 100% !important;
      margin-bottom: 12px
  }

  body.admin main .summary .results>span {
      margin-right: 32px
  }

  body.admin main .records {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 24px 24px 64px
  }

  body.admin main .records__head {
      display: none
  }

  body.admin main .records__body-content {
      -ms-flex-direction: column;
      flex-direction: column
  }

  body.admin main .records__body-content>p {
      display: block;
      width: 100% !important;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 6px 0
  }

  body.admin main .records__body-content>p svg {
      margin-top: -2px;
      right: 24px
  }
}

@media screen and (max-width: 1100px) {
  .home .bgCar {
      display:none !important
  }

  .consulta .cardsTypes .bgCar,.emitir .cardsTypes .bgCar,.finalizado .cardsTypes .bgCar {
      display: none !important
  }
}

@media screen and (max-width: 1024px) {
  .emitir .consultaTop {
      -webkit-box-sizing:border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .emitir .consultaTop .consultaTop__logo {
      font-size: 14px;
      padding: 12px !important
  }

  .finalizado .consultaTop {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 24px
  }

  .finalizado .consultaTop .consultaTop__logo {
      font-size: 14px;
      padding: 12px !important
  }
}

body.afiliado main .records__body {
  width: 940px;
}

/* geral admin */
body.afiliado .right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px
}

body.afiliado .right>h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 32px;
  font-weight: 600;
  color: #363636
}

body.afiliado .right>h2 #resetValues {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #f71963;
  border: none;
  border-radius: 4px;
  margin-left: 16px;
  cursor: pointer
}

body.afiliado .right>h2 #resetValues:hover {
  opacity: 0.8
}

body.afiliado .right>h2 #resetValues svg {
  width: 16px;
  height: auto
}

body.afiliado .right>.top {
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px
}

body.afiliado .right>.top>div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 196px;
  height: 156px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  border-radius: 8px;
  margin-right: 24px
}

body.afiliado .right>.top>div.metaValues>input,body.afiliado .right>.top>div.metaValues>button:last-of-type {
  display: none
}

body.afiliado .right>.top>div.metaValues input {
  width: 100%;
  margin-top: 12px;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px
}

body.afiliado .right>.top>div.metaValues button:last-of-type {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  background: #1a3c4c;
  margin-top: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  padding: 4px
}

body.afiliado .right>.top>div.metaValues.formActive>strong,body.afiliado .right>.top>div.metaValues.formActive>p {
  display: none
}

body.afiliado .right>.top>div.metaValues.formActive>input,body.afiliado .right>.top>div.metaValues.formActive>button:last-of-type {
  display: block
}

body.afiliado .right>.top>div .metaEdit {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  cursor: pointer
}

body.afiliado .right>.top>div .metaEdit svg {
  width: 24px;
  height: 24px
}

body.afiliado .right>.top>div>img {
  max-width: 24px;
  height: auto
}

body.afiliado .right>.top>div>strong {
  font-size: 24px;
  font-weight: 700;
  color: #363636;
  margin: 16px 0 4px
}

body.afiliado .right>.top>div>p {
  font-size: 16px
}

body.afiliado .right .middle {
  display: -ms-flexbox;
  display: flex
}

body.afiliado .right .middle__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px
}

body.afiliado .right .middle__left>div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 248px;
  height: 124px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  border-radius: 8px;
  margin-top: 16px;
  margin-right: 24px
}

body.afiliado .right .middle__left>div>p {
  font-size: 16px
}

body.afiliado .right .middle__left>div>strong {
  font-size: 40px;
  font-weight: 700;
  color: #363636;
  margin: 4px 0 4px
}

body.afiliado .right .middle__left>div>span {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  right: 24px;
  bottom: 24px;
  color: #66CA4E;
  background: #E3FBD8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 12px;
  border-radius: 8px
}

body.afiliado .right .middle__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px;
}

body.afiliado .right .middle__right>div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 640px;
  height: 124px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
  border-radius: 8px;
  margin-top: 16px;
  margin-right: 24px
}

body.afiliado .right .middle__right>div input {
  width: 264px;
  height: 48px;
  font-size: 18px;
  margin-top: 6px;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.5);
}

body.afiliado .right .middle__right>div>p {
  font-size: 16px
}

body.afiliado .right .middle__right>div>strong {
  font-size: 40px;
  font-weight: 700;
  color: #363636;
  margin: 4px 0 4px
}

body.afiliado .right .middle__right>div>span {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  right: 24px;
  bottom: 24px;
  color: #66CA4E;
  background: #E3FBD8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 12px;
  border-radius: 8px
}

body.afiliado .right .middle__right-head {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 24px;
  border-bottom: 1px solid #EEE
}

body.afiliado .right .middle__right-head>p {
  width: 124px
}

body.afiliado .right .middle__right-body {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 24px 12px
}

body.afiliado .right .middle__right-body>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 124px
}

body.afiliado .right .middle__right-body>div>p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 124px;
  height: 48px;
  font-size: 16px;
  color: #363636;
  font-weight: 600
}

body.afiliado .right .middle__right-body>div:nth-of-type(1)>p {
  font-size: 14px
}

body.afiliado .right .middle__right-body>div:nth-of-type(3)>p {
  color: #64C04D
}

body.afiliado .right .middle__right-body>div:nth-of-type(4)>p {
  color: #64C04D
}

body.afiliado .right .middle__right-body>div:nth-of-type(5)>p {
  color: #706DCF
}

body.afiliado .right .middle__right-body>div:nth-of-type(6)>p {
  color: #B03241
}

body.afiliados .records__body.first .records__body-content {
  border: none !important;
  border: 1px solid rgba(0,0,0,0.3) !important;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 24px;
  margin-bottom: 24px;
}

body.afiliados .records__body .records__body-content {
  padding: 16px 24px;
  box-sizing: border-box;
}

body.afiliados .records__body.first .records__body-content p {
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 400 !important;
}

body.afiliados main .records__body-content>p:nth-of-type(3) {
  width: 140px !important;
}

body.afiliados main .records__body-content>p:nth-of-type(5) {
  width: 260px !important;
}

body.afiliados #addafiliado {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 56px;
  height: 56px;
  background: #fff;
  border: 1px solid #003337;
  border-radius: 100%;
  cursor: pointer;
}

body.afiliados #addafiliado:hover {
  opacity: 0.8;
}

body.afiliados #addafiliado svg {
  width: 32px;
  height: auto;
}

body.afiliados #addafiliado svg path {
  fill: #003337;
}

body.afiliados .options span {
  display: flex;
  align-items: center;
  cursor: default !important;
}

body.afiliados .options span a {
  margin: 0 12px;
}

body.afiliados .options span a:hover {
  opacity: 0.4;
}

.novoAfiliado {
  position: fixed;
  height: 100vh;
  /* overflow-y: scroll; */
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 99999999999999;
}

.novoAfiliado.active {
  display: flex;
}

.novoAfiliadoModal {
  position: relative;
  width: 625px;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 200;
  padding: 56px;
  height: auto;
  box-sizing: border-box;
  z-index: 999999999999991;
  top: -24px;
}

.novoAfiliado {
  position: absolute;
  height: calc(100% + 128px);
  background: rgba(0,0,0,.5);
  width: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 99999999999999;
}

.novoAfiliado form {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}

.novoAfiliado form span {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.novoAfiliado form span div {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.novoAfiliado form span label {
  font-size: 14px;
  padding-bottom: 4px;
  color: #232323;
  font-family: Montserrat;
}

.novoAfiliado form span input {
  width: 100%;
  height: 48px;
  min-height: 48px!important;
  font-family: Montserrat;
  font-size: 15px;
  box-sizing: border-box;
  padding: 0 16px;
  border: none;
  border-radius: 0;
  margin-top: 4px;
  margin-bottom: 16px;
  border: 1px solid rgba(0,0,0, 0.2);
}

.novoAfiliado form button {
  width: 100%;
  font-family: Montserrat;
  text-decoration: none;
  height: 56px!important;
  background-color: #003337!important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border: none;
  text-transform: uppercase;
  border-radius: 0;
  margin: 8px 0 0;
  cursor: pointer;
}

.novoAfiliado button:hover {
  opacity: 0.8;
}

.novoAfiliadoClose {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.novoAfiliado svg {
  width: 24px;
  height: 24px;
}

.novoAfiliado svg path {
  fill: #232323;
}

.afiliados .options textarea {
  width: 2px;
  height: 2px;
  opacity: 0;
}

@media screen and (max-width: 1024px) {
  .novoAfiliado {
      top: 0;
      max-width: 96%;
      padding: 48px 32px;
  }
}

/* afiliado */
body.afiliado .title {
  width: 290px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #003337;
  font-size: 32px;
  color: #003337;
  text-align: center;
  margin: 56px auto 0;
  border-radius: 4px;
}

body.afiliado .adminLogin {
  margin-top: 24px !important;
}

.middle__right-pix {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto !important;
}

.middle__right-pix button {
  display: block;
  width: 140px;
  font-family: Montserrat;
  text-decoration: none;
  height: 40px!important;
  background-color: #003337!important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border: none;
  text-transform: none;
  border-radius: 0;
  margin: 16px 0 0;
  cursor: pointer;
  border-radius: 4px;
}

body.afiliado.cpfs main .right, body.afiliado.placas main .right {
  padding: 0;
}

body.afiliados.pagamentos .records__body-content>p:nth-of-type(1) {
  width: 180px;
}

body.afiliados.lista .records__body-content>p:nth-of-type(2) {
  width: 220px;
}

body.afiliados.lista .records__body-content>p:nth-of-type(5) {
  width: 290px !important;
}

body.afiliados.pagamentos .records__body-content a {
  display: block;
  width: 140px;
  font-family: Montserrat;
  text-decoration: none;
  height: 32px!important;
  background-color: #003337!important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border: none;
  text-transform: none;
  border-radius: 0;
  cursor: pointer;
  border-radius: 4px;
  margin-top: -12px;
}

body.afiliados.pagamentos .records__body-content a:hover {
  opacity: 0.8;
}

.middle__right-copy {
  display: flex;
  flex-direction: column;
}

.middle__right-copy span {
  display: flex;
  width: 100%;
  background: transparent !important;
  position: relative !important;
  background: transparent !important;
  top: initial !important;
  left: initial !important;
  right: initial !important;
  bottom: initial !important;
  padding: 0 !important;
}

.middle__right-copy span {
  display: flex;
  align-items: center;
}

.middle__right-copy span textarea {
  width: calc(100% - 72px);
  box-sizing: border-box;
  padding: 6px 24px;
  border: 1px solid rgba(0,0,0,0.2);
  height: 48px !important;
  line-height: 32px;
  border-radius: 4px;
  resize: none;
  margin-top: 6px;
}

.middle__right-copy span .copylink {
  margin-left: 12px;
}

.middle__right-copy span .copylink svg {
  width: 32px;
  height: auto;
  margin-top: 2px;
}

.middle__right-copy span .copylink:hover {
  opacity: 0.6 !important;
}


.termos-de-uso main {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin: 124px auto;
}

@media screen and (max-width: 1100px) {
  .termos-de-uso main {
    box-sizing: border-box;
    padding: 0 24px;
    margin: 72px auto;
  }
}

.aceitartermos, .aceitartermosmodal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: left;
  margin-top: 40px;
}

.aceitartermos input,.aceitartermosmodal input {
  width: 16px;
  height: 16px;
}

.aceitartermos p, .aceitartermosmodal p {
  font-size: 14px;
  padding-left: 12px;
}

.aceitartermos a, .aceitartermosmodal a {
  color: #2C7579;
  text-decoration: underline;
}


@media screen and (max-width: 1100px) {
  .aceitartermos,   .aceitartermosmodal {
    flex-direction: row !important;
  }
  .aceitartermos p,   .aceitartermosmodal p {
    line-height: 20px;
  }

  .g-recaptcha {
    margin: 12px auto 32px !important;
  }
  
}


.g-recaptcha {
  margin-left: 16px;
  position: relative;
  top: 8px;
}


.faq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  padding: 0 0 24px;
  margin: 0 auto;
}

.faq>h2 {
  font-size: 32px;
  line-height: 44px;
  color: #232323;
  text-align: center;
}

.faq>div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.faq>div>span {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 32px;
  border-radius: 8px;
  margin-top: 24px;
  margin-right: 24px;
  width: calc(50% - 24px);
  border: 1px solid rgba(0,0,0,0.08);
}

.faq>div>span:nth-of-type(2), .faq>div>span:nth-of-type(4) {
  margin-right: 0;
}

.faq>div>span>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -6px;
  left: -12px;
  content: "?";
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  width: 24px;
  height: 24px;
  background: #003337;
  border-radius: 100%;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg)
}

.faq>div>span>span p {
  position: relative;
  top: 1px;
  font-size: 16px;
  font-weight: 700
}

.faq>div>span>strong {
  font-weight: 600;
  color: #363636
}

.faq>div>span>p {
  font-size: 15px;
  line-height: 22px;
  color: #363636;
  padding-top: 6px
}

@media screen and (max-width: 1100px) {

  .faq {
    box-sizing: border-box;
    padding: 0 24px;
    margin-bottom: 88px;
  }

  .faq h2 {
    font-size: 20px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
  }

  .faq div {
    flex-direction: column;
  }

  .faq div span {
    width: 100%;
    margin: 12px 0 0;
  }

}

.verify .verifyContent > span {
  font-size: 14px;
  line-height: 24px;
  background: rgba(74, 203, 211, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 24px;
  border-radius: 4px;
  width: 100%;
  max-width: 800px;
  text-align: center;
  margin: 0 auto 32px;
}

.verify .verifyContent > span a {
  font-weight: 600;
  color: #003337;
  text-decoration: none;
}

.admin.tags .right {

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 32px;

}

.tags__title {
  display: flex;
  align-items: center;
}

.tags__title strong {
  font-size: 40px;
  color: #003337;
  padding-left: 16px;
}

.tag__edit {
  display: flex;
  flex-direction: column;
  width: 49%;
}

.tag__edit textarea{ 
  width: 100%;
  height: 260px;
  font-size: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 16px;
  margin-top: 8px;
}

.tag__container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tag__container p {
  width: 50%;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid rgba(0,0,0, 0.2);
  font-size: 24px;
  margin: 24px 0;
  border-radius: 4px;
}

.tag__container span {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.admin.tags button{
  width: 320px;
  height: 56px;
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  border-radius: 6px;
  background: #0b221d;
  border: none;
  cursor: pointer;
  margin: 32px auto 0;
}

.caption {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
  border: 1px dashed #074246;
}

.caption small {
  margin-bottom: 6px;
}

.caption p {
  font-size: 14px;
}

.infoCard__found {
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
  width: 100%;
}

.infoCard__found > span {
  display: flex;
  flex-direction: column;
  background: rgba(74,203,211,0.2);
  width: calc(25% - 16px);
  box-sizing: border-box;
  padding: 12px !important;
  margin-top: 16px;
  margin-right: 16px;
  border-radius: 4px;
  border: 1px dashed #003337;
}

.consultaTop__logo {
  text-transform: uppercase;
}

.infoCard__found > span span label {
  margin-right: 4px;
  font-weight: 300;
}

.infoCard__found > span span strong {
  font-weight: 600;
}

.infoCard {
  width: 100%;
}


.infoCard__found > span > a {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background: #003337;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}

.infoCard__found > span > a:hover {
  opacity: 0.8;
}

#placaForm input {
  text-align: center;
}

body.admin main .records__body-content>p:nth-of-type(1) {
  width: 40px;
  font-size: 11px;
}

body.admin main .records__head>p:nth-of-type(1) {
  width: 40px;
}

body.admin main .records__body-content>p:nth-of-type(2) {
  width: 260px;
  font-size: 10px;
  padding-right: 6px;
}

body.admin main .records__head>p:nth-of-type(2) {
  width: 260px;
}

body.admin main .records__head>p:nth-of-type(5), body.admin main .records__head>p:nth-of-type(6) {
  width: 90px !important;
} 

body.admin main .records__body-content>p:nth-of-type(5), body.admin main .records__body-content>p:nth-of-type(6) {
  width: 90px !important;
}

body.admin main .records__head>p:nth-of-type(7) {
  width: 70px !important;
}

body.admin main .records__body-content>p:nth-of-type(7) {
  width: 70px !important;
}

body.admin main .records__head {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  width: 1140px;
  justify-content: flex-start;
}

.infoCard__found * {
  font-size: 14px;
}

.infoCard__found span span {
  display: flex;
  flex-direction: column;
}

.infoCard__found span span label {
  padding-top: 4px;
  padding-bottom: 4px;
}

.verify .verifyContent>div>span {
  display: flex;
  flex-direction: column;
}

.verify .verifyContent>div>span>span {
  width: 480px;
  max-width: 100%;
  margin-top: 24px;
}

.verify .verifyContent>div>span>span input {
  width: 100% !important;
}

.home>main .content>form>button.disabled {
  opacity: 0.6 !important;
  cursor: default;
}

@media screen and (max-width: 1100px) {
  
  .infoCard__found {
    /* flex-direction: column; */
  }

  .infoCard__found > span {
    width: calc(50% - 16px);
  }

  .infoCard__found > span {
    margin-right: 16px;
  }



  .emitir .checkoutPrev .infoCard * {
    font-size: 14px;
  }

}



@media screen and (max-width: 1024px) {

  body.admin main .records__body {
    max-width: 100%;
  }

  body.admin main .right {
    margin-left: 0;
  }
  
  body.admin footer {
    box-sizing: border-box;
    padding: 24px 16px;
    width: 100%;
  }

  body.admin main {
    padding-top: 0;
  }

  body.admin header {
    position: relative;
  }

  body.admin header .content {
    justify-content: center;
    align-items: center;
  }

  body.admin main .records__body-content>p:nth-of-type(5) svg {
    margin-top: -24px;
  }
  
  body.admin main .records__body-content .options span {
    margin-left: -24px;
  }

  body.admin.pass form {
    box-sizing: border-box;
  }

  body.admin.pass form input, body.admin.pass form button {
    width: 100%;
  }

  .adminLogin {
    width: calc(100% - 24px) !important;
    margin: 32px auto 64px !important;
  }

  body.admin main .records__head {
    display: none !important;
  }

}

.customBreadcrumb {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 40px;
}

.customBreadcrumb ul {
  display: flex;
  align-items: center;
}

.customBreadcrumb ul li {
  display: flex;
  align-items: center;
  list-style: none;
}

.customBreadcrumb ul li a {
  color: #1a3c4c;
}

.customBreadcrumb ul li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #003337;
  border-right: 1px solid #003337;
  transform: rotate(45deg);
  margin: 0 12px;
}

.customBreadcrumb ul li:last-of-type::after {
  display: none;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(45deg);
}

.emitir .customBreadcrumb, .finalizado .customBreadcrumb {
   margin-top: 48px;
   margin-bottom: 0;
}


.footerStamps {
  display: flex;
  width: 100%;
  max-width: 800px;
  margin: 48px auto 88px;
  justify-content: space-between;
  align-items: center;
}

.footerStamps img {
  max-width: 144px;
  height: auto;
}


@media screen and (max-width: 1024px) { 
  .footerStamps {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24px;
    margin-bottom: 48px;
  }
  .footerStamps img {
    max-width: 84px;
    margin: 0 12px;
  }

  .customBreadcrumb {
    box-sizing: border-box;
    padding: 0 16px;
  }

}


.emitir-direct .pay__pix  {
  width: 100% !important;
}

.emitir-direct .pay__pix input[name="mailPix"] {
  width: 100%;
  height: 56px;
  font-size: 18px;
  max-width: 400px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  border-radius: 6px;
  background: #FFF;
  border: 1px solid #ddd;
  margin-top: 24px;
}

.emitir-direct .pay__pix.waiting  {
  opacity: 0.6;
  pointer-events: none !important;
  cursor: default !important;
}


.testimonials {
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  max-width: 400px !important;
  margin: -32px auto 88px;
}

@media screen and (max-width: 1100px) {
  .testimonials {
    margin-top: 16px;
    max-width: calc(100% - 32px) !important;
  }
}

.testimonial {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 320px;
}

.testimonial div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.testimonial img {
  max-width: 100px;
  height: auto;
  border-radius: 50%;
  margin-bottom: 10px;
}

.testimonial strong {
  font-size: 16px;
  color: #000;
  margin: 4px 0 8px;
}

.testimonial > div  p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.slick-prev, .slick-next {
  z-index: 10;
  width: 30px;
  height: 30px;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

.slick-dots {
  bottom: -10px;
}

.slick-dots li button:before {
  font-size: 12px;
}

.slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 9;
  bottom: -24px
}

.slick-dots li {
  list-style: none;
  width: 4px;
  height: 4px;
  background: #dddddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin: 0 4px
}

.slick-dots li.slick-active {
  background: #232323;
}

.slick-dots li button {
  display: none
}


.slick-arrow {
  width: 32px;
  height: 32px;
  top: 40%;
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0 !important;
}

.slick-arrow::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid #D9D9D9;
  border-right: 3px solid #D9D9D9
}

.slick-arrow.slick-prev {
  left: -16px;
  transform: rotate(225deg);
}

.slick-arrow.slick-next {
  right: -16px;
  transform: rotate(45deg);
}

.filterInfo {
  display: flex !important;
  flex-direction: column;
  padding-left: 12px;
}

.filterInfo > label {
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.filterInfo > input {
  width: 100%;
  max-width: 300px;
  border: 1px solid #003337;
  height: 48px;
  border-radius: 4px;
  padding: 0 16px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1100px) {
  .filterInfo {
    box-sizing: border-box;
    padding: 0 12px;
  }
}


.emitir .infoCard__found > span, .emitir .infoCard__found > span * {
  cursor: pointer;
}

.emitir .infoCard__found > span:hover {
  opacity: 0.6;
}


.modalSearch {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}

.modalSearch.active {
  display: flex !important;
}

.modalSearchOverlay {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255, 0.6);
}

.modalSearchContent {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 512px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding : 40px 72px;
  z-index: 2;
}

.modalSearchContent > span:first-of-type {
  display: inline !important;
  font-size: 20px;
  text-align: center;
}

.modalSearchContent > p {
  font-size: 15px;
  text-align: center;
  max-width: 400px;
  padding-top: 8px;
}




.modalSearchContent > a{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 264px;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  background: #2EBCCF;
  border-radius: 4px;
  margin: 16px auto 24px;
}

.aceitartermosmodal {
  display: flex !important;
  flex-direction: row !important;
  margin-top: 8px !important;
}


@media screen and (max-width: 1100px) {
  .modalSearchContent {
    padding: 32px 24px;
    width: calc(100% - 24px);
  }
}

.modalSearchContent > .priceModal {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;
  margin: 12px 0 16px;
}


.modalSearchContent > .priceModal p {
  font-size: 18px;
  font-weight: 600;
}

.modalSearchContent > .priceModal svg {
  width: 124px;
  height: auto;
  margin: 24px 0;
}

.modalSearchContent > .priceModal span {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  text-align: center;
  margin-bottom: 0;
}


.modalSearchDiscount {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 16px !important;
  border-radius: 4px;
  border: 1px dashed #003337;
  margin-top: 12px;
}

.modalSearchDiscount > p {
  display: flex;
  align-items: center;
}

.modalSearchDiscount > p:first-of-type {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600 !important;
}

.modalSearchDiscount > .oldPrice {
  padding-bottom: 4px;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 500;
  margin-left: 4px;
}

.modalSearchDiscount > .oldPrice span {
  text-decoration: line-through;
}

.modalSearchDiscount > .newPrice {
  font-size: 14px;
  font-weight: 500;
}

.modalSearchDiscount > .newPrice span {
  font-size: 18px;
  font-weight: 600;
  margin-left: 4px;
}