EVOLUTION-NINJA

Edit File: sharath.css

html, body{
	 margin: 0 !important;
	 padding: 0 !important; 
	 font-size:14px !important;
	 font-family: 'Montserrat', sans-serif!important;
     overflow-x: hidden !important; 
}
/*---------------------------------------header--------------------------*/
.top-info{
	background-color: #007194;
	color: #fff;
	padding: 15px;
}
.top-left ul{
	list-style-type: none;
}
.top-left li{
	display: inline-block;
	margin-right: 12px;
}
.top-left i{
	margin-right: 12px;
}
.top-left a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.top-left a:hover{
	color: #fff;
	text-decoration: none;
}
.top-right{
	text-align: center;
}
.top-right ul{
	list-style-type: none;
	padding-left: 0;
}
.top-right li{
	display: inline-block;
	margin-right: 40px;
}
.top-right i{
	color: #fff;
}
/*-------------------------------------------------MENU-------------------------*/
.menu{
	padding: 1% 3%;
}
/*---------------------------------------mels-cont------------------------------*/
.mels-cont{
	padding: 3% 0;
	background-color:#EBF3F9;
}
.mels-cont h3{
	color: #3C3D41;
	font-weight: 600;
	margin-bottom: 20px;
}
.mels-cont p{
	color: #000;
	font-size: 16px;
	text-align: justify;
}
.mels-cont a{
	background-color: #136E7C;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	float: right;
}
.mels-cont a:hover{
	color: #fff;
	text-decoration: none;
}
/*---------------------------------------mels-cont------------------------------*/
/*---------------------------------------faq-----------------------------------*/
.faq{
	padding: 3% 0;
	color: #136E7C;
}
.faq h3{
	color: #136E7C;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.card-header .title {
    font-size: 17px;
    color: #136E7C;
    font-weight: 600;
}
.card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
.card-header{
  cursor: pointer;
  border-bottom: none;
}
.card{
  border: 1px solid #ddd;
}
.card-body{
  border-top: 1px solid #ddd;
  color: #000;
}
.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
/*---------------------------------------faq------------------------------------*/

/*-------------------------------mels-footer-----------------------------------*/
.mels-footer{
	background-color: #597884;
	color: #fff;
	padding: 30px 0;
}
.mels-contact h3{
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 22px;
}
.mels-contact i{
	padding-right: 15px;
}
.mels-contact ul{
	list-style-type: none;
	padding-left: 0;
}
.mels-contact li{
	padding-bottom: 20px;
}
.mels-contact a{
	color: #fff;
	text-decoration: none;
}
.mels-contact a:hover{
	color: #fff;
	text-decoration: none;
}
.location h3{
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 22px;
}
.location p{
	margin-bottom: 5px;
}
.location i{
	padding-right: 8px;
}
.australia i{
	padding-right: 8px;
}
/*-------------------------------mels-footer------------------------------------*/

/*-------------------------------copy-rights------------------------------------*/
.copy-rights{
	background-color: #007194;
	color: #fff;
	padding: 15px 0;
}
.copy-rights a{
	color: #fff;
	text-decoration: none;
}
.copy-rights a:hover{
	color: #fff;
	text-decoration: none;
}
.copy-rights p{
	margin-bottom: 0;
}
.txt{
	text-align: center;
}
/*------------------------------copy-rights-------------------------------------*/

/*=======================================================MELS-HOME========================================*/

.header-2{
	padding: 20px 0;
}
.header-2-right{
	padding-top: 30px;
	text-align: end;
}
.header-2-right ul{
	list-style-type: none;
}
.header-2-right li{
	display: inline-block;
	margin-right: 30px;
}
.header-2-right a{
	color: #000;
}
.header-2-right a:hover{
	color: #000;
	text-decoration: none;
}
.Icons{
	padding: 3% 0;
}
.Icons img{
	width: 35%;
}
.Icons p{
	color: #000;
	font-weight:bold;
	text-align: center;
	margin: 15px 0;
}

