/*Estilo Banner Publicidade*/
.cars {
  width: 196px;
  height: 56px;
  border-radius: 50px;
  background-color: #fff;
  position: absolute;
  bottom: 140px;
  left: 20px;
  z-index: 0;
  font-size: 20px;
  color: #fff;
  }
#carouselSite {
  position: absolute;
  width: 154px;
  height: 44px;
  left: 50%;
  top: 50%;
  margin-left: -77px;
  margin-top: -22px;
}
h1 {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-family: 'Open Sans Condensed', sans-serif;
}
#sertanejapop {
  width: 60%;
  height: 90%;
  margin-left: -30%;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: 0;
}
/*Fim Banner Publicidade*/

/*Ultimas Tocadas*/
.Ultimas-Tocadas-Box {
  position: absolute;
  bottom: 45px;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 30px;
  color: #fff;
  font-family: 'Open Sans Condensed', sans-serif;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  grid-gap: 5px;
}
.UltimaTocada {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
}

@media only screen and (max-height: 600px) {
  .Ultimas-Tocadas-Box {
    display: none;
  }
}

@media only screen and (max-height: 620px) {
  .cars {
    display: none;
  }
  .twitter {
    display: none;
  }
  .background_hora{
    display: none;
  }
  #relogio{
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .cars {
    display: none;
  }
  .twitter {
    display: none;
  }
  .background_hora{
    display: none;
  }
  #relogio{
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  #sertanejapop {
    width: 60%;
    left: 50%;
    margin-left: -30%;
  }
}

@media only screen and (max-width: 768px) {
  #sertanejapop {
    width: 100%;
    height: 95%;
    left: 50%;
    margin-left: -50%;
  }
  .Ultimas-Tocadas-Box {
    display: none;
  }
  .modern-ticker {
    display: block;
  }
}


@media only screen and (max-width: 1099px) {
  .noticias, .bg-noticias {
    display: none;
  }
  .Ultimas-Tocadas-Box {
    bottom: 50px;
  }
}

/*Hora Certa*/
.background_hora{
  width: 196px;
  height: 56px;
  background-color: #fff;
  position: absolute;
  left: 20px;
  bottom: 75px;
  border-radius: 50px;
}
#relogio{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  color: #8c0800;
}
/*Noticias*/
.bg-noticias {
  position: absolute;
  width: 700px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  right: 20px;
  bottom: 20px;
}
.titulo-noticias {
  color: #fff;
  position: absolute;
  bottom: 15px;
  top: 15px;
  left: -55px;
  display:flex;
  grid-gap: 5px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;
  color: #ff7229;
}
.noticias {
  position: relative;
  top: -3px;
}

/*Modal*/
.contact {
  padding-top: 20px;
  padding-bottom: 20px;
  }
}