/* Globle Property start */
@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.eot');
  src: url('fonts/CenturyGothic.woff2') format('woff2'),
       url('fonts/CenturyGothic.woff') format('woff'),
       url('fonts/CenturyGothic.ttf') format('truetype'),
       url('fonts/CenturyGothic.svg#CenturyGothic') format('svg'),
       url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'CenturyGothic';
	background: url(images/loginbg.png) repeat;
	background-size: cover;
	
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.loginform {
	position: relative;
}
.loginform .form-middle {
	max-width: 680px;
	width: 100%;
	margin: 7% auto 0;
}
.loginform .form-middle form {
	width: 100%;
	display: block;
	background-color: #fff;
	padding: 30px;
}
label {
	font-size: 25px;
	font-family: 'CenturyGothic';
	color: #3a3a3a;
	display: block;
	margin-bottom: 15px;
	text-align: left;
	
}
input[type="text"], input[type="password"] {
	border: 1px solid transparent;
    box-shadow: 0 0 0 1px #ddd inset;
    padding: 14px 15px;
    width: 100%;
    font-size: 20px;
	margin-top: 8px;
	font-family: 'CenturyGothic';
	transition: all 0.4s ease-in 0s;
}
input[type="text"]:focus, input[type="password"]:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(81, 203, 238, 0.8);
	border: 1px solid rgba(81, 203, 238, 1);
}
input[type="button"], input[type="submit"] {
	background-color: #e63f31;
	border: none;
	font-size: 20px;
	padding: 10px 30px;
	color: #fff;
	font-family: 'CenturyGothic';
	margin-top: 15px;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.4s ease-in 0s;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #333;
}
.loginform .form-middle form hr:before {
	content:"";
	background-color:#a2a2a2;
	height: 1px;
	display: block;
}
.loginform .form-middle form hr {
	border: none;
	margin: 30px 0;
}
.loginform .form-middle form hr:after {
	content:"";
	background-color:#dcdcdc;
	height: 1px;
	display: block;
}
.loginform .form-middle form p a {
	font-size: 16px;
	color: #5e8a17;
	font-family: 'Raleway', sans-serif;
}
.loginform .form-middle form p a:hover {
	text-decoration: none;
}