/*=======================================Confernece=============================*/
.conference-head{
	background-color: #EBF3F9;
	text-align: center;
	padding: 5% 0;
}
.conference-head h3{
	color: #000;
	font-weight: 600;
}
.conference-cont{
	padding: 2% 0;
}
.conference-list a{
	color:#007194;
	padding: 15px 25px;
	font-weight: 600;
}
.conference-list a:hover{
	background-color: #007194;
	color: #fff;
	text-decoration: none;
}
.conference-list i{
	padding-right: 20px;
}

/*========================================Gas-Conference===============================*/
.gas-cont{
	padding: 2% 0;
}
.gas-cont h3{
	text-align: center;
	color: #007194;
	font-weight: 600;
	margin-bottom: 25px;
}
.gas-cont p{
	text-align: justify;
}
.gas-cont a{
	background-color: #136E7C;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	float: right;
}
.gas-cont a:hover{
	color: #fff;
	text-decoration: none;
}

/*==========================================Registration=====================================*/
.register-box{
	box-shadow: 0px 0px 10px lightgrey;
	padding: 5%;
	margin: 20px;
}
.register-box a{
	color: #007194;
	padding: 5px 20px;
	border-radius: 5px;
	text-align: center;
	font-size: 60px;
}
.register-box a:hover{
	color:#007194;
	text-decoration: none;
}

/*=====================================Registration form===============================*/
.regis-form{
	padding: 3% 0;
}
.reg-form{
	box-shadow: 0px 0px 8px lightgrey;
	background-color: #EBF3F9;
	padding: 20px;
}
.reg-form h3{
	text-align: center;
	margin-bottom: 30px;
}
.reg-btn{
	background-color: #E64722;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  border: 0;
}
.reg-btn:hover{
	background-color: #E64722;
  color: #fff;
}

/*===================================Existing====================================*/
.gamer-id{
	padding: 3% 0;
}
.gamer{
	box-shadow: 0px 0px 8px lightgrey;
	padding: 20px;
}
.gamer h3{
	font-weight: bold;
	color:#007194;
	text-align: center;
	margin-bottom: 30px;
}
.gamer button{
	background-color: #007194;
	color: #fff;
	margin-top: 20px;
	text-align: center;
}
.gamer button:hover{
	background-color: #007194!important;
	color: #fff!important;
}

/*=================================Profile=============================*/
/*.profile-cont{
		padding-top: 3%;
		padding-bottom: 3%;
}*/
.profile-head{
	box-shadow: 0px 0px 5px lightgrey;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	display: flex;
}
.resp-tabs-container{
	margin-bottom: 3%;
}
.mb{
	margin-bottom: 20px;
}
.pt{
	padding-top: 20px;
}
.tab-1 a{
	background-color: #136E7C;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	margin-top: 20px;
	font-size: 25px;
	margin-bottom: 20px;
}
.tab-1 a:hover{
	background-color: #136E7C;
	color: #fff;
	text-decoration: none;
}
.tab-2 img{
	width: 221px;
}
.form-1 span{
	padding-right: 10px;
}
.form-1 p{
	margin-bottom: 10px;
}
.form-1 span{
	vertical-align: bottom;
}
.form-1 input{
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: dotted;
	width: 50%;
}
.comments input{
	width: 100%;
}
.tab-5{
	margin-bottom: 3%;
}

@media only screen and (min-width:320px) and (max-width:640px){
	.profile-head img{
		width:15%;
	}
	.profile-head p{
		text-align: center;
	}
}

