body{
	font-family: 'Open Sans', sans-serif;
	color: #333; 
	background-color: #ffffff;
	background-image: url('/assets/frontend/img/krk.jpg');
	background-attachment: fixed;
	background-size: cover;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: static;
}





/* ----------------------------  */
/* ----------------------------  */
/* header and navigation  */
/* ----------------------------  */
/* ----------------------------  */


.logoContainer {
	margin-top: 4em;
}





/* ----------------------------  */
/* ----------------------------  */
/*  content  */
/* ----------------------------  */
/* ----------------------------  */


.img-responsive {
	width: 100%;
}

.loginForm {
	padding: 2em;
	background-color: #343640;
	border-radius: 0.5em;
}
.loginForm input, .loginForm select{
	width: 100%;
	margin: 1em 0;
}
.loginForm .onerowcheckbox{
	width: 30%;
}

.loginForm button {
	width: 100%;
	margin: 1em 0;
	background-color: #ffc11e;
	border-radius: 0.5em;
	border: none;
	padding: 1em 0;
}




/* ----------------------------  */
/* ----------------------------  */
/* footer  */
/* ----------------------------  */
/* ----------------------------  */
footer {
	background-color: #3F4042;;
	clear: both;
	color: #fff;
	text-align: center;
	padding: 1em 0;
	position: fixed;
	bottom: 0;
	width: 100%;
}

footer a, .copy a{
	color: #fff;
}
footer a:hover, .copy a:hover{
	color: #fff;
	text-decoration: underline;
}
























@media (max-width: 767px) and (orientation: landscape){

	.logo {

		width: 40%;
		top: -10px;
	}

	.navbar {

		margin-top: -5%;
		margin-right: 0%;
	}

}

@media (min-width: 768px) and (max-width: 991px){

	.logo{

		width: 30%;
		position: relative;
		margin-bottom: -7%;
	}

	.navbar{

		font-size: 1em;
	}

	.nav{

		margin-top: 0%;
	}

	.navbar.navbar-default.navbar-right li a {

		margin-left: 3%;
	}

	h4 {

		text-align: center;
	}

	.copy {

		font-size: 0.9em;
	}

	.prolink {

		font-size: 0.9em;
	}


}