@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background: linear-gradient(90deg, rgba(0, 8, 255, 0.45), rgba(0, 11, 255, 0.45)), linear-gradient(90deg, #002d71 , #09319c );
    height: 100%;
	min-height: 100%;
	color: white;
}

.home-bg{
	background: url("../images/bg.jpg");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: fixed;
	z-index:-9999;
	top:0;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

.strings-bg{
	position:fixed;
	overflow:hidden;
	top:-250px;
	left:-50px;
	z-index:-999;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.top {
  width: 110%;
  height: auto;
  position: relative;
	-webkit-filter: drop-shadow(0px 20px 12px rgba(0,0,0,0.7));
   filter: drop-shadow(0px 20px 12px rgba(0,0,0,0.7));
  /*transform: rotate(0deg) translateX(20px) rotate(-45deg);*/
  -webkit-animation: mymove 10s linear infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 10s linear infinite;
	margin-left: -100px;
}

	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  0% { -webkit--transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% { -webkit--transform: rotate(360deg) translateX(20px) rotate(-360deg);}
}

@keyframes mymove {
  0% { transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(20px) rotate(-360deg);}
}
	
	
	.bottom{
		width: 110%;
  height: auto;
  position: relative;
	-webkit-filter: drop-shadow(0px 20px 12px rgba(0,0,0,0.7));
   filter: drop-shadow(0px 20px 12px rgba(0,0,0,0.7));
  /*transform: rotate(0deg) translateX(20px) rotate(-45deg);*/
  -webkit-animation: stringbottom 10s linear infinite; /* Safari 4.0 - 8.0 */
  animation: stringbottom 10s linear infinite;
	margin-left: -100px;
	}	
	
	@-webkit-keyframes stringbottom {
  0% { -webkit--transform: rotate(0deg) translateX(27px) rotate(0deg); }
  100% { -webkit--transform: rotate(-360deg) translateX(27px) rotate(360deg);}
}

@keyframes stringbottom {
  0% { transform: rotate(0deg) translateX(27px) rotate(0deg); }
  100% { transform: rotate(-360deg) translateX(27px) rotate(360deg);}
}
	
	#first{
		z-index: 4;
	}	
	
	#second{
		z-index: 3;
		margin-top:-21%;
	}
	
	#third{
		z-index: 2;
		margin-top:-20%;
	}
	
	#fourth{
		z-index: 1;
		margin-top:-21%;
	}
	#fivth{
		z-index: 0;
		margin-top:-20%;
	}
	
	#sixth{
		z-index: -1;
		margin-top:-21%;
	}


.logo-shadow{
		 -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.7));
   filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.7));
    margin-top: 12%;
	margin-bottom: 2%;
}



/* Bottom Strings */