/*=====================================NEW-REG-FORM==========================================*/
.top-dots{
	display: block;
	text-align: center;
	padding: 1% 0;
}
.top-dots img{
	padding-right: 5px;
}
.new-reg-main{
	padding: 2% 0;
}
.reg-form-bg{
	background: url(../images/reg-bg.jpg);
	padding: 3%;
}
.reg-left-img{
	float: left;
}
.reg-right-img{
	float: right;
}
.reg-content{
	padding-top:21%;
}
.reg-content a{
	color: #fff;
}
.reg-content a:hover{
	color: #fff;
	text-decoration: none;
}
.reg-content h3{
	color: #fff;
	font-weight: 600;
	font-size: 35px;
}
.reg-content p{
	color: #fff;
	text-align: justify;
	width: 75%;
	font-size: 14px;
}
.bottom-img{
	padding-top:17%;
}
.new-reg-form{
	background-color: #EFF3FC;
	padding: 48px;
}
.new-reg-form h3{
	font-weight:bolder;
	position: relative;
	padding-bottom: 12px;
}
.new-reg-form h3::after{
	position: absolute;
	content: '';
	border: 1px solid #1FA1D5;
	width: 100px;
	top: 35px;
	left: 0;
}
.switch{
	display: flex;
}
.switch h4{
	color: #0766B7;
	font-weight: 600;
}
.togle{
	margin-top: 8px;
	margin-left: 12px;
}
input[type="checkbox"].switch_1{
    font-size: 12px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 3.5em;
    height: 1.5em;
    background: #ddd;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked{
    background: #0ebeff;
  }
  
  input[type="checkbox"].switch_1:after{
    position: absolute;
    content: "";
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
            box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
            transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked:after{
    left: calc(100% - 1.5em);
  }
  .new-reg-form label{
  	color: #727374;
  	font-weight: 600;
  	margin: 10px 0;
  }
  .new-reg-form h5{
  	font-weight: 600;
  }
  .new-reg-form p{
  	color: #727374;
  	font-weight: 600;
  	margin-bottom: 8px;
  	margin-top: 15px;
  }
  .form-control{
  	border: 0!important;
  }
  .agmt-links ul{
  	list-style-type: none;
  	padding-left: 0;
  }
  .agmt-links li{
  	padding-bottom: 5px;
  }
  .agmt-links a{
  	font-size: 15px;
  	color:#555555;
  	font-weight: 600;
  }
  .agmt-links a:hover{
  	text-decoration: none;
  	color: #555555;
  }
  .agmt-links i{
  	color: red;
  	padding-right: 8px;
  }
  .btn-regis{
   	background: linear-gradient(to right, #517DFE 0%, #6FA9FF 100%);
   	color: #fff;
  	cursor: pointer;
  	border: 0;
  	padding: 5px 25px;
  	border-radius: 8px;
  }

/*=================================OTP-VERIFY================================*/
  .otp{
  	padding: 2% 0;
  }
  .otp-bg-img{
  	background: url(../images/otp-bg.png);
  	padding: 3%;
  }
  .reg-content-1{
  	color: #fff;
  	padding-top: 30%;
  }
  .reg-content-1 h3{
  	font-weight: 600;
  }
  .reg-content-1 p{
  	width: 70%;
  }
  .bottom-img-1{
  	padding-top: 27%;
  }
  .otp-verification{
  	background-color:#EFF3FC;
  	padding: 30px;
  }
  .otp-verification h3{
  	font-weight:bolder;
		position: relative;
		padding-bottom: 12px;
  }
  .otp-verification h3::after{
  		position: absolute;
			content: '';
			border: 1px solid #1FA1D5;
			width: 100px;
			top: 35px;
			left: 0;
  }
  .otp-verification p{
  	color: #054B66;
  	font-weight: bold;
  	margin: 30px 0;
  }
  .otp-number{
  	display: flex;
  }
  .otp-number input{
  	width: 8%;
  	margin: 10px;
  }
	.otp-verification h5{
		color: #19A6DB;
		margin: 30px 0;
		font-weight: 600;
	}
	.btn-otp{
		/*margin-top: 30px;*/
		/*margin-bottom: 50%;*/
	}
	.btn-otp button{
		cursor: pointer;
		box-shadow: 0px 0px 5px lightgrey;
		color: #008CDB;
		padding: 5px 25px;
		border-radius: 25px;
		border: 0;
		background-color: #fff;
		font-weight: 600;
		margin-right: 20px;
	}
	.btn-resend{
		cursor: pointer;
		background: transparent;
		border: 0;
		color: #19A6DB;
		font-weight: 600;
		margin-top: 5%;
	}

/*================================PAYMENT============================*/
	.payment{
			padding: 2% 0;
	}
	.payment-bg-img{
		background: url(../images/otp-bg.png);
  	padding: 3%;	
	}
	.payment-form{
			background-color:#EFF3FC;
  		padding: 30px;
	}
	.payment-form h3{
			font-weight:bolder;
			position: relative;
			padding-bottom: 12px;
			margin-bottom: 50px;
	}
	.payment-form h3::after{
			position: absolute;
			content: '';
			border: 1px solid #1FA1D5;
			width: 100px;
			top: 35px;
			left: 0;
	}	
	.payment-form a{
			background: linear-gradient(to right, #517DFE 0%, #6FA9FF 100%);
			color: #fff;
			padding: 5px 60px;
    	border-radius: 6px;
	}
	.payment-form a:hover{
			background: linear-gradient(to right, #517DFE 0%, #6FA9FF 100%);
			text-decoration: none;
			color: #fff;
	}
	.reg-content-2{
  	color: #fff;
  	padding-top: 30%;
  }
  .reg-content-2 p{
  	text-align: justify;
  }

/*=====================================THANK-YOU============================*/
  .thank-you{
  	padding: 3% 0;
  }
  .thank-design{
  	background-color: #EFF3FC;
  	/*padding: 20px;*/
  	height: 1005px;
  }
  .thank-u-mid{
  	text-align: center;
  }
  .lg{
  	padding-top: 10%;
  	text-align: center;
  }
  .thank-4{
  	padding-top: 130px;
  }
  #thank-u p{
		color: #000;
		font-size: 25px;
		margin-top: 30px;
		font-weight: 600;
  }
  #thank-u a{
	  background-color: #24acdb;
	  color: #fff;
	  padding: 10px 20px;
	  border-radius: 12px;
	  font-weight: 600;
  }
  #thank-u i{
	  padding-left: 10px;
  }
  #thank-u a:hover{
	  text-decoration: none;
  }

