/*---------------------------------------

  CUSTOM PROPERTIES ( VARIABLES )             

-----------------------------------------*/

:root {

  --white-color:                  #ffffff;

  --primary-color:                #F8CB2E;

  --secondary-color:              #EE5007;

  --section-bg-color:             #f0f8ff;

  --custom-btn-bg-color:          #EE5007;

  --custom-btn-bg-hover-color:    #c01f27;

  --dark-color:                   #000000;

  --p-color:                      #717275;

  --border-color:                 #7fffd4;

  --link-hover-color:             #B22727;



  --body-font-family:             'Outfit', sans-serif;



  --h1-font-size:                 74px;

  --h2-font-size:                 46px;

  --h3-font-size:                 32px;

  --h4-font-size:                 28px;

  --h5-font-size:                 24px;

  --h6-font-size:                 22px;

  --p-font-size:                  18px;

  --btn-font-size:                14px;

  --copyright-font-size:          16px;



  --border-radius-large:          100px;

  --border-radius-medium:         20px;

  --border-radius-small:          10px;



  --font-weight-light:            300;

  --font-weight-normal:           400;

  --font-weight-bold:             700;

}



@font-face {

  font-family: 'Lastica';

  src: url('../fonts/Lastica.woff') format('woff2'),

      url('../fonts/Lastica.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}







body {

  background-color: var(--white-color);

  font-family: var(--body-font-family); 

  font-family: 'Lastica';

  letter-spacing: 3px; 

}





/*---------------------------------------

  TYPOGRAPHY               

-----------------------------------------*/



h2,

h3,

h4,

h5,

h6 {

  color: var(--dark-color);

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: var(--font-weight-bold);

}



h1 {

  font-size: var(--h1-font-size);

}



h2 {

  font-size: var(--h2-font-size);

}



h3 {

  font-size: var(--h3-font-size);

}



h4 {

  font-size: var(--h4-font-size);

}



h5 {

  font-size: var(--h5-font-size);

}



h6 {

  font-size: var(--h6-font-size);

}



p {

  color: var(--p-color);

  font-size: var(--p-font-size);

  font-weight: var(--font-weight-light);

}



ul li {

  color: var(--p-color);

  font-size: var(--p-font-size);

  font-weight: var(--font-weight-light);

}



a, 

button {

  touch-action: manipulation;

  transition: all 0.3s;

}



a {

  display: inline-block;

  color: var(--primary-color);

  text-decoration: none;

}



a:hover {

  color: var(--link-hover-color);

}



b,

strong {

  font-weight: var(--font-weight-bold);

}



.link-fx-1 {

  color: var(--white-color);

  position: relative;

  display: inline-flex;

  align-items: center;

  height: 32px;

  padding: 0 6px;

  text-decoration: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.link-fx-1:hover {

  color: var(--link-hover-color);

}



.link-fx-1:hover::before {

  transform: translateX(17px) scaleX(0);

  transition: transform .2s;

}



.link-fx-1:hover .icon circle {

  stroke-dashoffset: 200;

  transition: stroke-dashoffset .2s .1s;

}



.link-fx-1:hover .icon line {

  transform: rotate(-180deg);

}



.link-fx-1:hover .icon line:last-child {

  transform: rotate(180deg);

}



.link-fx-1::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: currentColor;

  transform-origin: right center;

  transition: transform .2s .1s;

}



.link-fx-1 .icon {

  position: absolute;

  right: 0;

  bottom: 0;

  transform: translateX(100%) rotate(90deg);

  font-size: 32px;

}



.icon {

  --size: 1em;

  height: var(--size);

  width: var(--size);

  display: inline-block;

  color: inherit;

  fill: currentColor;

  line-height: 1;

  flex-shrink: 0;

  max-width: initial;

}



.link-fx-1 .icon circle {

  stroke-dasharray: 100;

  stroke-dashoffset: 100;

  transition: stroke-dashoffset .2s;

}



.link-fx-1 .icon line {

  transition: transform .4s;

  transform-origin: 13px 15px;

}



.link-fx-1 .icon line:last-child {

  transform-origin: 19px 15px;

}





/*---------------------------------------

  SECTION               

-----------------------------------------*/

.section-padding {

  padding-top: 100px;

  padding-bottom: 100px;

}



.section-bg {

  background-color: var(--section-bg-color);

}



.section-overlay {

  background-color: var(--dark-color);

  position: absolute;

  top: 0;

  left: 0;

  pointer-events: none;

  width: 100%;

  height: 100%;

  opacity: 0.35;

}



.section-overlay + .container {

  position: relative;

}



.tab-content {

  background-color: var(--white-color);

  border-radius: var(--border-radius-medium);

  padding: 45px;

}



.nav-tabs {

  background-color: var(--section-bg-color);

  border-radius: var(--border-radius-large);

  border-bottom: 0;

  padding: 15px;

}

.msg_pic{

    color: red !important;

    font-size: 12px !important;

    letter-spacing: 0 !important;

    text-align: left !important;

    margin-bottom: 25px !important;

    margin-top: 5px !important;

    display: block!important;

}

.nav-tabs .nav-link {

  border-radius: var(--border-radius-large);

  border: 0;

  padding: 15px 25px;

  transition: all 0.3s;

}



.nav-tabs .nav-link:first-child {

  margin-right: 15px;

}



.nav-tabs .nav-item.show .nav-link, 

.nav-tabs .nav-link.active,

.nav-tabs .nav-link:focus, 

.nav-tabs .nav-link:hover {

  background: var(--white-color);

  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);

  color: var(--primary-color);

}



.nav-tabs h5 {

  color: var(--p-color); 

  margin-bottom: 0;

}



.nav-tabs .nav-link.active h5,

.nav-tabs .nav-link:focus h5, 

.nav-tabs .nav-link:hover h5 {

  color: var(--primary-color);

}





/*---------------------------------------

  CUSTOM ICON COLOR               

-----------------------------------------*/

.custom-icon {

  color: var(--secondary-color);

}





/*---------------------------------------

  CUSTOM BUTTON               

-----------------------------------------*/

.custom-btn {

  background: #ff0037;

  border: 2px solid transparent;

  border-radius: var(--border-radius-large);

  color: var(--white-color);

  font-size: var(--btn-font-size);

  font-weight: var(--font-weight-bold);

  line-height: normal;

  transition: all 0.3s;

  padding: 10px 20px;

  text-transform: uppercase;

  font-size: 16px;

  border-radius: 10px;

  text-shadow: 4px 7px 8px #2a1105;

}

.auditionbtn {    padding: 5px 7px;

  display: inline-block;

  background: #ff0037;

  border-radius: 13px;

  line-height: 34px;

  box-shadow: 0px 0px 40px #ff0037;}

.auditionbtn a {    font-size: 22px;

  font-weight: 600;

  padding: 15px 20px;

  border: 3px solid #fff;

}

.navbar { padding: 0px;}

#navbarNav{ background:rgb(0 0 0 / 42%);

  padding-right: 15px;

  flex: inherit;

  margin-top: -90px;

  border-radius: 0px 0px 10px 10px;}

.custom-btn:hover {

  background: #ff0037;    border-color: #fff;

  color: var(--white-color);

}



.custom-border-btn {

  background: transparent;

  border: 2px solid var(--custom-btn-bg-color);

  color: var(--custom-btn-bg-color);

}



.navbar-expand-lg .navbar-nav .nav-link.custom-btn:hover,

.custom-border-btn:hover {

  background: var(--custom-btn-bg-hover-color);

  border-color: transparent;

  color: var(--white-color);

}



.custom-btn-bg-white {

  border-color: var(--white-color);

  color: var(--white-color);

}





/*---------------------------------------

  VIDEO              

-----------------------------------------*/

.video-wrap {

  z-index: -100;

}



.custom-video {

  position: absolute;

  top: 0;

  left: 0;

  object-fit: cover;

  width: 100%;

  height: 100%;

}





/*---------------------------------------

  SITE HEADER              

-----------------------------------------*/

.site-header {

  background-color: var(--primary-color);

  padding-top: 12px;

  padding-bottom: 12px;

}





/*---------------------------------------

  NAVIGATION              

-----------------------------------------*/

.sticky-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

}



.sticky-wrapper.is-sticky .navbar {

  background-color: var(--dark-color);

}



.sticky-wrapper.is-sticky #navbarNav { margin-top: 0px; }

.sticky-wrapper.is-sticky .navbar-brand img {height: 70px;}

.navbar {

  background: transparent;

  z-index: 999;

}



.navbar-brand,

.navbar-brand:hover {

  color: var(--white-color);

  font-size: var(--h5-font-size);

  font-weight: var(--font-weight-bold);

}



.navbar-expand-lg .navbar-nav .nav-link {

  border-radius: var(--border-radius-large);

  margin: 10px;

  padding: 10px 20px;

  text-transform: uppercase;

  font-weight: 600;

     font-size: 16px;

}

.navbar-nav .nav-link {

  display: inline-block;

  color: var(--white-color);

  font-size: var(--p-font-size);

  font-weight: var(--font-weight-normal);

  position: relative;

  padding-top: 15px;

  padding-bottom: 15px;

text-decoration:none;

}



.navbar-nav .nav-link.active, 

.navbar-nav .nav-link:hover {

  color: #ff0037;

}



.navbar-toggler {

  border: 0;

  padding: 0;

  cursor: pointer;

  margin: 0;

  width: 30px;

  height: 35px;

  outline: none;

}



