body{
   padding:0;
   margin:0;
}
.head{
  padding:5px;
  border-bottom:#009966 solid;
  }
  .head h1{
  text-align:center;
  color:#009966;
  text-shadow:#009966 2px 2px 2px;
  font-weight:500;
  }
   .head p{
  text-align:center;
  color:#333;
  font-size:20px;
  font-weight:500;
  }
  #bd{
  border:;
   margin:3em auto auto auto;
  background:url(../img/www.jpg);
  background-size:contain;
  position:relative;
  padding:1em;
  min-height:500px;
   box-shadow:0 0 12px 0 rgba(0,100,0,0.4);
  }
  .fm{
  border:;
  background:rgba(0,255,50,0.199);
   box-shadow:0 0 12px 0 rgba(0,255,0,0.4);
  position:relative;
  }
  .first{
  position:relative;
  border:;
   position:relative;
  max-width:600px;
  margin:auto;
  }
  .first form{
  margin:auto;
  border:;
  }
  .first form ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  .first form ul li{
  width:100%;
   margin:10px auto;
  border:;
  }
   .first form ul li input,select{
  width:100%;
  padding:10px;
  border:#fff solid 2px;
  border-radius:3px;
  }
  .first form ul li button{
   display:block;
   margin:auto;
   padding:5px 10px;
   border-radius:6px;
   color:#333;
  }
   .second{
  position:relative;
  background:#fff;
  border:#ccc solid;
   position:relative;
  max-width:600px;
  margin:auto;
  display:none;
  }
   .second ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  .second ul li{
  width:100%;
   margin:10px auto;
   padding-bottom:3px;
   color:#333;
  border-bottom:#333 dotted 1px;
  }
   .second ul li label{
  min-width:70%;
  display:inline-block;
  padding: 0 4px;
  border:;
  }
  .second ul li button{
  padding:3px 8px;
  border-radius:5px;
  text-transform:uppercase;
  color:#333;
  box-shadow:#333 3px 3px 3px;
  transition:1.5s;
  }
   .second ul li button:hover{
   background-color:#009966;
   color:#fff;
 
  }
/*---pin page -----*/
#pinform{
	max-width: 300px;
	position: relative;
}
#pinform input{
	width: 79.4%;
	padding: 5px;
	border-right: none;
}
#pinform button{
	position: absolute;
	right: 0;
	padding: 3.9px 8px;
	border-radius: 0 5px 5px 0;
	top: 1px;
}
.pingen{
	background:;
	border:;
	padding: 0 !important;
}
.pinhh{
	background:rgba(0,0,0,0.6);
	padding: 2em;
	min-height:500px;
}
/*---result page -----*/

.print{
	position: relative;
	margin: 1em auto;
	padding: 10px;
	max-width:100%;
	border:#009966  solid;
}


.pinhi{
	max-width: 350px !important;
	margin: auto;
}
.pinh img{
	margin: 2em;
	padding: 5px;
	position: relative;
	margin: auto;
}
#result{
	background: rgba(0,0,0,0.6);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 2em;
	overflow:auto;
	display: ;
}
.result{
	position: relative;
	width: 80%;
	margin: auto auto 3em auto;
	background: #fff;
	padding: 10px;
}
.callp{
	padding: 10px;
	background: #fff;
	text-align: center;
}
.callp button{

}
.logoh{
	position: relative;
	border-bottom: #009966 solid;
	overflow: hidden;
	padding-bottom: 2em;
}
.logoh img{
	position: relative;
	float: left;
	max-width: 17%;
    max-height: 120px;
	border:;
	margin-right: 10px;
}
.rit{
	float: left;
}
.rit h4,.rit h2{
   text-transform: capitalize;
}

