body {
  background: #05272d;
  font-family: 'Asap', sans-serif;
}

.navbar {
  width: 100%;
}

@media (max-width: 998px) {
  .navbar {
    position: fixed;
    background-color: #16beb1;
    z-index: 15;
  }
  .navbar .navbar-logo {
    max-width: 150px;
  }
}

.navbar-toggler {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  padding: 0px;
  outline: 0 !important;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 4px;
  width: 30px;
  margin: 4px 0;
  top: 9px;
}

.navbar-toggler.collapsed .navbar-toggler-icon:after {
  content: "";
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 4px;
  bottom: -5px;
  width: 30px;
  top: auto;
  position: relative;
  transform: rotate(0deg);
}

.navbar-toggler.collapsed .navbar-toggler-icon:before {
  content: "";
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 4px;
  top: -8px;
  width: 30px;
  position: relative;
  transform: rotate(0deg);
}

.navbar-toggler .navbar-toggler-icon {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 2px;
  display: block;
  height: 4px;
  width: 30px;
  margin: 4px 0;
  top: 9px;
  transition: all 0.3s;
  position: absolute;
}

.navbar-toggler .navbar-toggler-icon:after {
  content: "";
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 4px;
  bottom: auto;
  top: 0;
  width: 30px;
  position: relative;
  transform: rotate(-45deg);
  transition: all 0.3s;
  position: absolute;
}

.navbar-toggler .navbar-toggler-icon:before {
  position: absolute;
  content: "";
  background-color: #FFF;
  border-radius: 2px;
  display: block;
  height: 4px;
  top: 0px;
  width: 30px;
  position: relative;
  transform: rotate(45deg);
  transition: all 0.3s;
}

.logo-topo {
  width: 160px;
  position: relative;
  left: 80px;
}

.logo-topo img {
  width: 100%;
}

.navbar-nav li:last-child {
  border: none;
}

@media (max-width: 768px) {
  .navbar-nav li {
    border-right: 0px;
    padding: 10px;
  }
}

.navbar-nav li a {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-transform: none;
  padding: 10px 20px;
}

.navbar-nav li a:hover {
  color: #C9D200;
  text-transform: uppercase;
  font-weight: 600;
}

@media (max-width: 768px) {
  .navbar-nav li a {
    color: #FFF;
  }
}

.navbar-nav li .nav-link-color {
  background-color: #01aba2;
}

.navbar-logo {
  width: 250px;
}

.p-espaco {
  padding: 50px 0px;
}

p {
  color: #fff;
  font-size: 20px;
  text-align: left;
}

.destaque-topo {
  background-color: #00AE9D;
  background-image: url(../images/img-detaque.jpg);
  height: 700px;
  background-position: center;
  background-size: cover;
}

.premios {
  background-color: #003641;
}

.premios .info-premios {
  max-width: 955px;
  margin: 0 auto;
  text-align: center;
}

.premios .info-premios h1 {
  color: #C9D200;
  font-size: 48px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 900;
  padding-bottom: 30px;
}

.premios .info-premios h1 strong {
  color: #fff;
  text-transform: none;
  font-size: 40px;
  line-height: 32px;
}

.premios .info-premios h2 {
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  color: #C9D200;
  font-weight: 900;
}

.premios .info-premios p {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  padding: 0 100px;
  text-align: center;
}

.premios .info-premios h3 {
  font-size: 25px;
  line-height: 20px;
  color: #C9D200;
  text-transform: uppercase;
  font-weight: 900;
}

.premios .info-premios .img-premio img {
  width: 100%;
}

.premios .info-premios .quantidade-premio .quantidade-premio-numero {
  text-align: left;
}

.premios .info-premios .quantidade-premio .quantidade-premio-numero p {
  font-size: 80px;
  font-weight: 900;
  text-align: left;
  position: relative;
  padding-bottom: 30px;
}

.premios .info-premios .quantidade-premio .quantidade-premio-numero p:after {
  position: absolute;
  content: "";
  top: -20px;
  left: -10px;
  background-image: url("../images/icone-premio.png");
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: 100px;
}

.premios .info-premios .quantidade-premio .quantidade-premio-numero p strong {
  font-size: 35pt;
  display: inline-block;
}

.premios .info-premios .quantidade-premio .quantidade-premio-numero p strong span {
  font-size: 20px;
  color: #C9D200;
}

.premios .info-premios .quantidade-premio .quantidade-premio-info strong {
  display: block;
  color: #fff;
  font-size: 32px;
}

