.navbar-btn {
  background-color: #ff0100 !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 16px !important;
}
.navbar-border-right {
  border-right: 2px solid #000;
  margin-top: 5px !important;
  margin-bottom: 5px;
  height: 50px;
}
.bg-ash {
  background-color: #555555;
  border-top: 7px solid #ff0100;
}
.copyright-text {
  color: #fff;
}
.slogan h1 {
  font-size: 50px;
}

::placeholder {
  color: #ccc!important;
  font-size: 12px;
}
.facebook-text {
  background-color: #0988EF;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  border: 2px solid #fff;
}
.fan-text h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 900;
  text-shadow: 5px 5px #e51e2a;
  overflow: auto;
  z-index: 99999;
  overflow-y: hidden;
}
.play-quiz-text {
  background-color: #92171a;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #fff;
  margin-top: 40px;
}
a {
  text-decoration: none !important;
}
.fact-red-bg {
  background-color: #e21f26;
  border: 2px solid #fff103;
  border-radius: 10px;
  padding: 12px;
}
.fact-green-bg {
  background-color: #02a451;
  border: 2px solid #fff103;
  border-radius: 10px;
  padding: 12px;
}
#time,
#timer {
  font-size: 30px;
  color: #92171a;
}
.participants-no-text {
  background-color: #fff;
  color: #ff0100;
  padding: 10px;
  border-radius: 10px;
  border: 3px solid #ff0100;
}
.camp-logo {
  width: 85%;
}
.lucky-text {
  background-color: #fff103;
  padding: 10px;
  border-radius: 10px;
}
.quiz-form input {
  border-radius: 10px;
}
.quiz-form input {
  padding: 13px !important;
}
.quiz-form {
  background: #cccccc8c;
  padding: 10px;
  border: 2px solid #ff0100;
}
.leaderboard-row {
  background-color: #fee26c;
  border: 3px solid #fff005;
  border-radius: 10px;
}
.bg-green {
  background-color: #01512d;
}
.bg-red {
  background-color: #e21f26;
}

.table-logo {
  border-radius: 50%;
  border: 2px solid #fff005;
  width: 3%;
  height: 5%;
  position: absolute;
  /* margin-top: -12px; */
  background: #fff;
  /* margin-left: -10px; */
  padding: 7px;
}

.certificate-img {
  width: 100%;
}

.form-check-input[type=radio] {
  border: 2px solid #92171a;
}


@media only screen and (max-width: 767px) {
  .navbar-btn {
    margin-bottom: 15px;
  }
  .fan-text h1 {
    font-size: 26px;
    text-shadow: 5px 5px #92171a;
    overflow: auto;
    z-index: 99999;
  }
  .navbar-border-right {
    border-right: none;
  }
  .t20-text {
    font-size: 18px;
    text-align: center;
  }

  .table-logo {
    width: 13%;
    margin-left: -9px;
    margin-top: 5px;
  }
  .camp-logo {
    width: 60%;
  }
  #msform {
    width: 100% !important;
  }
  #time,
  #timer {
    font-size: 24px;
    color: #92171a;
  }
  .play-quiz-text {
    margin-top: 0;
  }

  .player-img1 {
    bottom: 23% !important;
    width: 15% !important;
  }
  .player-img2 {
    bottom: 26% !important;
    width: 10% !important;
  }
  .player-img3 {
    bottom: 28% !important;
    width: 10% !important;
  }
  .player-img4 {
    bottom: 30% !important;
    width: 15% !important;
  }
  .player-img5 {
    bottom: 26% !important;
    width: 10% !important;
  }
  .player-img6 {
    bottom: 23% !important;
    width: 17% !important;
    margin-left: -17px;
  }
  .certificate-img {
  width: 100%;
}
}

#msform {
  width: 35%;
  margin: 20px auto;
  /* text-align: center; */
  position: relative;
}
#msform fieldset {
  background: #ffe9bc;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
#msform ::placeholder {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #000;
}
/*inputs*/
/* #msform input,
#msform textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2c3e50;
} */
/*buttons*/
#msform .action-button {
  width: 40%;
  background: #92171a;
  font-weight: bold;
  color: white;
  border-radius: 10px;
  cursor: pointer;
  padding: 10px;
  margin: 10px;
}

.player-img1 {
  animation-duration: 1s;
  animation-name: slidein;
  position: absolute;
  bottom: 23%;
  width: 15%;
}
.player-img2 {
  animation-duration: 2.5s;
  animation-name: slidein;
  position: absolute;
  bottom: 40%;
  width: 10%;
}
.player-img3 {
  animation-duration: 3.5s;
  animation-name: slidein;
  position: absolute;
  bottom: 42%;
  width: 10%;
}
.player-img4 {
  animation-duration: 4.5s;
  animation-name: slidein;
  position: absolute;
  bottom: 42%;
  width: 15%;
}
.player-img5 {
  animation-duration: 5.5s;
  animation-name: slidein;
  position: absolute;
  bottom: 40%;
  width: 10%;
  text-align: center;
}
.player-img6 {
  animation-duration: 6.5s;
  animation-name: slidein;
  position: absolute;
  bottom: 23%;
  width: 15%;
}

@keyframes slidein {
  from {
    margin-left: 100%;
  }

  to {
    margin-left: 0%;
  }
}