@font-face {
  font-family: 'lemon-milk';
  src: url('../fonts/LEMONMILK-Regular.otf');
}
html{
  scroll-behavior: smooth !important;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'lemon-milk' !important;
    overflow-x: hidden;
}
p{
    font-size: 14px;
    color: #5e5e5e;
  
}
label{
  font-size: 14px;
  color: #5e5e5e;
}
span{
  font-size: 14px;
  color: #5e5e5e;
}
button{
  font-size: 12px !important;
}
a{
 text-decoration: none !important;
  font-size: 14px !important;
  color: #5e5e5e;
}
h1,
h2,
h3,
h4,
h5,
h6{
    color: #302f2f;

}
 /* navbar start */
.navlogo{
  width: 7%;
}
.navlogo img{
  width: 100%;
}
 .main-navbar{
    background-color:black;
/*     
    position: absolute;
    top: 0; */
    z-index: 100;
    /* background-image: linear-gradient(rgba(0, 0, 0,1), rgba(133, 133, 133, 0));  */
} 
.dropdown-toggle::after{
  display: none;
}
.dropdown-menu{
  background-color: transparent ;
  border: none;
  
}
.dropdown-item{
  color: white;
  text-align: right;
  display: flex;
  justify-content: right;
  /* margin-right: -100px; */
}

.navbar-nav a {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.nav-link{
  color: white !important;
  padding: 10px 15px !important;
  border-left: 3px solid   white;
  display: flex;
  align-items: center;
  justify-content: center;
  height:25px;
  font-family: 'lemon-milk' !important;

}
 
.navbar-toggler{
  border: 1px solid white !important;
}
.fa-bars{
  color: white;
  font-size: 20px;
}
 /* navbar end */

#home{
  position: relative;
  background-color: black;
}
 
 
.tik-tok-tournament{
  padding: 100px 0px;
  background-color: black;
  position: relative !important;

}
.tik-tok-tournament-img{
  background-blend-mode: overlay !important;
  position: relative;
}
.tiktiok-banner-web{
  width: 100%;
  height: auto;
}
.ticktock-tournamnet-content{
  position: absolute;
  bottom: 10% !important;
  width: 100%;
}
.registernow{
  width: 100%;
  position: relative;
  top: 20px;
} 
.registernow img{
  width: 50% !important;
  align-items: center !important;
} 
.tiktiok-banner-mbl{
  display: none;
  width: 100%;
  height: auto;

}

#countdown {
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0;
  position: relative;
  top: -10px !important;
  left: 15px;
}

#countdown li {
  list-style: none;
  display: inline-block;
  margin: 5px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

#countdown li:last-child {
  margin-right: 0
}

#countdown li span {
  display: block;
  font-size: 30px !important;
  font-weight: bold;
  border-radius: 10px;
  padding: 13px;
  color: white;
  text-shadow: 3px 3px 20px white;
}
 
/* #countdown li .days {
  
  background-color: #45b29d; 
  border-top: 1px solid #6ac1b1;
  border-left: 1px solid #6ac1b1;
}

#countdown li .hours {
   background-color: #efc94c; 
   border-top: 1px solid #f2d470;
  border-left: 1px solid #f2d470; 
}

#countdown li .minutes {
   background-color: #e27a3f; 
   border-top: 1px solid #e89565;
  border-left: 1px solid #e89565; 
}

#countdown li .seconds {
   background-color: #df5a49; 
   border-top: 1px solid #e57b6d;
  border-left: 1px solid #e57b6d; 
} */

#countdown li:before {
   /* background-color: #FFFFFF; 
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 36px;
  width: 1px;
}

#countdown li:after {
  /* background-color: #FFFFFF; */
  content: "";
  height: 11px;
  right: 0;
  position: absolute;
  top: 36px;
  width: 1px;
}
.countdown-text{
  position: relative;
  color: white;
  bottom: -20px !important;
  font-size: 20px;
  font-weight: bold;
}
.termcondition-text{
  position: relative;
  top: 3px;
  font-weight: bold;
  font-size: 17px !important;
  color: #FFBF2C;
}
.video{
  background-color: black;
  padding: 20px 0px;
  position: relative;
}
 
.footer-icons i {
  padding: 20px 10px 0px 10px;
 
  color: rgb(248, 244, 244);
  border-radius: 5px;
  font-size: 20px;
}

.footer-icons {
  padding: 14px 0px;
 
}
.slide1-mbl{
  display: none !important;
}
.slide2-mbl{
  display: none !important;
}
.slide3-mbl{
  display: none !important;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(59, 59, 59); 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(5, 91, 141); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000; 
}
.youtube-vedio{
  width: 100%;
  height: 350px !important;
}
.main-youtube-vedio{
  width: 100%;
  height: 450px !important;
   

}
.footerline{
  background-color: rgb(131, 131, 131);
  width: 100%;
}
.site-footer
{
  background-color:#000000;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}

.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  /* background-color:#ffffff; */
color: white !important;
  display:inline-block;
  font-size: 20px !important;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
 
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.instagram:hover
{
  background-color:#00aced
}
.social-icons a.watsapp:hover
{
  background-color:#3ab600
}
.social-icons a.email:hover
{
  background-color:#5ecaaf;
}
 
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.selfie-name {
  animation-name: text-anim;
  animation-duration: 0.1s;
  animation-iteration-count: infinite;
  text-align: center;
  font-family: arial;
  color: white;
  box-shadow: 0 0 5px #ffc936, 0 0 10px #ffc936, 0 0 20px #ffc936,
    0 0 40px #ffc936;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
  background-color: transparent !important;
}
@keyframes text-anim {
  from {
    box-shadow: 0 0 5px #ffc936, 0 0 10px #ffc936, 0 0 20px #ffc936,
      0 0 20px #ffc936;
    color: white;
  }
  to {
    box-shadow: 0 0 5px yellow, 0 0 10px #ffd666, 0 0 20px orange,
      0 0 60px orange;
  }

}
.box h3{
  font-size: 15px;
    }
.mainbanao-img-desk{
  display: block;
}

.mainbanao-img-mbl{
  display: none;
}
.mobile-banaoaurkamao{
  display: block;
}
 .mobile-banaoaurkamao{
   display: none;
 }