/*--common style start--*/ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
article, aside, details, figure, footer, header, nav, section {
	display: block;
	}
	
body {
	width: 100%;
	height: auto;
	font-family: Arial;
	}

img {
	border: 0;
	outline: none;
	}
	
a,a:hover{
	text-decoration:none;
	outline: none;
	}
	
ol, ul {
	list-style: none;
	}
		
.clear {
	clear: both;
	}
	
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}

@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
	url('../fonts/lato-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
	url('../fonts/lato-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
	
/*--common style end--*/

.logo_bg {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: #0d83dd url(../images/logo_bg.png) repeat ;
	}

.header {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	height: 60px;
	background: #0d83dd ;
	z-index: 1;
	}

.footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	background: #0d83dd ;
	z-index: 1;
}

.footer p {
	display: block;
	text-align: center;
	font-family: arial;
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	}

.login_ctn {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	background: #fff;
	width: 95%;
	max-width: 800px;
	height: 225px;
	margin: auto;
	border-radius: 50px;
	padding: 60px;
	}

.login_left {
	width: 45%;
	float: left;
	padding-top: 60px;
	}

.login_right {
	width: 54%;
	float: right;
	padding-left: 70px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: -5px 0 5px -5px rgba(51, 51, 51, 0.31);
	-webkit-box-shadow: -5px 0 5px -5px rgba(51, 51, 51, 0.31);
	}

.login_left a,.login_left h3 {
	display: inline-block;
	}

.login_left a img {
	display: block;
	}

.login_left h3 {
	display: inline-block;
	text-transform: uppercase;
	font-family: 'latobold';
	}

.logo_feild {
	padding: 16px 0;
	position: relative;
	}


.logo_feild input {
	width: calc( 100% - 50px);
	border-bottom: 1px solid rgba(51, 51, 51, 0.31);
	padding: 10px 50px 10px 0;
	outline: none;
	font-size: 16px;
	font-family: 'latoregular';
	}

.user_icon, .password_icon {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 5px;
	top: 20px;
	}

.user_icon {
	background: url(../images/user-icon.png) no-repeat center center;
	}

.password_icon {
	background: url(../images/logout.png) no-repeat center center;
	}

.login_btn {
	background: #0d83dd;
	color: #fff;
	font-size: 20px;
	float: right;
	padding:  15px 20px;
	border-radius: 10px;
	font-family: 'latobold';
	cursor: pointer;
	}

.login_left a{
	margin-right: 15px;
	}