.one-string{
  width: 110%;
  height: auto;
  position: relative;
	-webkit-filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
   filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
  /*transform: rotate(0deg) translateX(20px) rotate(-45deg);*/
  -webkit-animation: one1 10s linear infinite; /* Safari 4.0 - 8.0 */
  animation: one1 10s linear infinite;
	margin-left: -25px;
}

	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes one1 {
  0% { -webkit--transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% { -webkit--transform: rotate(-360deg) translateX(20px) rotate(360deg);}
}

@keyframes one1 {
  0% { transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% { transform: rotate(-360deg) translateX(20px) rotate(360deg);}
}
	
	
.two-string{
		width: 110%;
  height: auto;
  position: relative;
	-webkit-filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
   filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
  /*transform: rotate(0deg) translateX(20px) rotate(-45deg);*/
  -webkit-animation: two2 6s linear infinite; /* Safari 4.0 - 8.0 */
  animation: two2 6s linear infinite;
	margin-left: -25px;
	}	
	
	@-webkit-keyframes two2 {
  0% { -webkit--transform: rotate(0deg) translateX(24px) rotate(0deg); }
  100% { -webkit--transform: rotate(360deg) translateX(24px) rotate(-360deg);}
}

@keyframes two2 {
  0% { transform: rotate(0deg) translateX(24px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(24px) rotate(-360deg);}
}
	
	.three-string{
		width: 110%;
  height: auto;
  position: relative;
	-webkit-filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
   filter: drop-shadow(20px 0px 12px rgba(0,0,0,0.7));
  /*transform: rotate(0deg) translateX(20px) rotate(-45deg);*/
  -webkit-animation: three3 8s linear infinite; /* Safari 4.0 - 8.0 */
  animation: three3 8s linear infinite;
	margin-left: -25px;
	}	
	
	@-webkit-keyframes three3 {
  0% { -webkit--transform: rotate(0deg) translateX(27px) rotate(0deg); }
  100% { -webkit--transform: rotate(360deg) translateX(27px) rotate(-360deg);}
}

@keyframes three3 {
  0% { transform: rotate(0deg) translateX(27px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(27px) rotate(-360deg);}
}
	
	#one{
		    z-index: 4;
    /* margin-bottom: -600px; */
    position: absolute;
    bottom: -350px;
	}	
	
	#two{
		z-index: 3;
    /* margin-bottom: -350px; */
    position: absolute;
    bottom: -350px;
	}
	
	#three{
		    z-index: 2;
    /* margin-bottom: -400px; */
    /* position: absolute; */
    bottom: -245px;
	}
	
	.bottom-strings-wave{
		position:absolute;
		overflow:hidden;
		bottom:-50px;
		left:0px;
		width:100%;
		z-index: -9999;
	}	

.bottom-gap-for-strings{
	height: 50px;
}
/* Bottom Strings */

/* Social --*/
.fa-nav-color{
	color: white!important;
	font-size: 13px!important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

.fa-nav-color:hover{
	color: rgba(0,0,0,0.5)!important;
	font-size: 13px!important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

.nav-login-btn{
	color: white!important;
	font-size: 15px!important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	text-decoration: none;
}

.nav-login-btn:hover{
	color: rgba(0,54,213,1) !important;
	font-size: 15px!important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	text-decoration: none;
}
/* Social --*/

/*navbar starts*/

.header-logo{
	
}

#navbarNav{
	min-height: 70px;
}

.navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-nav{
	background-color: rgba(0,0,0,0.5);
	border-radius: 20px;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1) !important;
    border-color: rgba(255, 255, 255, 1) !important;
}

.nav-color{
	color:rgba(255,255,255,1)!important;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin-left:5px;
	margin-right:5px;
}
.nav-color:hover{
	color: rgba(0,54,213,1) !important;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin-left:5px;
	margin-right:5px;
}
.active {
    color: rgba(0,54,213,1)!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
  
}

.nav-item{
	padding-left: 15px;
	padding-right: 15px;
	
}

.nav-register-btn{
	background-color: rgba(0,54,213,1) !important;
	color:white!important;
	padding-left: 5px!important;
	margin-left: 2px;
	margin-right: 2px;
}

.nav-register-btn:hover{
	background-color: white!important;
	color: rgba(0,54,213,1) !important;
	padding-left: 5px!important;
	margin-left: 2px;
	margin-right: 2px;
}




/*navbar ends*/

.lh-15{
	line-height: 2.2;
}

.gap-300{
	height: 300px;
}


.gap-250{
	height: 250px;
}


.gap-200{
	height: 200px;
}

.gap-150{
	height: 150px;
}

.gap-100{
	height: 100px;
}

.gap-75{
	height: 75px;
}

.gap-50{
	height: 50px;
}

.gap-25{
	height: 25px;
}

.pl-100{
	padding-left: 100px;
}

.pl-200{
	padding-left: 200px;
}

.pr-100{
	padding-right: 100px;
}

.pr-200{
	padding-right: 200px;
}

.discount-txt{
	font-size: 18px;
	font-weight: 400;
	color: white;
	text-shadow: 2px 2px 2px #000;
}

.page-headings{
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
}

.page-sub-headings{
	font-size: 28px;
	font-weight: 800;
	text-transform: uppercase;
	color: rgba(0,0,0,0.5)!important;
}

.home-page-sub-headings{
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(0,54,213,1) !important;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.page-paragraphs{
	font-size: 15px;
	font-weight: 400;
}

.submit-btn {
    width: 100px;
    height: 40px;
    border: #002b66 thin solid;
    border-radius: 0.5rem!important;
    background-color: rgba(0,54,213,1);
    text-transform: uppercase;
	color: white;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
}

.submit-btn:hover {
    width: 99px;
    height: 39px;
    border: #002b66 thin solid;
    border-radius: 0.5rem!important;
    background-color: #002b66;
    text-transform: uppercase;
	color: whitesmoke;
	font-size: 14.5px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);
	margin-top: 11px;
	margin-bottom: 10px;
	margin-right: 1px;
}

.other-entry-btn{
    width: 200px;
    height: 40px;
    border: #151515 thin solid;
    border-radius: 0.5rem!important;
    background-color:#151515;
    text-transform: uppercase;
	color: white;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.other-entry-btn:hover{
    width: 199px;
    height: 39px;
    border: #000 thin solid;
    border-radius: 0.5rem!important;
    background-color:#0a0e1d;
    text-transform: uppercase;
	color: whitesmoke;
	font-size: 14.5px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);
	margin-top: 11px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(227, 7, 95, 0.5)!important;
  opacity: 1!important; /* Firefox */
  font-size:14px;
  font-style: italic; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(227, 7, 95, 0.5)!important;
  font-size:14px;
  font-style: italic; 
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(227, 7, 95, 0.5)!important;
  font-size:14px;
  font-style: italic; 
}

.text-muted{
	color: rgba(0,0,0,0.7)!important;
	font-weight: 600!important;
	line-height: 1.0!important;
}

.err {
    color: #ff99cc;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.form-descriptor{
	line-height: 1.0!important;
	margin-top: 5px;
}

.custom-file-label{
  color: rgba(227, 7, 95, 0.5)!important;
  opacity: 1!important; /* Firefox */
  font-size:14px;
  font-style: italic; 
}

.custom-file-label::after{
	color: rgba(0,0,0,0.7)!important;
    content: "Browse"!important;
    background-color: #e3075f!important;
}

.table-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

.table{
	font-size: 14px;
}
.th-color{
	background-color: rgba(0,0,0,0.5)!important;
	text-transform: uppercase;
}

.fa-tb-color{
	color: rgba(255,255,255,1) !important;
}

.fa-tb-color:hover{
	color: rgba(227,7,95,1) !important;
}

.popup-login-link {
    width: 104px !important;
    height: 24px !important;
    margin-left: 10px;
    background-color: #bc2889;
    color: white;
    text-transform: uppercase;
    padding: 0.25rem 1.25rem;
}


/* categories */

.card{
	background-color: rgba(255, 255, 255, 0.1)!important;
}

.card-header{
	background-color: rgba(0,0,0,0.5)!important;
}


.cat-head-font{
	color: white!important;
	font-size: 16px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	text-align: left;
}

.cat-head-font:hover{
	color: rgba(0,54,213,1) !important;
	font-size: 16px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	text-align: left;
}

.note{
	padding-top: 15px;
	padding-bottom: 0px;
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 0!important;
	color: rgba(255,255,255,1)!important;
}

.Enter-now-btn {
    width: 120px;
    height: 40px;
    border: #002b66 thin solid;
    border-radius: 0.5rem!important;
    background-color: rgba(0,54,213,1);
    text-transform: uppercase;
	color: white;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-bottom: 10px;
}

.Enter-now-btn:hover {
    width: 119px;
    height: 39px;
    border: #002b66 thin solid;
    border-radius: 0.5rem!important;
    background-color: rgba(0,54,213,1);
    text-transform: uppercase;
	color: #002b66;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);
	margin-top: 11px;
	margin-bottom: 10px;
	margin-right: 1px;
}

.mail-color{
    color: rgba(255,255,255,1)!important;
    text-decoration: none;
	font-weight: 600; 
	text-shadow: none;
}
.mail-color:hover{
    color: rgba(255,255,255,1)!important;
    text-decoration: none;
	font-weight: 600; 
	text-shadow: 2px 2px 2px black;
}

/* categories */

.light-white{
	background-color: rgba(255,255,255,0.1);
}

.light-black{
	 background-color: rgba(0,0,0,0.5)!important;
}

.mail-color-light-font{
	 color: rgba(255,255,255,1)!important;
    text-decoration: none;
	font-weight: 400; 
	text-shadow: none;
}

.mail-color-light-font:hover{
	color: rgba(255,255,255,1)!important;
    text-decoration: none;
	font-weight: 400; 
	text-shadow: 2px 2px 2px black;
}

.error{
	color: #ff5555!important;
	font-style: italic!important;
}


/* jury */

 .jury{
			  margin-top: 10px;
			  margin-bottom: 10px;
			  border: white thin solid;
			  }
		  
		  .jury-top{
			  
		  }
		  
		  .jury-img{
			  width: 100%;
			  height: auto;
			  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
              filter: grayscale(100%);
		  }
		  
		  
		  .jury-bottom{
			  padding-left: 15px;
			  padding-right: 10px;
			  padding-bottom: 10px;
			  background-color: white;
			  color: rgba(227,7,95,1) !important;
			  min-height: 150px;
			}
		  
		  .jury-name{
			  font-size: 16px;
			  padding-top: 10px;
			  padding-bottom: 5px;
			  margin: 0;
			  text-transform: uppercase;
			  font-weight: 700;
		  }
		  
		  .jury-designation{
			  font-size: 14px;
			  padding-top: 0px;
			  padding-bottom: 5px;
			  margin: 0;
			  font-weight: 400;
			  line-height: 1.2;
		  }
		  
		  .jury-company{
			  font-size: 14px;
			  padding-top: 0px;
			  padding-bottom: 5px;
			  margin: 0;
			  font-weight: 400;
			  line-height: 1.2;
		  }
		  
		  .jury-social{
			      color: rgba(227,7,95,1) !important;
                  font-size: 13px!important;
			      padding-top: 0;
			      margin-top: 0;
         }
		  
		  .jury-social:hover{
			      color: rgba(138,0,55,1) !important;
                  font-size: 13px!important;
			      padding-top: 0;
			      margin-top: 0;
         }
	  


/* jury */


@media (min-width: 576px) { 

 }

 
 
@media (min-width: 768px) { 

	

 }
 
 
 
@media (min-width: 992px) { 
	.bottom-gap-for-strings{
	height: 100px;
}
}


@media (min-width: 1200px) {

.bottom-gap-for-strings{
	height: 100px;
}
}
@media (min-width: 1400px) {
	
	.logo-shadow{
		 -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.7));
   filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.7));
    margin-top: 17%;
	margin-bottom: 3%;
}
	
	.bottom-gap-for-strings{
	height: 300px;
}
}