@media only screen and (min-width:320px) and (max-width:640px){
  	.bt-img2{

}
  	.reg-content{
  		padding-top: 30%!important;
  	}
  	.arrow-2{
  		padding-top: 0!important;
  	}
  	.circle{
  		padding-top: 10%!important;
  	}
  	.bottom-img{
  		padding-top: 0%;
  	}
  	.otp-number input{
  		width: 10%;
  	}
  	.otp-verification h3::after{
  		border: 0;
  	}
  	#right{
  		float: initial!important;
  	}
  	.reg-form-bg{
  		display: none;
  	}
  	.otp-bg-img{
  		display: none;
  	}
  	.payment-bg-img{
  		display: none;
  	}
  	#rzp-button1 {
    	width:350px!important;
		}
		.reg-left-img img{
			display: none;
		}
		.reg-right-img img{
			display: none;
		}
		.mobile-app-tag{
			display: none;
		}
		.login-head-tag{
			font-size: 17px;
	    font-weight: 600;
	    margin-top: 30px;
		}
		#thank-u p{
			font-size: 18px;
		}
		.thank-u-mid h1{
			font-size: 22px;
    	font-weight: 600;
		}
		.head-1{
			display: none;
		}
		#mobile-reg-head{
			display: none;
		}
		#mobile-reg-button{
			display: none;
		}
		/*.agmt-links{
			display: none;
		}*/
		/*.user-tag{
			display: none;
		}*/
		#play-icon{
			display: none;
		}
		#thank-u a{
			padding: 25px 60px;
			font-size: 25px;
		}
  }

/*=========================================================================*/
  #rzp-button1{  
    background: linear-gradient(to right, #517DFE 0%, #6FA9FF 100%);
    color: #fff;
    padding: 5px 60px;
    border-radius: 6px;
    outline:0;
    border:0;
    cursor: pointer;
  }