@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/Lato-Bold-webfont.eot');
    src: url('../fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold-webfont.woff') format('woff'),
         url('../fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bold-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato-Light-webfont.eot');
    src: url('../fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Light-webfont.woff') format('woff'),
         url('../fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Light-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body.home {
	background:#a89f6a;
	}
.mainArea {
	border-radius: 0px;
	background: none;
	padding:0;
	margin-bottom:0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
.mainArea .container {
	position:relative;
	}
.kipas {
	position:absolute;
	left:-100px;
	}
.loginBox {
	display: table;
	margin: 0 auto;
	position:relative;
	max-width: 100%; 
	}
.formLogin {
	float: right;
	position:relative;
	background: #e6e7e8;
	width: 380px;
	display: table-cell;
	max-width: 100%;
	margin: 0 auto;
	}
.formLogin form {
	margin-bottom: 0;
}
.formLogin .logo {
	width: 240px;
	margin: 0 auto;
	}
.icon {
	width:32px;
	height:30px;
	text-indent:-9999px;
	display:block;
	background:url(../img/icon.png) no-repeat;	
	}
.usernameIcon {
	background-position:3px -4px;
	}
.passwordIcon {
	background-position:3px -44px;
	}
form.login button {
	border: none;
	border-radius: 0;
	background: #0b5991;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	font-family: 'RobotoLight';
	padding: 10px 15px
	}
form.login button:hover {
	opacity:0.8;
	}
footer p {
	text-align:center;
	color:#402436;
	margin-top: 15px;
	}
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.logo-white {
	float: left;
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 30px;
    margin-right: 30px;
}
.page-wrap {
	  min-height: 100%;

	background:url(../img/mainBg.jpg);
	background-size: auto 100%;
	background-position: center;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.ornament {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.ornament.right {
	left: auto;
	right: 15px;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 50px; 
}
.site-footer {
 border-top:1px solid #D6D6D6
}
.page-header .container {
	padding-top:50px;
	}
.page-header {
	background:url(../img/header.png) repeat-x;
	margin: 0;
	min-height: 180px;
	border: none;
	}
.title-login {
	background: #0e76bc;
	font-family: 'RobotoLight';
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	padding: 10px 15px;
	line-height: normal;
}
.form-frame {
	padding: 15px 30px;
	padding-top: 30px;
	position: relative;
	display: block;
}
.form-frame input {
	background: #fff;
	height: 42px;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	margin-bottom: 15px;
}
.text-footer {
	color: #7B7F80;
	font-family: 'RobotoRegular';
	font-size: 12px;
	text-align: center;
	display: block;
	padding-top: 15px;
}
.text1-login {
	font-family: 'LatoLight';
    letter-spacing: 2px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    padding-right: 50px;
}
.text2-login {
	font-family: 'LatoLight';
    color: #fff;
    font-size: 42px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    padding-right: 50px;
}
.text3-login {
	font-family: 'LatoBold';
	color: #fff;
	font-size: 34px;
	text-align: center;
	letter-spacing: 1.4px;
	line-height: normal;
}
.error{color: red}
.text-desc-login {
	display: table-cell;
	width: 540px;
	max-width: 100%;
	vertical-align: middle;
}
.pace-progress {
	top: 96px;
}