*{
	margin:0;padding:0;
	box-sizing: border-box;

}


main{
	min-height: 80vh;
}
nav{
	background: #fff;
    height: 75px;
    padding: 5px;
}
nav ul li a{
	color:#000;
}
.login-btn
{
	background:#00afb9;
	margin: 0px 20px 10px 20px;
}
.q_detail{
display: block;
padding: 20px;

}


.valign-wrapper p{
	font-size:20px;
}
.pad20{
	padding: 10px 0 0 10px;
}


	

textarea.materialize-textarea{
	height: 25rem;
    border: 1px solid gray;
}

textarea:focus:not([readonly])
{
border-bottom: 1px solid gray;
box-shadow: 0 1px 0 0 gray;
}	

.card-set
{
	position:relative;
	top:30px;
	left:0px
}

.rules{
	display: block;
	text-align: left;
	margin:0px 0px 15px 0px;

}

.rules h6{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size:21px;
}
.rules ol {
	  display: block;
  }
  .rules ol li{
	 list-style-type: circle ! important;
      padding:10px 0px 0px 0px;
  }
.card-bg
{
	background-image:url("../img/bg.jpg");
	background-position:bottom;
	background-repeat:no-repeat; 
}



.back-img{
	background-image: url(../img/bg.jpg);
    background-position: bottom;
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 79vh;
}

.main-heading-box{
	width: 100%;
    float: left;
    display: block;
    padding: 20px;
}


.heading-info{
	display: block;
    width: 100%;
    margin: 0 auto;
}
.heading-info h4{
	color: #444444;
    font-weight: 400;
    line-height: 34px;
    margin-top: 0px;
}
.heading-info p{
	padding: 4px 0px;
	margin: 10px 0px;
	font-size: 16px;
}
.img-box{
	float: left;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0px;
}

.img-frame{
		box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
		background-color: #fff;
		border-radius: .5rem;
		font-size: 1.1em;
		opacity: 1;
		/* padding: .5em 0; */
		text-align: center;
		transition: box-shadow .03s linear,opacity .25s linear;
		z-index: 1;
	
}

.main-text{
	    text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #000;
}


.fnt15{
	font-size: 15px;
	padding:5px 0 0 0;
}
.fnt21{
	font-size:21px  ! important;
}
.valign-wrapper p{
	font-size: 18px;
}

.opt{
	min-height: 30vh;
}

.fnt14{
	font-size: 14px;
	padding: 7px 0 0 0;
}

.mrgntopst{
	margin-top:30px;
}
  


.set-footer {
	background-image: url(../img/footerbg.jpg);
    display: flex;
    justify-content: center;
	align-items: center;
	height:10vh; 
	padding:10px;
	position: relative;
	bottom: 0px;
	width: 100%;
}
.set-footer a{
	color:lightgray;
	padding:0px 20px;
}
.pos_data{
	position: relative;
	top:100px;
}

.mrgtpset{
	margin-top:5px;
}

.main-btn{
	background-color: #6565ea;
    color: #fff !important;
    border: 1px solid #6565ea !important;
    text-transform: none !important;
	border-radius: 6px !important;


}

.sec-btn{
	 
		border: 1px solid  #6565ea !important;
		background: #fff !important;
		color: #6565ea !important;
		box-shadow: 0 0 1px 0 #6565ea, 0 0px 1px 0px #6565ea, 0 0px 1px 0 #6565ea !important;
		text-transform: none !important;
     	border-radius: 6px !important;


	
}
.btn-flat:focus {
    background-color: #6565ea;
}
.padlft{
	padding-left:0px!important;
}
.mrgleft{
	margin-left:20px;
}

 
 section{
	 clear: both;
	 min-height: 80vh; 
 }
footer{
	clear: both;
}

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

	.main-heading-box{
		padding: 17px 0 0 0px;
	}

	.heading-info h4{
		font-size: 1.2rem;
		line-height: 21px;
		letter-spacing: normal;
		text-align: center;
		width: 100%;
	}

}

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

	.card-bg {
		background-position: 77% 0%;
		background-size: cover;
	}

}