.premios .info-premios .quantidade-premio .quantidade-premio-info span {
  display: block;
  font-size: 32px;
  color: #fff;
}

.premios .info-premios .btn-premio {
  padding-top: 30px;
}

.premios .info-premios .btn-premio a {
  background: #c3e02a;
  color: #003d43;
  padding: 10px 30px;
  border-radius: 50px;
  border: solid 7px #38656d;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.regulamento {
  background-color: #fff;
  position: relative;
}

.regulamento:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  background-image: url("../images/marcador-regulamento.jpg");
  height: 20px;
  width: 100%;
  background-repeat: no-repeat;
}

.regulamento .regulamento-info {
  max-width: 955px;
  margin: 0 auto;
  text-align: center;
}

.regulamento .regulamento-info h2 {
  padding-bottom: 30px;
}

.regulamento .regulamento-info h2 img {
  width: 100%;
}

.regulamento .regulamento-info p {
  color: #00ae9d;
  font-weight: 400;
  font-size: 24px;
}

.tabela {
  background-color: #fff;
  padding-bottom: 80px;
  position: relative;
}

.tabela:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-image: url("../images/marcador-regulamento.jpg");
  height: 20px;
  width: 100%;
  background-repeat: no-repeat;
}

.tabela .tabela-desk {
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
}

.tabela .tl-tabela h2 {
  font-size: 48px;
  font-weight: 900;
  font-style: italic;
  text-align: center;
  padding-bottom: 30px;
}

.tabela .tl-tabela h2 span {
  color: #c9d200;
  -webkit-text-stroke-color: #003641;
  line-height: 1.4;
}

.tabela .tabela-ganhadores table {
  border-collapse: initial;
  width: 100%;
  color: #fff;
  border: solid 1px #fff;
}

.tabela .tabela-ganhadores table th {
  background-color: #fff;
  color: #06353e;
  font-size: 16px;
  font-weight: 900;
  padding-left: 5px;
}

.tabela .tabela-ganhadores table tr td {
  color: #003641;
  margin-left: 20px;
  padding-left: 5px;
  font-weight: 600;
}

.numero-da-sorte {
  background-color: #003641;
  position: relative;
}

.numero-da-sorte:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-image: url("../images/marcador-regulamento.jpg");
  height: 20px;
  width: 100%;
  background-repeat: no-repeat;
}

.numero-da-sorte .numero-da-sorte-info {
  max-width: 955px;
  margin: 0 auto;
  text-align: center;
}

.numero-da-sorte .numero-da-sorte-info h2 img {
  width: 100%;
}

.numero-da-sorte .numero-da-sorte-info input[type="text"] {
  background: #c3e02a;
  color: #003d43;
  padding: 10px 30px;
  border-radius: 50px;
  border: solid 7px #38656d;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  width: 280px;
  margin-top: 30px;
  outline: none;
}

.ganhadores {
  background-color: #49479D;
  position: relative;
}

.ganhadores:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-image: url("../images/marcador-regulamento.jpg");
  height: 20px;
  width: 100%;
  background-repeat: no-repeat;
}

.ganhadores .ganhadores-info {
  max-width: 955px;
  margin: 0 auto;
}

.ganhadores .ganhadores-info h2 {
  padding-bottom: 50px;
}

.ganhadores .ganhadores-info h2 img {
  width: 100%;
}

.ganhadores .ganhadores-info .ganhadores-img img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 30px;
}

.duvida {
  background-color: #003641;
  position: relative;
}

.duvida:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-image: url("../images/marcador-regulamento.jpg");
  height: 20px;
  width: 100%;
  background-repeat: no-repeat;
}

.numeros {
  background-color: #C9D200;
  position: relative;
}

.numeros:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 303px;
  height: 100%;
  background-image: url(../images/4.png);
}

.numeros .info-numeros h2 {
  color: #49479D;
  font-size: 34px;
  text-transform: none;
  padding-bottom: 20px;
  font-weight: 900;
  text-align: left;
  font-style: italic;
  padding-top: 90px;
}

.numeros .info-numeros input[type="number"] {
  width: 100%;
  border: none;
  outline: none;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px 15px;
}

.numeros .info-numeros input[type="submit"] {
  background: #49479D;
  font-weight: 900;
  padding: 10px 50px;
  border-radius: 5px;
  border: solid 2px #00AE9D;
  color: #C9D200;
  text-transform: uppercase;
  margin-top: 20px;
}

.numeros .img-numeros {
  position: relative;
  z-index: 2;
  margin-top: -30px;
}

.numeros .img-numeros img {
  width: 100%;
}