.rit h2{
	text-transform: uppercase;
	color:#009966 ;
	font-weight: 600;
	margin-top:1px;
}
.rit h6{
	margin:3px 0 0 0;
	padding:0;
	text-transform:capitalize;
	color:#000;
}
.rit p{
	text-transform:uppercase;

}
.sendp{
	display: none;
}
@media(max-width:1000px){
	.pinhh{
	min-height:400px;
}
	.pingen{
		min-height:400px !important;
}
}
@media(max-width:1100px){
	.rit h4,.rit h2{
 
}

.rit h2{
	font-size: 2.6vw;
}
}
.session{
	position: relative;
	padding: 5px;
	border-bottom: #333 solid 3px;
}
.session p{
font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}
.rname{
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
	border-bottom:#333 solid;
}
.rname p{
	padding:2px;
	margin:2px;
}
.rnames{
	position: relative;
	width: 50%;
	float: left;
	padding: 1px;
	text-transform:uppercase;
}
.centa{
	text-align:center;
}
.rlf{
border:;
}
.rlf label{
	position: absolute;
	right: 0px;
	padding-bottom: 2px;
}
.rlf label span{
	border-bottom:#333 1px solid;
}
.tb{
	width: 100%;
	border: ;
	position: relative;
	margin: 2px auto;
	border: ;
}
.tb_img{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	/*-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
 /* filter: grayscale(100%); */
}
.tb table{
	width: 100%;
	border: #333 solid 1px;
	border-bottom: none;
	position: relative;
	z-index: 1;
}
.tb table tr th,.tb table tr td{
	padding: 2px 5px;
	text-transform: uppercase;
}
.grades{
	position: relative;
	margin: 1em auto;
	overflow: hidden;
}
.grades table{
	border: #333 solid 1px;
	float: left;
	width: 30%;
	position:relative;
	margin:5px 10px 4px 0;
}
.grades h3{
	position:relative;
	float:left;
	width:270px;
	margin:5px 4px 4px 10px;
}
.grades h3 img{
	width:100%;
	height:150px;
}
.grades table tr th{
	text-transform: uppercase;
	padding: 4px;
	text-align: center;
	
}
.grades table tr td{
	text-transform:capitalize;
	padding: 0.5vw 1.5vw;
	border: none;
}
@media(max-width:700px){
	#result{
	padding: 0.2em;
}
	.result{
	position: relative;
	width: 99%;
	margin: auto auto 3em auto;
	background: #fff;
	padding: 5px;
}
	.tb table tr th,.tb table tr td{
	padding: 2px;
	text-transform: uppercase;
}
	.tb table tr th{
	padding: 2px;
		font-size: 13px;
		text-transform: capitalize;
}
	.tb table tr td{
	padding: 2px;
		font-size: 10px;
		
}	
}
.grades h4{
	text-align: right;
	float: right;
	padding: 4px 10px;
	text-transform: uppercase;
	border: ;
}
.signs{
	position: relative;
	overflow:hidden;
	padding:10px;
}
.sl{
	max-width: 700px;
	float: left;
	position:relative;
}
.sl h4{
	border:;
	padding:0;
	margin: 0;
	position:relative;
	text-align: right;
}
.sl h4 label{
	background:;
	color: #fff;
	padding:0;
	margin:0;
	height:45px;
	display: inline-block;
	width: 60%;
	text-align: center;
	text-transform: capitalize;
	bottom: -5px;
	position: relative;
	overflow:hidden;
}
.sl h4 label span{
	position:absolute;
	width:100%;
	padding:4px 0 0 0;
	height:100%;
	text-align:center;
	display:block;
	float:none;
	z-index:1;
}
.sl h4 label img{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:0;
}
.sl p{
	border: #000 solid 1px;
	padding: 10px;
	margin: 0;
	width: 38vw;
}
.simg {
	max-width: 180px;
	max-height: 120px;
	display: inline-block;
	position:;
	float: right;
	right: 1%;
	top: 5px;
	padding: 5px;
	transform:rotateZ(-20deg);
	
}
.bottom{
	margin: 1px auto;
	position: relative;
	overflow: hidden;
	padding: 4px;
}
#bleft{
	width: 27%;
	position: relative;
	float: left;
	padding: 5px;
	border-top:#009966 solid 1px;
	border-right:#009966 solid 1px;
}
#brit{
	width:72%;
	position: relative;
	float: left;
	padding: 5px;
	border-bottom:#009966 solid 1px;
}
#brit p{
	text-align: right;
}
#bottom{
	padding: 4px;
}
#bottom p{
	text-align: center;
}



  .footer{
  background:#009966;
  border:#009966 solid;
  padding:1em;
  }
  .footer p{
  background:;
  text-align:center;
  color:#fff;
  font-size:20px;
  }
  .show{
  display:block !important;
  }