.navbar-toggler:focus {

  outline: none;

  box-shadow: none;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  background: transparent;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;

  transition: top 300ms 50ms ease, transform 300ms 350ms ease;

  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;

  top: 0;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {

  transform: rotate(45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

  transform: rotate(-45deg);

}



.navbar-toggler .navbar-toggler-icon {

  background: var(--white-color);

  transition: background 10ms 300ms ease;

  display: block;

  width: 30px;

  height: 2px;

  position: relative;

}



.navbar-toggler .navbar-toggler-icon:before,

.navbar-toggler .navbar-toggler-icon:after {

  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;

  transition: top 300ms 350ms ease, transform 300ms 50ms ease;

  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;

  position: absolute;

  right: 0;

  left: 0;

  background: var(--white-color);

  width: 30px;

  height: 2px;

  content: '';

}



.navbar-toggler .navbar-toggler-icon::before {

  top: -8px;

}



.navbar-toggler .navbar-toggler-icon::after {

  top: 8px;

}





/*---------------------------------------

  HERO        

-----------------------------------------*/

.hero-section {

  position: relative;

  overflow: hidden;

  padding-top: 100px;

  height: calc(100vh - 0px);

}



.hero-section small {

  color: var(--white-color);

  text-transform: uppercase;

}



.hero-section .section-overlay {

  z-index: 2;

  opacity:0;

}



.hero-section .container {

  position: relative;

  z-index: 2;

  height: 100%;

  padding-bottom: 50px;

}



.hero-section .container .row {

  height: 100%;

}





/*---------------------------------------

  ABOUT              

-----------------------------------------*/

.about-section {

  background-image: url('../images/edward-unsplash-blur.jpg');

  background-color: #704010;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  background-image: linear-gradient(to right, #2e1f40, #1f2c53);

}

.contestents-content p svg{    width: 30px;

  margin-right: 5px;}

.customeBtn:before {

  background-color: initial;

  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);

  border-radius: 125px;

  content: "";

  height: 50%;

  left: 4%;

  opacity: .5;

  position: absolute;

  top: 0;

  transition: all .3s;

  width: 92%;

}

.judgeSection {width: 350px;

  background: #fff;

  margin: 0 auto;

  border-radius: 8px;overflow: hidden;}

.judgeSection h5 {color: #000;

  font-size: 18px;

  font-family: sans-serif;

  letter-spacing: .5px;

  font-weight: 400;padding: 30px;    background: #d73cbe;}

.judgeSection p {    color: #000;

  font-family: sans-serif;

  padding: 30px;

  font-size: 16px;

  overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

	}

.contactDetails {    margin-top: 80px;

    padding: 0px;

    display: flex;}

.socialIcons { /*float: left;*/

  /*border: 1px solid #fff;

  padding: 5px 25px;*/}

.topJudgesbottom {    display: flex;

  justify-content: space-evenly; margin-top: 80px;}

.topJudgesbottom .judgeSection p {font-size: 14px;}

.loginSection { position: relative;}

.loginSection .mainLogo {position: absolute;

  left: 15px;

  top: 15px;}

.loginSection {text-align: center;}

.loginSection .leftLogin h1 {    font-size: 54px;

  color: #fff;

  margin-bottom: 40px;}

.loginSection .leftLogin p {    color: #fff;}

.loginSection h3 {color: #fff;}

.loginSection {    height: 100vh;}

.loginForm {text-align: center;}

.loginForm h3 {    margin-bottom: 20px;letter-spacing: 0px;}

.loginForm input {font-size: 18px;

    padding: 12px;

    border-radius: 5px;

    width: 100%;

    margin-bottom: 25px;

    border: 2px solid #e3e3e3;

    display: block;

    height: 55px;}

  .loginForm input::placeholder {font-size: 16px;}

  .myModal .dont a {    color: #ff0037;

    font-size: 16px;}

  .loginForm input:focus-visible,.loginForm input:focus {border: 2px solid #333;}

.myModal .modal-body {     padding: 40px 30px;

  font-family: sans-serif;}

.myModal .dropdown-menu > li > a {font-size: 14px;}

.judgeSection img {    width: 100%;}

.signupFrm, .loginFrm {display: none;}

.mergeFiled {    display: flex;

  gap: 15px;}

.signupFrm.active, .loginFrm.active {display: block;}

.myModal .close {width: 40px;

  height: 40px;

  border-radius: 50px;

  font-size: 32px;

  padding: 0px;

  line-height: 40px;

  background: #ff0037;

  border: none;

  position: absolute;

  right: -20px;

  top: -20px;

  color: #fff;

  z-index: 9999;}

.input-phone {}

.input-phone input {padding-left: 15px;

  height: 53px;

  border: 1px solid #eee;

  box-shadow: none;

  border-radius: 0px 5px 5px 0px !important;}

  .input-phone .btn-default {font-size: 16px;

    height: 53px;

    width: 100%;

    line-height: 43px;

    border-radius: 5px 0px 0px 5px !important;

    border: 1px solid #eee;

    overflow: hidden;

    background: #fbfbfb;}

.input-phone .btn-default .caret {display: none;}

.input-phone .input-group-btn  {width:115px;}

.passportOp {  line-height: 20px;  display: flex;

  align-items: center;

  margin-bottom: 25px;

  justify-content: flex-start;}

 .loginForm .inputFile {

    font-size: 16px;

    border: none;

    padding: 2px;

    /* border: 1px solid #e3e3e3; */

    /* height: 60px; */

    vertical-align: bottom;

    /* padding: 15px;*/

	    height: auto;

}

.passportOp label {font-size: 16px;

  font-weight: 400;}

.passportOp input {    margin: 0;

    width: 25px;

    height: 18px;

    margin-right: 10px;}

.loginForm label {display: block;

  text-align: left;

  margin-bottom: 10px;

  letter-spacing: 1px;

  color: #9d9d9d;

  font-weight: 400;

  font-size: 16px;}

  

.passportOp label {margin-bottom: 0px;    color: #333;}

.myModal .modal-dialog {    width: 470px;}

.ors {    position: relative;

  width: 100%;

  display: block;

  text-align: center;

  margin: 25px 0px 20px 0px;

  font-size: 22px;

  letter-spacing: 1px;}

.ors:after {    content: '';

  position: absolute;

  left: 0;

  width: 42%;

  height: 1px;

  top: 15px;

  background: #b3b3b3;

}

.socialMedia {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 50px;

}



.socialMedia li {}



.socialMedia li a {}



.socialMedia li a img {

    width: 45px;

    background: none; /* Ensure no background */

    border: none; /* Ensure no border */

}



.dont {    text-align: center;

  font-size: 16px;

  margin: 0;

  margin-top: 30px;}

.ors:before {    content: '';

  position: absolute;

  right: 0;

  width: 42%;

  height: 1px;

  top: 15px;

  background: #b3b3b3;

}

#passworderror{

  color: #ff0037;

  letter-spacing: 0;

  text-align: center;

  display: block;

  margin-top: 15px;

}

.myModal {    padding-top: 50px;}

.input-phone {  font-size: 18px;  height: 53px;

  box-sizing: border-box;

  width: 100%;    margin-bottom: 25px;}

  .loginForm button.myformbtn {background: #ff0037;    border: 2px solid transparent;

  border-radius: var(--border-radius-large);

  color: var(--white-color);

  font-size: var(--btn-font-size);

  font-weight: var(--font-weight-bold);

  line-height: normal;

  transition: all 0.3s;

  display: block;

  width: 100%;

  padding: 10px 20px;

  text-transform: uppercase;

  font-size: 20px;

  border-radius: 5px;

  text-shadow: 4px 7px 8px #2a1105;height: 50px;

  letter-spacing: 2px;font-weight: 600;

}

.limitOverflow{

	

}

.topJudgesbottom .judgeSection h5 {font-size: 16px;}

.topJudgesbottom .judgeSection { width: 355px;}

.contactDetails .socialIcons a {font-size: 24px;

  margin-right: 16px;}

.contactDetails .socialIcons a:last-child {margin-right: 0px;}

.contactDetails li {    margin-bottom: 0px;

    width: 100%;}

.contactDetails li:first-child {margin-top: 0px;}

.contactDetails li p{ color: #fff;

font-weight: 600;

font-size: 22px;}

.contactDetails li a {font-size: 18px;

  color: #d73bbb;

  font-family: sans-serif;}

.scheduleTitle {    margin: 120px 0px;}

.blogListing li {/*padding: 30px; */

    /* border: 1px solid #fff; */

    margin-bottom: 30px;

    width: 100%;

    color: #fff;padding-left: 30px;  position: relative;}

.blogListing li:last-child {margin-bottom:0px;}

.blogListing li p {    font-family: sans-serif;

  color: #fff;

  line-height: 26px;

  font-size: 14px;}

.blogListing li a {

        font-size: 18px;

    color: #d73bbb;

    font-family: sans-serif;

    display: block;

    font-weight: 500;

    line-height: 24px;

    margin-bottom: 10px;}

.blogListing li i {    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    color: #fff;}

.blogListing li h3 {  }

.blogListing { width: 100%;

    font-family: sans-serif;

    color: #fff;

    padding: 30px 30px 30px 30px;

    border: 1px solid #d73bbb;

    background: #202c52;

    box-shadow: 15px 15px 30px #0a0008;}

.grColor { background-image: linear-gradient(to right, #2e1f40, #1f2c53);

	}

.about-section p.text-white {font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    letter-spacing: .5px;

    font-family: sans-serif;}

.simon { } 





#about .about-text-wrap {text-align:center;}

.simon { font-size: 16px;

    font-family: sans-serif;

    text-decoration: underline;

    color: #ffe200 !important;}

.contestents {display: flex;

    gap: 50px;

    justify-content: center;

    flex-wrap: wrap;}

.contestentsDiv {width: 30%;

  background: #fff;

  border-radius: 6px;

  overflow: hidden;}

.contestentsDiv img {width: auto;

    height: 100%;}

.contestents-content {     padding: 30px;

  text-align: center;

  font-weight: 600;}

.contestentsDiv h3 {font-size: 22px;    color: #ff00c8;}

.contestents-content h5 {font-weight: 600;

    letter-spacing: 0;

    font-size: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    font-family: sans-serif !important;} 

.contestentsDiv p {    font-weight: 400;

    font-family: sans-serif;

    font-size: 18px;

    letter-spacing: 0px;}

.contestentsDiv a {  

      border-radius: 50px;

    font-weight: 600;

    background: #ff1547;

    border: 5px solid #1c9f42;

    color: #fff;

    padding: 10px 15px;

    width: 100%;

    margin-bottom: 15px;

    position: relative;

    border-style: ridge;

    font-family: sans-serif;

    letter-spacing: .5px;

    font-size: 20px;

    text-shadow: 0px 0px 4px #000;

    text-transform: uppercase;}

.profileImage { width: 65px;

  height: 65px;

  border-radius: 120px;}

.profileContent {    display: flex;

  gap: 15px;

  width: 100%;}

.leftaudition {    color: #fff;

  display: flex;

  align-items: flex-start;}

  .leftaudition .profilename td {    font-size: 20px;

    font-weight: 600;}

.leftaudition tr {}

.auditionPage {padding: 70px 0px;}

.auditionPage h4 {    text-align: center;

  color: #fff;

  margin-top: 30px;

  font-size: 20px;

  font-family: sans-serif;

  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: .5px;

  line-height: 30px;

}

.blrclass { filter: blur(8px);

  -webkit-filter: blur(8px);}

.profileDetails {    border-right: 3px solid #fff; padding-right: 30px;}

.profileDetails1 {padding-left: 30px;}

.profileDetails .videoFrame { margin-bottom: 0px;}

.auditionPage h4 u {  font-style: italic;}

.recordSubmit {     text-align: right;}

.recordSubmit a {    display: inline-block !important;

  /* padding: 15px 40px;

  font-size: 20px;

  border: 3px solid #fff; */

}

.rightaudition {}

.countDown {

  /*display: flex; */

  align-items: center;

  /* justify-content: center; */

  /* gap: 20px; */

  margin: 20px 0px;

  text-align: center;}

.countDown h4 {font-size: 16px;

  text-align: center;

  margin-top: 0px;}

#clockdiv{

	font-family: sans-serif;

	color: #fff;

	display: inline-block;

	font-weight: 100;

	text-align: center;

	font-size: 30px;

}



#clockdiv > div{

      border-radius: 3px;

    display: inline-block;

    border: 1px solid #fff;

    width: 65px;

    background: #f10134;

    line-height: 26px;

    background-image: linear-gradient(to right, #a31212, #ff0202);

}



#clockdiv div > span{

	padding: 0px;

    border-radius: 3px;

    display: inline-block;

    font-size: 20px;

    font-weight: 600;

}



.smalltext{

  padding-top: 0px;

  font-size: 12px;

  letter-spacing: .5px;

}

.searchFil {display: flex;

  align-items: flex-start;

  justify-content: space-between;}

.searchContestent {  }

.searchContestent form {    position: relative;}

.searchContestent input {        height: 50px;

    border-radius: 50px;

    padding: 5px 18px;

    width: 400px;

    font-family: sans-serif;

    font-size: 20px;}

.searchContestent button {background: #4686f2;

  color: #fff;

  height: 50px;

  width: 50px;

  border-radius: 50px;

  font-size: 23px;

  line-height: 50px;

  position: absolute;

  right: 0;

  top: 0;

  padding: 0;

}

  .videoFrame {     /*pointer-events: none;*/

    /*width: 600px;*/

    border: 5px solid #fff;

    margin: 0 auto;

    margin-top: 10px;

    margin-bottom: 50px;background: #fff;line-height: 0px;}

  .videoFrame iframe {    width: 100%;

    height: 280px;}

.leftaudition tr td {      font-size: 16px;

  padding: 3px 2px;

  font-family: sans-serif;

  font-weight: 400;

  letter-spacing: 0.5px;}

.contestentsDiv a.callNow {background: #43b965;}

.contestentsDiv a i {    font-size: 24px;}

.contestentsDiv ul li a.shareBtn {    padding: 0;

  width: 40px;

  height: 40px;

  line-height: 40px;transform: rotateY(180deg);}

.contestentsDiv ul {    list-style: none;

  display: flex;

  align-items: center;

  padding: 0;

  justify-content: center;     margin-bottom: 0;   gap: 8px;}

.contestentsDiv ul li {font-weight: 600;}

.contestentsDiv ul li a {    margin-bottom: 0;

  font-weight: 600;

  background: #ffffff;

  border: 0.5px solid transparent;

  color: #fff;

  padding: 0px;

  border-radius: 50px;

  font-size: 16px;

  text-transform: uppercase;

  /*box-shadow:rgb(0 0 0) 0px 20px 30px -10px;*/

}

.about-image {

  border-radius: var(--border-radius-medium);

  display: block;

}



.about-text-wrap {

  position: relative;

}



.about-text-icon {

  background: var(--primary-color);

  border-radius: 100%;

  font-size: var(--h3-font-size);

  width: 70px;

  height: 70px;

  line-height: 70px;

  text-align: center;

}



.about-text-info {

  backdrop-filter: blur(5px) saturate(180%);

  -webkit-backdrop-filter: blur(5px) saturate(180%);

  background-color: rgba(255, 255, 255, 0.75);

  border-radius: var(--border-radius-medium);

  border: 1px solid rgba(209, 213, 219, 0.3);

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  margin: 20px;

  padding: 35px;

}





/*---------------------------------------

  TICKET               

-----------------------------------------*/

.ticket-section {

  background-image: url('../images/nicholas-green-unsplash-blur.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  padding-top: 130px;

}



.ticket-form {

  background: var(--white-color);

  border-radius: var(--border-radius-medium);

  padding: 50px;

}



.ticket-form .form-check {

  position: relative;

  min-height: 52px;

  padding-left: 35px;

}



.ticket-form .form-check .form-check-label {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin-top: 12px;

  margin-left: 35px;

  width: 100%;

  height: 100%;

}





/*---------------------------------------

  ARTISTS              

-----------------------------------------*/

.artists-thumb {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.artists-image {

  border-radius: var(--border-radius-medium);

  display: block;

  width: 100%;

}



.artists-thumb:hover .artists-hover {

  transform: translateY(0);

  opacity: 1;

}



.artists-hover {

  background-color: var(--primary-color);

  background-color: rgba(248, 203, 46, 0.75);

  border-radius: var(--border-radius-medium);

  backdrop-filter: blur(5px) saturate(180%);

  -webkit-backdrop-filter: blur(5px) saturate(180%);

  margin: 20px;

  padding: 35px;

  transition: all 0.5s ease;

  transform: translateY(100%);

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  opacity: 0;

}



.artists-hover p strong {

  color: var(--white-color);

  display: inline-block;

  min-width: 180px;

  margin-right: 20px;

}



.artists-hover p a {

  color: var(--secondary-color);

}



.artists-hover p a:hover {

  color: var(--white-color);

}



.artists-hover hr {

  margin: 1.5rem 0;

}





/*---------------------------------------

  SCHEDULE              

-----------------------------------------*/

.schedule-section {

  background-image: url('../images/nainoa-shizuru-unsplash-blur.jpg');

  background-color: #242424;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.table-responsive {

	filter: drop-shadow(2px 2px 4px #606060);

}



.schedule-table {

  border-radius: var(--border-radius-medium);

  position: relative;

  overflow: hidden;

}



.schedule-table .bg-warning {

  background: #f0a5a5 !important;

}



.schedule-table thead th {

  background-color: var(--secondary-color);

}



.schedule-table th,

.schedule-table tr,

.schedule-table td {

  border-bottom-color: #363a3e;

  padding: 30px;

}



.schedule-table tr:last-child th,

.schedule-table tr:last-child td {

  border-bottom-color: transparent;

}



.schedule-table thead th {

  border-right: 1px solid #c7460a;

  border-bottom-color: transparent;

}



.schedule-table th + td {

  border-bottom: 0;

}



.schedule-table thead th:last-child {

  border-right-color: transparent;

}



.schedule-table .pop-background-image {

  background-image: url('../images/artists/joecalih-UmTZqmMvQcw-unsplash.jpg');

}



.schedule-table .rock-background-image {

  background-image: url('../images/artists/abstral-official-bdlMO9z5yco-unsplash.jpg');

}



.schedule-table .country-background-image {

  background-image: url('../images/artists/soundtrap-rAT6FJ6wltE-unsplash.jpg');

}



.table-background-image-wrap {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  box-shadow: none;

  position: relative;

}



.schedule-table h3,

.schedule-table p {

  color: var(--white-color);

  position: relative;

  z-index: 2;

}





/*---------------------------------------

  PRICING              

-----------------------------------------*/

.pricing-thumb {

  border: 5px dotted var(--dark-color);

  border-radius: var(--border-radius-medium);

  position: relative;

  padding: 50px;

}



.pricing-thumb h3 small {

  display: inline-block;

  font-size: var(--p-font-size);

  margin-right: 15px;

}



.pricing-list {

  column-count: 2;

  padding-left: 20px;

}



.pricing-list-item {

  line-height: normal;

  margin-right: 10px;

  margin-bottom: 10px;

}



.pricing-tag {

  background-color: var(--secondary-color);

  border-radius: var(--border-radius-large);

  color: var(--white-color);

  font-weight: var(--font-weight-bold);

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 120px;

  height: 120px;

  position: absolute;

  top: 0;

  right: 0;

  margin: 20px;

}



.pricing-tag span {

  font-size: 180%;

  line-height: normal;

}



.pricing-thumb .link-fx-1 {

  color: var(--primary-color);

}



.pricing-thumb .link-fx-1:hover {

  color: var(--link-hover-color);

}





/*---------------------------------------

  CONTACT               

-----------------------------------------*/

.google-map {

  border-radius: var(--border-radius-medium);

}





/*---------------------------------------

  CUSTOM FORM               

-----------------------------------------*/

.custom-form .form-control {

  color: var(--p-color);

  margin-bottom: 24px;

  padding-top: 13px;

  padding-bottom: 13px;

  outline: none;

}



.custom-form button[type="submit"] {

  background: var(--custom-btn-bg-color);

  border: none;

  border-radius: var(--border-radius-large);

  color: var(--white-color);

  font-size: var(--p-font-size);

  font-weight: var(--font-weight-medium);

  transition: all 0.3s;

  margin-bottom: 0;

}



.custom-form button[type="submit"]:hover,

.custom-form button[type="submit"]:focus {

  background: var(--custom-btn-bg-hover-color);

  border-color: transparent;

}





/*---------------------------------------

  SITE FOOTER              

-----------------------------------------*/

.site-footer {

  background-color: var(--dark-color);

  position: relative;

  overflow: hidden;

  padding-bottom: 30px;

}



.site-footer-top {

  background-color: var(--secondary-color);

  background-image: url('../images/nainoa-shizuru-NcdG9mK3PBY-unsplash.jpg');

  background-repeat: no-repeat;

  margin-bottom: 70px;

  padding-top: 30px;

  padding-bottom: 30px;

}



.site-footer-bottom {

  border-top: 1px solid #1f1c1c;

  margin-top: 60px;

}



.site-footer-title {

  color: var(--primary-color); 

}



.site-footer-link,

.copyright-text {

  color: var(--white-color);

}



.site-footer-links {

  padding-left: 0;

}



.site-footer-link-item {

  list-style: none;

  display: inline-block;

  margin-right: 15px;

}



.copyright-text {

  font-size: var(--copyright-font-size);

}





/*---------------------------------------

  SOCIAL ICON               

-----------------------------------------*/

.social-icon {

  margin: 0;

  padding: 0;

}



.social-icon-item {

  list-style: none;

  display: inline-block;

  vertical-align: top;

}



.social-icon-link {

  background: var(--secondary-color);

  border-radius: var(--border-radius-large);

  color: var(--white-color);

  font-size: var(--copyright-font-size);

  display: block;

  margin-right: 10px;

  text-align: center;

  width: 35px;

  height: 35px;

  line-height: 36px;

  transition: background 0.2s, color 0.2s;

}



.social-icon-link:hover {

  background: var(--primary-color);

  color: var(--white-color);

}



.social-icon-link span {

  display: block;

}



.social-icon-link span:hover::before{

  animation: spinAround 2s linear infinite;

}



@keyframes spinAround {

  from {

    transform: rotate(0deg)

  }

  to {

    transform: rotate(360deg);

  }

}



.swal2-popup{    width: 500px;}

.swal2-title {}

.carousel-client {}

.partenerss .bx-wrapper {    margin: 0 auto;}

.partenerss .bx-default-pager {    display: flex;

    gap: 10px;

    align-items: center;

    justify-content: center;

    padding: 20px 0px;}

.partenerss .bx-default-pager a.active {background: #ff0037;}

.partenerss .bx-default-pager a {font-size: 0px;

    width: 15px;

    height: 15px;

    background: #a39dbb;

    border-radius: 50px;}

.carousel-client .slide {    background: #fff;

    border-radius: 6px;

    line-height: 0px; }

.carousel-client .slide img {

	/*height: 100px;*/ /* Set your desired height */

    width: auto;

    display: block;

    margin: 0 auto; /

}

#about p {font-size: 18px;

    font-family: sans-serif;

    color: #fff;

    margin-top: 15px;}

#about p a {font-size: 16px;

    font-family: sans-serif;

    color: #fff}

.wrapmoney {}

.wrapmoney a {    display: flex;

    width: 100%;}

#accordion .card{    border: 0px !important;

    background: transparent;}

.prize-money{ font-size: 5vw;

  text-transform: uppercase;

  line-height:1;

  text-align: center;

  background: linear-gradient(90deg, rgb(255 183 21) 0%, rgb(255 183 25) 20%, rgb(249 182 29) 39%, rgba(249, 244, 180, 1) 50%, rgb(245 184 46) 60%, rgb(255 188 42) 80%, rgb(255 190 42) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;	

  animation: shine 3s infinite;

  background-size: 200%;

  background-position: left;font-family: sans-serif;

    font-size: 140px;

    font-weight: 700;}

  

  @keyframes shine {

  to{background-position: right} 

}

#termsmodal_content {    position: relative;}

 .tndc {    font-size: 14px;

    text-align: left;}

 .tndc a {    font-size: 18px;

    color: #ff0037;}

 .tndc p {margin-bottom: 15px;

    font-size: 18px;}

 .tndc ul { margin-bottom:20px;}

 .tndc ul li {    letter-spacing: 0;

    margin-bottom: 10px;

    font-size: 18px;}

.mapFrame {}

.mapFrame p {    font-size: 20px;

    font-family: sans-serif;

    color: #d73bbb;

    margin-bottom: 25px;

    line-height: 28px;

    position: relative;

    padding-left: 30px;}

.mapFrame p i {position: absolute;

    left: 0;

    color: #fff;}

.mapFrame iframe {    border: 5px solid #2e1f41;

    border-style: inset;

    border-left-color: #ffffff;

    border-top-color: #ffffff; }

.mapFrame img {border: 10px solid #fff;

    max-width: 49%;

    height: 190px;

    box-sizing: border-box;

    width: 100%;}

#accordion .card {margin-bottom:0px;}

.wrapmoney a.btn {    margin-bottom: 50px;}

.wrapmoney a.btn h2.active {    color: #d73bbb !important;}

.wrapmoney a.btn:last-child (margin-bottom: 0px;)

#collapseOne .card-body {    text-align: center;}

.maps {    display: flex;

    flex-wrap: wrap;

    gap: 10px;}

.mapFrame a {     text-decoration: underline;

    color: #ffe200 !important;

    font-size: 18px;

    margin-left: 10px;animation: blinker 1s linear infinite;}

@keyframes blinker {

  50% {

    opacity: 0;

  }

}



.timeline-centered {

  position: relative;

  margin-bottom: 30px;

}

.timeline-centered.timeline-sm .timeline-entry {

  margin-bottom: 60px !important;

}

.timeline-centered.timeline-sm .timeline-entry:last-child {margin-bottom: 0px !important;}

.timeline-centered.timeline-sm .timeline-entry .timeline-entry-inner .timeline-label {

  padding: 1em;

}

.timeline-centered:before,

.timeline-centered:after {

  content: " ";

  display: table;

}

.timeline-centered:after {

  clear: both;

}

.timeline-centered:before {

  content: '';

  position: absolute;

  display: block;

  width: 7px;

  background: #ffffff;

  left: 50%;

  top: 20px;

  bottom: 20px;

  margin-left: -4px;

}

.timeline-centered .timeline-entry {

  position: relative;

  width: 50%;

  float: right;

  margin-bottom: 70px;

  clear: both;

}

.timeline-centered .timeline-entry:before,

.timeline-centered .timeline-entry:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry:after {

  clear: both;

}

.timeline-centered .timeline-entry.begin {

  margin-bottom: 0;

}

.timeline-centered .timeline-entry.left-aligned {

  float: left;

}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {

  margin-left: 0;

  margin-right: -28px;

}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {

  left: auto;

  right: -167px;

  text-align: left;

}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {

  float: right;

}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {

  margin-left: 0;

  margin-right: 85px;

}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {

  left: auto;

  right: 0;

  margin-left: 0;

  margin-right: -9px;

  -moz-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}

.timeline-centered .timeline-entry .timeline-entry-inner {

  position: relative;

  margin-left: -31px;

}

.timeline-centered .timeline-entry .timeline-entry-inner:before,

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  clear: both;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {

      position: absolute;

    left: -167px;

    text-align: right;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 150px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {

  display: block;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {

  font-size: 18px;

  font-weight: bold;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {

  font-size: 18px;

      font-weight: 400 !important;    font-family: sans-serif;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {

  background: #fff;

  color: #999999;

  display: block;

  width: 60px;

  height: 60px;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding-box;

  background-clip: padding-box;

  border-radius: 50%;

  text-align: center;

  border: 7px solid #ffffff;

  line-height: 45px;

  font-size: 15px;

  float: left;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {

  background-color: #dc6767;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {

  background-color: #5cb85c;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {

  background-color: #5bc0de;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {

  background-color: #f0ad4e;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {

  background-color: #d9534f;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-red {

  background-color: #bf4346;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-green {

  background-color: #488c6c;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-blue {

  background-color: #0a819c;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-yellow {

  background-color: #f2994b;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-orange {

  background-color: #ff0037;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-pink {

  background-color: #bf3773;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-violet {

  background-color: #d73bbb;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-grey {

  background-color: #4b5d67;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-dark {

  background-color: #594857;

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {

  position: relative;

  background: #ffffff;

  padding: 1.7em;

  margin-left: 85px;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red {

  background: #bf4346;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red:after {

  border-color: transparent #bf4346 transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green {

  background: #d73bbb;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green:after {

  border-color: transparent #488c6c transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange {

  background: #ff0037;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange:after {

  border-color: transparent #ff0037 transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow {

  background: #f2994b;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow:after {

  border-color: transparent #f2994b transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue {

  background: #0a819c;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue:after {

  border-color: transparent #0a819c transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink {

  background: #bf3773;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink:after {

  border-color: transparent #bf3773 transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet {

  background: #d73bbb;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet:after {

  border-color: transparent #d73bbb transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey {

  background: #4b5d67;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey:after {

  border-color: transparent #4b5d67 transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark {

  background: #594857;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark:after {

  border-color: transparent #594857 transparent transparent;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark p {

  color: #ffffff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {

  content: '';

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 9px 9px 9px 0;

  border-color: transparent #ffffff transparent transparent;

  left: 0;

  top: 20px;

  margin-left: -9px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title,

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {

  color: #999999;

  margin: 0;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {

  margin-top: 15px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title {

      margin-bottom: 0px;

    font-family: sans-serif;

    font-weight: 600;

    color: #000;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title span {

  -webkit-opacity: .6;

  -moz-opacity: .6;

  opacity: .6;

  -ms-filter: alpha(opacity=60);

  filter: alpha(opacity=60);

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img {

  margin: 5px 10px 0 0;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right {

  margin: 5px 0 0 10px;

}



.prizeMoney {    text-align: center;}

.prizeMoney p {    color: #fff;

    font-family: sans-serif;

    text-align: center;

    margin-top: 30px;}

.timeline-time span { color: #fff;}



.loader-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.7);

    display: none;

    justify-content: center;

    align-items: center;

    z-index: 10000; /* Adjust the z-index to a higher value */

    backdrop-filter: blur(5px);

}

.loader-overlay1 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    justify-content: center;

    align-items: center;

    z-index: 10000; /* Adjust the z-index to a higher value */



}



.spinner {

    border: 5px solid #f3f3f3;

    border-top: 5px solid red;

    border-radius: 50%;

    width: 70px;

    height: 70px;

    animation: spin 1s linear infinite;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    z-index: 10001;

    margin: 0 auto;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

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

}

 #termsmodal {

            display: none;

            position: fixed;

            z-index: 9999;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            overflow: auto;

            background-color: rgba(0, 0, 0, 0.4);

            padding-top: 60px;

        }

        #termsmodal_content {

            background-color: #fefefe;

            margin: auto;

            padding: 20px;

            border: 1px solid #888;

            width: 100%;

            max-width: 72%;

        }

        #termsmodal_header {

            border-bottom: 1px solid #ccc;

            padding-bottom: 10px;

            margin-bottom: 10px;

            text-align: center;

        }

        #termsmodal_header h2 {

            margin: 0;

            font-size: 24px;

			letter-spacing: 0px;

        }

        #scroll_to_accept {

            font-size: 12px;

            text-align: center;

            margin-top: 10px;

        }

        #agree_terms:disabled {

            opacity: 0.5;

        }

		#tandc {

            max-height: 400px; /* Set the maximum height for scrolling */

            overflow-y: auto; /* Enable vertical scrolling */

        }

.searchable-select {

    position: relative;

    display: inline-block;

    width: 100%;

}



#search {

    width: 100%;

    box-sizing: border-box;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 4px;

}



.dropdown {

    position: relative;

    width: 100%;

}



.dropdown-options {

    position: absolute;

    width: 100%;

    max-height: 200px;

    overflow-y: auto;

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: white;

    z-index: 1000;

    display: none;

}



.dropdown-option {

    padding: 10px;

    cursor: pointer;

}



.dropdown-option:hover, .dropdown-option.selected {

    background-color: #f1f1f1;

}



        .image-preview {

            width: 90px;

            height: 110px;

            overflow: hidden;

            border: 1px solid #ddd;

            display: none;

			margin-bottom:20px;

        }

        .image-preview img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }

.incontest {padding-top: 200px !important;}

.vote-container {

            width: 100%;

            max-width: 600px;

            margin: 0 auto;

            background-color: #1B1D33;

            /* Darker background for contrast */

            padding: 20px;

            border-radius: 10px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

        }



        .vote-header {

            font-size: 24px;

            text-align: center;

            margin-bottom: 20px;

            color: #FF4C98;

            /* Magenta color for headers */

        }



        .vote-item {

            background-color: #3A3D63;

            /* Darker background for each item */

            margin: 10px 0;

            padding: 15px;

            border-radius: 5px;

            display: flex;

            justify-content: space-between;

            align-items: center;

        }	

.vote-count {

    color: #fff;

    font-size: 20px;

    font-family: sans-serif;

    letter-spacing: 0;

	    text-transform: capitalize;

}

.vote-country {

    color: #FF4C98;

    text-transform: capitalize;

    font-family: sans-serif;

    letter-spacing: 0;

    font-size: 18px;

}

.error-message {

        color: red;

    font-size: 12px;

    letter-spacing: .3px;

    text-align: left;    margin-bottom: 15px;

}

.wrapmoney a:last-child{margin-bottom: 0px;}

.videoFrame .media-box h2{font-family: sans-serif;

    letter-spacing: .5px;

    font-weight: 400;

    font-size: 14px !important;}

.visitor {}

.visitor span {    padding: 0px 10px;

    background: #000;

    display: inline-block;

    margin-right: 6px;

    text-align: center;

    line-height: 35px;

    font-weight: 600;

    border: 2px solid #fff;

    color: #fff;

    border-radius: 3px;

    margin-top: 5px;

    height: 35px;

}

.visitor {}



.viewall button {

   background: #ff0037;

    border: 2px solid transparent;

    color: var(--white-color);

    font-weight: var(--font-weight-bold);

    line-height: normal;

    transition: all 0.3s;

    padding: 15px 25px;

    text-transform: uppercase;

    font-size: 18px;

    border-radius: 10px;

    text-shadow: 4px 7px 8px #2a1105;

}







/*---------------------------------------

  RESPONSIVE STYLES               

-----------------------------------------*/

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

.navbar-expand-lg .navbar-nav .nav-link {

   margin: 10px 0px;

}

.lyricsFrame video{ width: 100% !important;}

}

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

.searchContestent input {

    width: 200px;

}

.prize-money { font-size: 100px; }

.section-padding {

    padding-top: 50px;

    padding-bottom: 50px;

}

.contest-header{

    min-height: 100vh;

}

.partenerss { padding-top: 100px; padding-bottom: 50px !important;}

.navbar-expand-lg .navbar-nav .nav-link {

   margin: 10px 3px;

}

.navbar-expand-lg .navbar-nav .nav-link {padding: 10px 10px;font-size: 15px;}

.navbar-expand-lg .navbar-nav.me-lg-5 {

      margin-right: 0px !important;

    }

.contestents {

   gap: 10px;

   justify-content: space-between;

}

.contestentsDiv {

            width: 32.333%;

}

.topJudgesbottom {

    gap: 15px;

}

.wrapmoney h2 {text-align: left;}

.wrapmoney h2 span {display:block;}

#contact {padding-top: 0px;}

}



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

#btn-start-recording {    font-size: 16px;}

.karaokepage .profileDetails1 {

   padding-left: 10px;

        padding-right: 10px;

        margin-top: 30px;

}

.karaokepage .profileDetails {padding: 0px 10px;}

.profileDetails1 {

    padding: 0px 15px;

}

.auditionPage {

    padding: 130px 0px 30px 0px !important;

}

.blrclass img { width: 100%; margin: 15px 0px;}

.lyricsFrame,.vote-container {margin-bottom:15px !important;}

.profileDetails {

    border-right: 0px solid #fff;

    padding-right: 0px;

}

.incontest {

    padding-top: 150px !important;

}

.searchContestent {

    width: 320px;

    position: relative;

    margin: 0 auto;

    margin-bottom: 50px;

}

.searchContestent input {

    width: 100%;

}

.searchFil {

    display: block;

}

.contestentsDiv {

            width: 48%;

}

.navbar-brand img { height: 80px; }

  h1 {

    font-size: 62px;

  }



  h2 {

    font-size: 36px;

  }



  h3 {

    font-size: 32px;

  }



  h4 {

    font-size: 28px;

  }



  h5 {

    font-size: 20px;

  }



  h6 {

    font-size: 18px;

  }



  .section-padding {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  

  .navbar {

    background-color: var(--dark-color);

  }



  .navbar-expand-lg .navbar-nav {

    padding-bottom: 30px;

  }



  .navbar-expand-lg .navbar-nav .nav-link {

    padding: 0;

  }



  .hero-section {

    padding-top: 150px;

  }



  .pricing-thumb {

    padding: 35px;

  }



  .schedule-table h3 {

    font-size: 22px;

  }



  .schedule-table th {

    padding: 20px;

  }



  .schedule-table tr, 

  .schedule-table td {

    padding: 25px;

  }



  .ticket-section {

    padding-top: 130px;

  }



  .ticket-form {

    padding: 30px;

  }

 .partenerss {

    padding-top: 100px;

 }

#about .about-text-wrap.text-center p {

    margin-bottom: 50px;

}

.topJudges .judgeSection { width:100%;        margin-bottom: 15px;}

    .topJudgesbottom {

        gap: initial;

        display: block;margin-top: 0;

    }

.judgeSection p {

    overflow: auto;

    display: block;

    -webkit-line-clamp: initial;

    -webkit-box-orient: vertical;

    text-overflow: initial;}

.pressrelease h2 {text-align:center;}

.pressrelease img {margin: 0 auto;}



.wrapmoney {

    display: flex;

    justify-content: center;

    text-align: center;

    gap: 5px;

}

.wrapmoney h2 span {

      display: inline-block;

    }

.wrapmoney h2 {

	font-size: 24px;

        text-align: center;

        color: #000 !important;

        margin-bottom: 0px;

        padding: 13px;

        line-height: 39px;

        border-radius: 6px;

        background: #fff;

    }

.wrapmoney a.btn {

            margin-bottom: 50px;

        display: inline-block;

        padding: 0px;

}

.wrapmoney a.btn h2.active {

    color: #fff !important;

    background: #d73bbb;

}

#contact {

        padding-top: 50px;

    }

.contactDetails li a {

    font-size: 16px;

}

.contactDetails .socialIcons a {

        font-size: 24px;

    margin-right: 10px;

}

#navbarNav {    position: absolute;

    top: 175px;

    left: 0px;

    right: 0px;

    background-image: linear-gradient(to right, #2e1f40, #1f2c53);

    padding: 0;}

.navbar-nav .nav-item {

    width: 100%;

    padding: 0px 15px;

}

.sticky-wrapper.is-sticky #navbarNav { 

    top: 76px;

}

    .navbar-expand-lg .navbar-nav.me-lg-5 {

        margin-right: 0px !important;    padding-bottom: 10px;

    }

.navbar-collapse .custom-btn{    border-radius: 0px 0px 10px 10px;}

    .contestents {

        gap: 15px;

	}

.topJudgesbottom .judgeSection p {

    font-size: 16px;

}

	.myModal .modal-dialog {    width: 90% !important;

    margin: 0 auto; max-width: 540px;} 

.myModal .modal-body {

    padding: 25px 15px;

}

}



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

 .container {padding: 0px 15px;}

.contestentsDiv {

        width: 100%;

		z-index: 0;

}

  .custom-btn {

    font-size: 14px;

    padding: 10px 20px;

  }

.wrapmoney h2 {

	 font-size: 15px;

        padding-left: 0px;

        padding-right: 0;}

.blogListing {

    padding: 15px;

}

.wrapmoney { display:block;}	

    .wrapmoney a.btn {

        margin-bottom: 7px; 

        width: 168px;

    }

.wrapmoney {margin-bottom:50px}

.contactDetails {display:block;}

.contactDetails li {

    margin-bottom: 20px;

        display: block;

        clear: both; 

}

.contactDetails li p {

    font-size: 17px;

    margin-bottom: 0;

}

.contactDetails {

    margin-top: 30px;

}

.prize-money {

        font-size: 84px;

    }

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title {

	font-size: 14px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {

    font-size: 14px;

}

#prize .card-body {padding:0px;}

.prizeMoney p {font-size: 16px;}

.viewall {

    margin-top: 30px;

}

#about p {

    font-size: 16px; 

    line-height: 25px;

}

.blogListing li a {

    font-size: 16px;

    line-height: 20px;

}



}



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

.lyricsForm { display: block;}

.lyricsForm label {

    margin-bottom: 10px;

}

.karaokepage #playLyricsplayer {

    width: 100%;

	    margin: 0;

    margin-top: 15px;

}

.videoFrame section video, .videoFrame .media-box {

    max-height: 100% !important;

    height: auto !important;

}

.myModal .modal-dialog {    width: 90% !important;

    margin: 0 auto; } 

.myModal .modal-body {

    padding: 25px 15px; 

}

#termsmodal_content {max-width: 90%;}

.tndc p {

    font-size: 16px;

}

.tndc ul li {

    font-size: 16px;

}

#termsmodal_header h2 {

    letter-spacing: 0px;

}

}

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

  h1 {

    font-size: 52px;

  }



  h2 {

    font-size: 28px;

  }



  h3 {

    font-size: 26px;

  }



  h4 {

    font-size: 22px;

  }



  h5 {

    font-size: 20px;

  }

}





/* latest update */



.auditionPage {

  padding: 200px 0px 70px 0px;

}

.btnBtn {    border: none;

  background: #ff0037;

  border-radius: 5px;

  padding: 12px 20px 12px 15px;

  font-size: 16px;

  color: #fff;

  font-family: sans-serif;

  text-align: center;

  margin: 15px 5px 10px 5px;    cursor: pointer;

  /* width: 80px;*/} 

a.btnBtn {color: #fff;}

.btnBtn img {    width: 30px;

  filter: contrast(0%) brightness(2);

  /* display: block; */

  margin: 0 auto;} 

.btnBtn span {    /* display: block; */

  padding: 0px 0px 0px 5px;

  line-height: normal;font-weight: 400;}

.media-container {width: 100% !important;}

.upload-to-php {

/*display: inline-block;

  background: #ff0037;

  border-radius: 13px;

  line-height: 30px;

  box-shadow: 0px 0px 40px #ff0037;

  font-size: 20px;

  font-weight: 600;

  padding: 15px 20px;

  border: 3px solid #fff;

  color: #fff;

  margin-top: 15px;

  letter-spacing: 2px;*/

  

     display: inline-block;

    background: linear-gradient(to right, #a31212, #ff0202);

    /* border-radius: 13px; */

    line-height: 30px;

    /* box-shadow: 0px 0px 40px #ff0037; */

    font-size: 16px;

    font-weight: 600;

    padding: 10px 10px;

    border: 2px solid #fff;

    color: #fff;

    margin-top: 15px;

    letter-spacing: 2px;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}



#playButton,#btn-start-recording,#playLyricsplayer{

	text-decoration:none;

    display: inline-block;

    background: linear-gradient(to right, #a31212, #ff0202);

    /* border-radius: 13px; */

    line-height: 30px;

    /* box-shadow: 0px 0px 40px #ff0037; */

    font-size: 16px;

    font-weight: 600;

    padding: 10px 10px;

    border: 2px solid #fff;

    color: #fff;

    margin-top: 15px;

    letter-spacing: 0px;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;	

}



.frameBtns {text-align: center;}

.profileDiv tr th {    font-family: sans-serif;

  letter-spacing: 0px;

  font-weight: 600;

  padding: 5px 2px;

font-size: 16px;}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-width: 8px 6px 0 6px;

}

.profileDiv,.profileDiv table {    width: 100%;}



.lyricsForm label {width: 190px;

  font-size: 18px;

  margin: 0;

font-weight:400;}

.lyricsForm {display: flex;

  align-items: center;

  color: #fff;

  font-size: 16px;

  font-family: sans-serif;

  letter-spacing: 0;

  gap: 25px;}

.lyricsForm select {font-size: 18px;

    width: calc(100% - 145px);

    height: 44px;}

.lyricsFrame {border: 5px solid #fff;}

.profileDetails1 .videoFrame { margin-bottom: 0px;}

.videoFrame section video,

.videoFrame .media-box { max-height: 341px !important;

 height: 341px !important;background: black;

}

.lyricsDiv .custom-btn {    border-color: #fff;}







/* blog */

.blog-listing {

  padding-top: 30px;

  padding-bottom: 30px;

}

/* Blog 

---------------------*/

.blog-grid {

box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);

border-radius: 5px;

overflow: hidden;

background: #ffffff;

margin-top: 15px;

margin-bottom: 15px;

}

.blog-grid .blog-img {

position: relative;

}

.blog-grid .blog-img .date {

position: absolute;

background: #fc5356;

color: #ffffff;

padding: 8px 15px;

left: 10px;

top: 10px;

border-radius: 4px;

}

.blog-grid .blog-img .date span {

font-size: 22px;

display: block;

line-height: 22px;

font-weight: 700;

}

.blog-grid .blog-img .date label {

font-size: 14px;

margin: 0;

}

.blog-grid .blog-info {

padding: 20px;

}

.blog-grid .blog-info h5 {

font-size: 22px;

font-weight: 700;

margin: 0 0 10px;

}

.blog-grid .blog-info h5 a {

color: #20247b;

}

.blog-grid .blog-info p {

margin: 0;

}

.blog-grid .blog-info .btn-bar {

margin-top: 20px;

}





/* Blog Sidebar

-------------------*/

.blog-aside .widget {

box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);

border-radius: 5px;

overflow: hidden;

background: #ffffff;

margin-top: 15px;

margin-bottom: 15px;

width: 100%;

display: inline-block;

vertical-align: top;

}

.blog-aside .widget-body {

padding: 15px;

}

.blog-aside .widget-title {

padding: 15px;

border-bottom: 1px solid #eee;

}

.blog-aside .widget-title h3 {

font-size: 20px;

font-weight: 700;

color: #fc5356;

margin: 0;

}

.blog-aside .widget-author .media {

margin-bottom: 15px;

}

.blog-aside .widget-author p {

font-size: 16px;

margin: 0;

}

.blog-aside .widget-author .avatar {

width: 70px;

height: 70px;

border-radius: 50%;

overflow: hidden;

}

.blog-aside .widget-author h6 {

font-weight: 600;

color: #20247b;

font-size: 22px;

margin: 0;

padding-left: 20px;

}

.blog-aside .post-aside {

margin-bottom: 15px;

}

.blog-aside .post-aside .post-aside-title h5 {

margin: 0;

}

.blog-aside .post-aside .post-aside-title a {

font-size: 18px;

color: #20247b;

font-weight: 600;

}

.blog-aside .post-aside .post-aside-meta {

padding-bottom: 10px;

}

.blog-aside .post-aside .post-aside-meta a {

color: #6F8BA4;

font-size: 12px;

text-transform: uppercase;

display: inline-block;

margin-right: 10px;

}

.blog-aside .latest-post-aside + .latest-post-aside {

border-top: 1px solid #eee;

padding-top: 15px;

margin-top: 15px;

}

.blog-aside .latest-post-aside .lpa-right {

width: 90px;

}

.blog-aside .latest-post-aside .lpa-right img {

border-radius: 3px;

}

.blog-aside .latest-post-aside .lpa-left {

padding-right: 15px;

}

.blog-aside .latest-post-aside .lpa-title h5 {

margin: 0;

font-size: 15px;

}

.blog-aside .latest-post-aside .lpa-title a {

  color: #202c53;

  font-weight: 400;

  font-family: sans-serif;

  letter-spacing: 0px;

  font-size: 18px;

}

.blog-aside .latest-post-aside .lpa-meta a {

  color: #ff0037;

  font-size: 12px;

  text-transform: uppercase;

  display: inline-block;

  margin-right: 10px;

  font-family: sans-serif;

  letter-spacing: 1px;

}



.tag-cloud a {

padding: 4px 15px;

font-size: 13px;

color: #ffffff;

background: #20247b;

border-radius: 3px;

margin-right: 4px;

margin-bottom: 4px;

}

.tag-cloud a:hover {

background: #fc5356;

}



.blog-single {

padding-top: 30px;

padding-bottom: 30px;

}



.article {

box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);

border-radius: 5px;

overflow: hidden;

background: #ffffff;

padding: 15px;

margin: 15px 0 30px;

}

.article .article-title {

padding: 15px 0 20px;

}

.article .article-title h6 {

font-size: 14px;

font-weight: 700;

margin-bottom: 20px;

}

.article .article-title h6 a {

text-transform: uppercase;

color: #fc5356;

border-bottom: 1px solid #fc5356;

}

.article .article-title h2 {

color: #20247b;

font-weight: 600;

}

.article .article-title .media {

  padding-top: 15px;

  border-bottom: 1px dashed #ddd;

  padding-bottom: 20px;

  font-family: sans-serif;

  letter-spacing: 1px;

}

.article .article-title .media .avatar {

width: 45px;

height: 45px;

border-radius: 50%;

overflow: hidden;

font-size: 20px;

}

.article .article-title .media .media-body {

padding-left: 8px;

}

.article .article-title .media .media-body label {

font-weight: 600;

color: #fc5356;

margin: 0;

}

.article .article-title .media .media-body span {

display: block;

font-size: 14px;

}

.article-content p {font-family: sans-serif;}

.article .article-content h1,

.article .article-content h2,

.article .article-content h3,

.article .article-content h4,

.article .article-content h5,

.article .article-content h6 {

color: #20247b;

font-weight: 600;

margin-bottom: 15px;

}

.article .article-content blockquote {

max-width: 600px;

padding: 15px 0 30px 0;

margin: 0;

}

.article .article-content blockquote p {

font-size: 20px;

font-weight: 500;

color: #fc5356;

margin: 0;

}

.article .article-content blockquote .blockquote-footer {

color: #20247b;

font-size: 16px;

}

.article .article-content blockquote .blockquote-footer cite {

font-weight: 600;

}

.article .tag-cloud {

padding-top: 10px;

}



.article-comment {

box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);

border-radius: 5px;

overflow: hidden;

background: #ffffff;

padding: 20px;

}

.article-comment h4 {

color: #20247b;

font-weight: 700;

margin-bottom: 25px;

font-size: 22px;

}

img {

  max-width: 100%;

}

img {

  vertical-align: middle;

  border-style: none;

}



/* Contact Us

---------------------*/

.contact-name {

margin-bottom: 30px;

}

.contact-name h5 {

font-size: 22px;

color: #20247b;

margin-bottom: 5px;

font-weight: 600;

}

.contact-name p {

font-size: 18px;

margin: 0;

}



.social-share a {

width: 40px;

height: 40px;

line-height: 40px;

border-radius: 50%;

color: #ffffff;

text-align: center;

margin-right: 10px;

}

.social-share .dribbble {

box-shadow: 0 8px 30px -4px rgba(234, 76, 137, 0.5);

background-color: #ea4c89;

}

.social-share .behance {

box-shadow: 0 8px 30px -4px rgba(0, 103, 255, 0.5);

background-color: #0067ff;

}

.social-share .linkedin {

box-shadow: 0 8px 30px -4px rgba(1, 119, 172, 0.5);

background-color: #0177ac;

}



.contact-form .form-control {

border: none;

border-bottom: 1px solid #20247b;

background: transparent;

border-radius: 0;

padding-left: 0;

box-shadow: none !important;

}

.contact-form .form-control:focus {

border-bottom: 1px solid #fc5356;

}

.contact-form .form-control.invalid {

border-bottom: 1px solid #ff0000;

}

.contact-form .send {

margin-top: 20px;

}

@media (max-width: 767px) {

.contact-form .send {

  margin-bottom: 20px;

}

}



.section-title h2 {

  font-weight: 700;

  color: #20247b;

  font-size: 45px;

  margin: 0 0 15px;

  border-left: 5px solid #fc5356;

  padding-left: 15px;

}

.section-title {

  padding-bottom: 45px;

}

.contact-form .send {

  margin-top: 20px;

}

.px-btn {

  padding: 0 50px 0 20px;

  line-height: 60px;

  position: relative;

  display: inline-block;

  color: #20247b;

  background: none;

  border: none;

}

.px-btn:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  border-radius: 30px;

  background: transparent;

  border: 1px solid rgba(252, 83, 86, 0.6);

  border-right: 1px solid transparent;

  -moz-transition: ease all 0.35s;

  -o-transition: ease all 0.35s;

  -webkit-transition: ease all 0.35s;

  transition: ease all 0.35s;

  width: 60px;

  height: 60px;

}

.px-btn .arrow {

  width: 13px;

  height: 2px;

  background: currentColor;

  display: inline-block;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  right: 25px;

}

.px-btn .arrow:after {

  width: 8px;

  height: 8px;

  border-right: 2px solid currentColor;

  border-top: 2px solid currentColor;

  content: "";

  position: absolute;

  top: -3px;

  right: 0;

  display: inline-block;

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



/* blog */

.contestentspage {    padding-top: 200px;}

.viewall {    text-align: center;

  margin-top: 70px;}

.viewall a {    color: #fff;

  padding: 20px 40px;

  background: #ff0037;

  font-weight: 600;

  border-radius: 8px;

  font-size: 17px;

  letter-spacing: 2px;    text-shadow: 4px 7px 8px #2a1105;}

.plyr__video-wrapper {    height: 344px;}

.select2-results__option--selectable {

  font-family: sans-serif;

  letter-spacing: 0;

  font-size: 18px;

  color: #717275;

}

#playLyricsplayer { padding: 8px 0px;

    width: 120px;

    font-size: 18px;

    letter-spacing: 0px;}

.playConVideo {position: relative; height: 290px;

    width: 100%;}

.vdOver { position: relative;   display: flex;

    text-align: center;

    background: #2d1f40;

    align-items: center;height: 290px; }

.vdOver video {position: relative;

    z-index: 99;

    /* margin-top: 256px; */

    max-height: 100%;}

.vdblur {background-size: cover !important;

    filter: blur(8px);

    -webkit-filter: blur(8px);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

	opacity: .5;

}

.voiceHide {font-size: 16px;

    color: #fff;

    font-family: sans-serif;

    letter-spacing: 0;

    margin-top: 10px;}

.playConVideo .iconsd { position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgb(32 44 83 / 79%);

  padding: 0;

  border: none;

  border-radius: 0;

  margin: 0;

  display: flex;

  align-items: center;

}

.iconsd svg { fill: #fff;

    width: 100px;

    /* transform: translate(72%, 120%); */

    margin: 0 auto;}

.myModal .btn-close { width: 40px;

  height: 40px;

  border-radius: 50px;

  font-size: 15px;

  padding: 0px;

  line-height: 44px;

  background: #ff0037;

  border: none;

  position: absolute;

  right: -20px;

  top: -20px;

  color: #fff;

  z-index: 9999;

  opacity: 1;}

  .contestentVideosPopup .modal-dialog {max-width: 680px;

    width: 100%;}

  .contestentVideosPopup video {    width: 100%;

    height: 500px;}

.contestentVideosPopup .modal-body {padding: 5px;}

#btn-pause-recording {display:none;}

.platbtn { }

.verifyUser h1 {

          color: #fff;

          font-family: "Nunito Sans", "Helvetica Neue", sans-serif;

          font-weight: 900;

          font-size: 40px;

          margin-bottom: 10px;

        }

.verifyUser p {

          color: #404F5E;

          font-family: "Nunito Sans", "Helvetica Neue", sans-serif;

          font-size:20px;

          margin: 0;

        }

.verifyUser i {

        color: #47e160;

        font-size: 100px;

        line-height: 200px;

        margin-left:-15px;

      }

.verifyUser .card {

    background: #00db25;

    padding: 60px;

    border-radius: 4px;

    box-shadow: 0 2px 3px #C8D0D8;

    display: inline-block;

    margin: 0 auto;

    text-align: center;

    background-image: linear-gradient(to right, #4de766, #11a92b);

      } 

.swal2-title {font-size: 30px;

    font-family: sans-serif;

    font-weight: 400;

    letter-spacing: 0;

    color: green;}

.swal2-html-container {    font-family: sans-serif;

    letter-spacing: 0;

    font-size: 18px !important;

    color: #333 !important;

    line-height: 26px !important;}

.swal2-confirm {    background: #ff0037 !important;

    font-weight: 600;

    font-size: 14px !important;

    padding: 15px 45px;

    letter-spacing: 2px;

    box-shadow: none;}

.swal2-confirm:focus {

    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5) !important;

}



.chartCanvas {}



/* latest update */



#timer{

	color: red;

    font-size: 20px;

    font-family: system-ui;

    font-weight: bolder;letter-spacing: 0;

    font-weight: 500;

}



/*

.totalVotes {margin: 15px 0px;

    color: #fff;

    font-weight: 400;

    letter-spacing: 0px;

    font-size: 24px;

    font-family: sans-serif;}

.totalVotes span {color: #f9ff00;

    text-shadow: 0px 0px 10px #767816;

    font-size: 30px;

    letter-spacing: 2px;

    font-family: 'Lastica';

    font-weight: 600;}*/

		

.totalVotes span { 

    line-height: 50px;

    font-size: 30px;

    font-family: sans-serif;

    color: #fff;

    padding: 10px;

	padding-left: 15px;

    padding-right: 15px;

	text-align: center;

    background: linear-gradient(to right, #a31212, #ff0202);

	border: 1px solid white;

	border-radius: 5px;

}



.totalVotes{

	font-family: sans-serif;

    color: white;

    font-size: 30px;

}



.select2-search__field{

	font-size: 18px;

    font-family: sans-serif;

}





.select2-container--open .select2-dropdown--below {

    /* border-top: none; */

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.select2-selection--single

{

	font-size: 18px;

    font-family: sans-serif;

}





select {

    font-size: 18px;

    padding: 12px;

    border-radius: 5px;

    width: 100%;

    margin-bottom: 25px;

    border: 2px solid #e3e3e3;

    background: transparent;

    height: 55px;

}

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

.auditionPage .profileDetails {padding-left: 0;}

.karaokepage .plyr__video-wrapper {

    height: auto;

}

.lyricsForm { display: block;}

.lyricsForm label {

    margin-bottom: 10px;

}

.karaokepage #playLyricsplayer {

    width: 100%;

	    margin: 0;

    margin-top: 15px;

}

.videoFrame section video, .videoFrame .media-box {

    max-height: 100% !important;

    height: auto !important;

}

.instafeed .es-widget-header-details-title,

.instafeed .es-widget-rating-container { color:#fff;}

#recording-player .media-box h2 {font-size: 12px !important;}

.mapFrame img {

    max-width: 100%;

    height: auto; 

    width: auto;

}

.hero-section {

        /*padding-top: 0px;

        max-height: 320px;

        margin-top: 86px;

        height: 100vh;*/

    }

.carousel-client .slide img {

    height: auto !important;

	    border-radius: 6px;

}

.mergeFiled {display: block;}

}


/*---------------------------------------
  PERFECT MOBILE RESPONSIVE OVERRIDES
-----------------------------------------*/
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 991.98px) {
  .hero-section {
    height: auto !important;
    min-height: 440px;
    padding-top: 100px !important;
    padding-bottom: 24px;
    display: flex;
    align-items: flex-end;
  }
  .hero-section .container {
    height: auto !important;
    padding-bottom: 20px !important;
  }
  .hero-section .container .row {
    height: auto !important;
  }
  .judgeSection,
  .topJudges .judgeSection,
  .topJudgesbottom .judgeSection {
    width: 100% !important;
    max-width: 380px;
    margin: 0 auto 20px auto !important;
  }
  .searchFil {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
  }
  .searchContestent {
    width: 100% !important;
    max-width: 400px;
    margin: 0 auto 28px auto !important;
  }
  .contestents {
    gap: 18px !important;
    justify-content: center !important;
  }
  .contestentsDiv {
    width: calc(50% - 10px) !important;
  }
  .incontest,
  .contestentspage {
    padding-top: 110px !important;
  }
}

@media screen and (max-width: 767.98px) {
  body {
    letter-spacing: 1.5px;
  }
  h1 {
    font-size: 32px !important;
    letter-spacing: 1.5px;
  }
  h2 {
    font-size: 23px !important;
    letter-spacing: 1.5px;
    line-height: 1.35;
    word-break: break-word;
  }
  h3 {
    font-size: 19px !important;
    letter-spacing: 1px;
  }
  h4 {
    font-size: 17px !important;
    letter-spacing: 1px;
  }
  .section-padding {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .partenerss {
    padding-top: 44px !important;
    padding-bottom: 36px !important;
  }
  .hero-section {
    min-height: 330px !important;
    height: 54vh !important;
    max-height: 440px !important;
    padding-top: 78px !important;
    padding-bottom: 16px !important;
  }
  .hero-section .col-12.mt-auto.mb-5 {
    margin-bottom: 16px !important;
  }
  .auditionbtn {
    padding: 4px 6px !important;
    border-radius: 11px !important;
    line-height: normal !important;
    margin: 4px !important;
    box-shadow: 0 0 24px rgba(255, 0, 55, 0.75) !important;
  }
  .auditionbtn a {
    font-size: 15px !important;
    padding: 11px 22px !important;
    border-width: 2px !important;
    letter-spacing: 1.5px !important;
    white-space: nowrap;
  }
  .contestents {
    gap: 20px !important;
  }
  .contestentsDiv {
    width: 100% !important;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 12px !important;
  }
  .contestents-content {
    padding: 20px 16px !important;
  }
  .contestentsDiv a {
    font-size: 16px !important;
    padding: 10px 14px !important;
  }
  .viewall {
    margin-top: 28px !important;
  }
  .viewall a,
  .viewall button {
    font-size: 15px !important;
    padding: 14px 26px !important;
  }
  /* Prize Pool & Schedule Tabs */
  .wrapmoney {
    display: flex !important;
    flex-direction: column;
    gap: 12px !important;
    align-items: center;
    margin-bottom: 30px !important;
  }
  .wrapmoney a.btn {
    width: 100% !important;
    max-width: 360px;
    margin: 0 auto !important;
  }
  .wrapmoney h2 {
    width: 100%;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 14px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
  }
  .prize-money {
    font-size: 56px !important;
    line-height: 1.15 !important;
    word-break: break-word;
  }
  /* Mobile Vertical Timeline */
  .timeline-centered:before {
    left: 26px !important;
    margin-left: 0 !important;
  }
  .timeline-centered .timeline-entry,
  .timeline-centered .timeline-entry.left-aligned {
    width: 100% !important;
    float: none !important;
    margin-bottom: 26px !important;
  }
  .timeline-centered .timeline-entry .timeline-entry-inner,
  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon,
  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: left !important;
    width: 52px !important;
    height: 52px !important;
    line-height: 38px !important;
    border-width: 5px !important;
  }
  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time,
  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    position: static !important;
    width: auto !important;
    text-align: left !important;
    padding: 0 0 6px 66px !important;
  }
  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label,
  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 66px !important;
    margin-right: 0 !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
  }
  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: 0 !important;
    right: auto !important;
    margin-left: -9px !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  /* Press Release & Contact */
  .scheduleTitle {
    margin: 44px 0 24px 0 !important;
  }
  .blogListing {
    padding: 18px 16px !important;
    box-shadow: 0 10px 24px rgba(10, 0, 8, 0.5) !important;
    border-radius: 10px;
  }
  .mapFrame img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    border-width: 5px !important;
  }
  .mapFrame iframe {
    width: 100% !important;
    height: 240px !important;
  }
  .site-footer-top {
    margin-bottom: 36px !important;
    text-align: center;
  }
  .site-footer-top .col-lg-6 {
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 10px;
  }
  .site-footer-bottom {
    margin-top: 30px !important;
    text-align: center;
  }
  /* Modals on Mobile */
  .myModal {
    padding-top: 16px !important;
  }
  .myModal .modal-dialog {
    width: calc(100% - 24px) !important;
    max-width: 480px !important;
    margin: 16px auto !important;
  }
  .myModal .modal-body {
    padding: 28px 18px 22px 18px !important;
  }
  .myModal .close,
  .myModal .btn-close {
    right: 10px !important;
    top: 10px !important;
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 22px !important;
  }
  .mergeFiled {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .loginForm input,
  .loginForm select {
    height: 48px !important;
    font-size: 16px !important;
    margin-bottom: 16px !important;
  }
  .input-phone {
    height: 48px !important;
    margin-bottom: 16px !important;
  }
  .input-phone input,
  .input-phone .btn-default {
    height: 48px !important;
  }
  .socialMedia {
    gap: 20px !important;
    flex-wrap: wrap;
  }
  .contestentVideosPopup .modal-dialog {
    width: calc(100% - 20px) !important;
    margin: 16px auto !important;
  }
  .contestentVideosPopup video {
    height: auto !important;
    max-height: 68vh !important;
  }
  #termsmodal_content {
    max-width: 94% !important;
    padding: 16px !important;
    border-radius: 10px;
  }
  .swal2-popup {
    width: 92% !important;
    max-width: 420px !important;
  }
}

@media screen and (max-width: 400px) {
  h2 {
    font-size: 20px !important;
    letter-spacing: 1px;
  }
  .auditionbtn a {
    font-size: 14px !important;
    padding: 10px 18px !important;
  }
  .prize-money {
    font-size: 46px !important;
  }
}

/*---------------------------------------
  AUDITION & KARAOKE STUDIO TYPOGRAPHY
-----------------------------------------*/
.auditionPage,
.auditionPage *:not(i):not([class*="bi-"]),
.karaokepage,
.karaokepage *:not(i):not([class*="bi-"]) {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: normal !important;
}
.auditionPage h1,
.auditionPage h2,
.auditionPage h3,
.auditionPage h4,
.auditionPage h5,
.auditionPage h6,
.karaokepage h1,
.karaokepage h2,
.karaokepage h3,
.karaokepage h4,
.karaokepage h5,
.karaokepage h6 {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}