.accordion {
  border: 0;
}

.accordion .card {
  border: 0;
  border-radius: 20px;
  margin-bottom: 20px;
  background-color: transparent;
}

.accordion .card:first-child {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.accordion .card:first-of-type {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.accordion .card .card-header {
  background-color: transparent;
  padding-bottom: 0px;
  outline: none;
  border: transparent;
  padding: 0;
}

.accordion .card .card-header .btn-link {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  text-decoration: none;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  padding: 0;
}

.accordion .card .cardy-body p {
  color: #fff !important;
}

.accordion .card .cardy-body img {
  width: 100%;
}

.ganhadores-mobile {
  display: none;
}

.perguntas-frequentes {
  background-color: #05272d;
  padding: 50px 0;
  max-width: 955px;
  margin: 0 auto;
}

.perguntas-frequentes .perguntas-frequentes-tl h2 {
  color: #c9d200;
  font-size: 30px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  padding-bottom: 20px;
}

.perguntas-frequentes .duvida-info h2 {
  padding-bottom: 50px;
}

.perguntas-frequentes .duvida-info h2 img {
  width: 100%;
}

.perguntas-frequentes .duvida-info p {
  color: #fff;
  font-size: 24px;
}

.perguntas-frequentes .card-body {
  color: #fff;
}

.logo-footer {
  padding-top: 150px;
}

.logo-footer img {
  width: 100%;
}

.rodape {
  background-color: #00AE9D;
}

.rodape .info-footer {
  max-width: 955px;
  margin: 0 auto;
}

.rodape .info-footer p {
  color: #06353e;
  font-size: 16px;
}

.rodape .info-footer .rodape-img {
  max-width: 300px;
  margin: 0 auto;
}

.rodape .info-footer .rodape-img img {
  width: 100%;
}

@media (max-width: 1024px) {
  .navbar-logo {
    width: 150px;
  }
  .destaque-topo {
    height: 450px;
  }
}

@media (max-width: 991px) {
  .navbar-nav li a {
    font-style: 14px;
  }
  .destaque-topo {
    height: 435px;
  }
  .tabela-ganhadores {
    display: none;
  }
  .ganhadores-mobile {
    display: block;
  }
  .ganhadores-mobile .tabela-mobile {
    margin-bottom: 40px;
  }
  .ganhadores-mobile .tabela-mobile h3 {
    background: #c9d200;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 15px;
  }
  .ganhadores-mobile .tabela-mobile p {
    color: #003641;
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
  }
  .ganhadores-mobile .tabela-mobile p span {
    color: #003641;
    font-weight: 600;
    display: block;
  }
}

@media (max-width: 768px) {
  .navbar {
    background-color: #16beb1;
  }
  .destaque-topo {
    height: auto;
  }
  .destaque-topo::after {
    display: none;
  }
  .destaque-topo {
    height: 275px;
    background-position-x: -110px;
    background-size: 680px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 8px;
  }
  .premios .info-premios h1 {
    font-size: 30px;
    padding-bottom: 10px;
  }
  .premios .info-premios h1 strong {
    font-size: 30px;
  }
  .premios .info-premios h2 {
    font-size: 20px;
  }
  .premios .info-premios p {
    font-size: 16px;
    padding: 0;
  }
  .premios .info-premios h3 {
    font-size: 20px;
  }
  .premios .info-premios .quantidade-premio {
    margin-top: 30px;
  }
  .premios .info-premios .quantidade-premio .quantidade-premio-numero p {
    padding-left: 70px;
    font-size: 50px;
  }
  .premios .info-premios .quantidade-premio .quantidade-premio-numero p:after {
    background-size: 70px;
  }
  .premios .info-premios .quantidade-premio .quantidade-premio-numero p strong {
    display: block;
    padding-top: 10px;
    font-size: 20px;
  }
  .regulamento .regulamento-info p {
    font-size: 16px;
  }
  .tabela {
    padding: 0;
  }
  .duvida .duvida-info p {
    font-size: 16px;
  }
}

.botao-cupom {
  display: block;
  margin: 0 auto;
  background: #003641;
  border: 0;
  border-radius: 4px;
  padding: 5px 30px;
  color: #fff; }

  
  .sem_registro {display:none;}
  .tabela-ganhadores {color: #fff; }
.tabela-ganhadores thead th {text-align:center; text-align: center;
    border: 2px solid #fff;
    padding: 5px 10px;}
.tabela-ganhadores tbody tr td { border: 2px solid #fff;
    padding: 5px 10px;}