@font-face {
  font-family: 'OpenSans-Regular';
  src: url('OpenSans-Regular.eot');
  src: url('OpenSans-Regular.woff2') format('woff2'),
       url('OpenSans-Regular.woff') format('woff'),
       url('OpenSans-Regular.ttf') format('truetype'),
       url('OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
       url('OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway-Regular.eot');
  src: url('fonts/Raleway-Regular.woff2') format('woff2'),
       url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway.woff') format('woff'),
       url('fonts/Raleway.ttf') format('truetype'),
       url('fonts/Raleway.svg#Raleway') format('svg');
  font-weight: normal;
  font-style: normal;
}


.back
{
background-image:url("../img/bgimg.jpg");
 font-family: 'Raleway';
}
.headclr{
color:#fff;

}
.box{
padding:15px;

}
.form-top{
background-color:#fff; 
padding:25px;
}
.form-bottom {
background: #eee;
text-align: center;
}
.form-bottom {
	padding:25px;
}
.edit
{

font-size:45px;
}
.submitbtn{
background:#18b9e7;
color:#fff;

padding-left:30px;
padding-right:30px;
border-radius:0%;
}
.submitbtn:hover{
background:#18b9e7;
color:#fff;

padding-left:30px;
padding-right:30px;
border-radius:0%;
}


.bgclr{
background: #eee;
text-align: center;

}
.circle{
 width:70px;
    height:70px;
	color:#eee;
  border-radius:100%;
    display:inline-block;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#37a5c6, #686ec4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#37a5c6, #686ec4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#37a5c6, #686ec4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#37a5c6,#686ec4); /* Standard syntax (must be last) */
	}
	
.circleicon i 
{
font-size:35px;
	line-height: inherit;
	text-align:center;
	color:#fff;
}
.circleicon:hover i 
{
font-size:35px;
	line-height: inherit;
	text-align:center;
	color:#fff;
}