/*@font-face {
   font-family: 'DINRegular';
   src: url('css/fonts/DINRegular.eot');
   src: url('css/fonts/DINRegular.eot') format('embedded-opentype'),
        url('css/fonts/DINRegular.woff2') format('woff2'),
        url('css/fonts/DINRegular.woff') format('woff'),
        url('css/fonts/DINRegular.ttf') format('truetype'),
        url('css/fonts/DINRegular.svg#DINRegular') format('svg');
}
*/
@font-face {
  font-family: 'DINRegular';
  src: url('fonts/DINRegular.eot');
  src: url('fonts/DINRegular.eot') format('embedded-opentype'), url('fonts/DINRegular.woff2') format('woff2'), url('fonts/DINRegular.woff') format('woff'), url('fonts/DINRegular.ttf') format('truetype'), url('fonts/DINRegular.svg#DINRegular') format('svg');
}

body{
	font-family:'DINRegular' ;
}
small{
	color: blue;
}
.mar{
	margin-top: 10rem;
	margin-bottom: 5rem;
}
.list-inline small{
	font-size: 13px;
    display: inline-block;
    margin-top: 15px;
}
#loginbox button{
	background-color: #1A428A;
	border-radius:60px;
	border:none;
	padding-top: 15px;
	padding-bottom: 15px; 
}
#loginbox .resend{
	background-color: #8E1537;
	font-size: 21px;
	padding: 10px 38px;
	float: right;
	text-transform: uppercase;
}
#loginbox .otp{
	font-size: 21px;
	padding: 10px 45px;
}
#loginbox input{
	border-radius: 0px;
	padding: 25px 12px;
	border-color: #1A428A;
}
#loginbox h1{
	margin-bottom: 25px;
	color: #1A428A;
	font-weight: 100;
}
.first{
	margin-bottom: 20px;
}
.li1{
	width:70%;
}
.veri{
	color:blue;
}

/*client login*/
#clientlog .media img{
	border-radius: 50px;
	width: 95px;
    height: 95px;
}
#clientlog .media h5{
	font-size: 30px;
	margin-top: 35px;
	color: #1A428A;
}
#clientlog .price{
	float: right;
}
#clientlog .fitem{
	float: left;
}
.brbt{
	border-bottom: 1px solid #5F7BAD;
}
.clientbox{
	border-radius: 20px;
	border:1px solid #5F7BAD;
	margin: 20px auto;
	padding:20px 20px;
}
.clientbox span{
	font-size: 26px;
}
.hdvalue{
	padding: 30px 0px 15px 0px;
    font-size: 21px;
    margin: 0px
}

.clientbox .pay{
	float: right;
	background: #8E1537;
	border-radius: 50px;
	font-size: 22px;
	padding: 10px 45px;
}


@media(max-width: 767px){
	#loginbox .resend{
		position: absolute;
    	top: 325px;
    	left: 15px;
    	background-color: transparent;
    	color: #8e1537;
    	text-decoration: underline;
    	font-size: 18px;
    	padding: 0px;
    	text-transform: capitalize;
	}
	.clientbox .pay{
		width: 100%;
		text-align: center;
	}
	.li1{
		width: 100%;
	}
	.login{
		margin-top: 20px;
	}
	.mar{
		margin-top: 5rem;
	}
}

@media(max-width: 493px){
	#loginbox .resend{
		
    	top: 345px;
    	
	}
}