html {
  font-size: 10px;
}
@media (min-width: 300px) {
  body {
    font-size: 1.2em;
  }
}
@media (min-width: 500px) {
  body {
    font-size: 1.4em;
  }
}
@media (min-width: 700px) {
  body {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 2em;
  }
}
@media (min-width: 1400px) {
  body {
    font-size: 2.4em;
  }
}
body {
  background-color: #101010;
  font-family: saltus;
  font-weight: normal;
  overflow: hidden;
  color: #fff;
  margin: 0 0 0 0;
}
div.topdiv {
  text-align: center;
}
img {
  /*     pointer-events: none; */
}
object {
  /*      pointer-events: all;  */
}
.mfonts {
  color: #AAAAAA;
}
input,
select {
  padding: 0.6em 0em 0.6em 0em;
  margin: 0px 0px 0px 0px;
  font-size: 1em;
  appearance: none;
  border-radius: none;
  background-color: #101010;
  border-width: 0px;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-box-shadow: none;
  text-align: center;
  width: 100%;
  color: #FFF;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 150px #101010 inset;
  -webkit-text-fill-color: white !important;
  background-clip: content-box;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 150px #101010 inset;
  -webkit-text-fill-color: white !important;
  background-clip: content-box;
}
_select {
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline-width: 0px;
  width: 80%;
}
select:focus {
  outline: 0 !important;
}
textarea:focus,
input:focus {
  outline: none!important;
}
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 150px #101010 inset;
  -webkit-text-fill-color: white !important;
  background-clip: content-box;
}
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 150px #101010 inset;
  -webkit-text-fill-color: white !important;
  background-clip: content-box;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #FFF;
}
option {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #101010;
  color: #fff;
  text-shadow: none;
}
option:disabled {
  color: #888;
}
.opis {
  font-size: 0.8em;
  visibility: hidden;
  display: none;
  padding: 0px;
  margin: 0px;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
*:focus {
  outline: 0 !important;
}
::-webkit-input-placeholder {
  color: #999 !important;
}
:-moz-placeholder {
  color: #999 !important;
  opacity: 1;
}
::-moz-placeholder {
  color: #999 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999 !important;
}
:placeholder-shown {
  color: #999 !important;
}
div.loginForm {
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0%;
  padding-right: 0%;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  background-color: #101010;
}
hr {
  border: 0.07em solid #FF0000;
  color: #FF0000;
  background-color: #FF0000;
  width: 100%;
  margin: 0px auto 1px auto;
}
button {
  padding: 0.6em 0px 0.6em 0px;
  font-size: 1em;
  font-family: saltus;
  color: #FFFFFF;
  appearance: none;
  background-color: #b30000;
  border-top: 0.12em solid #b30000;
  border-bottom: 0.12em solid #b30000;
  border-left: none;
  border-right: none;
  border-radius: none;
  margin-top: 1em;
  margin-bottom: 0px;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
  width: 100%;
}
.space {
  margin: 0px 0px 0px 0px;
  padding: 0.5em 0px 0px 0px;
  width: 100%;
}
.errortxt {
  color: #FF0000;
  margin: 0px 0px 0px 0px;
}
.loginbutton {
  color: #FFFFFF !important;
}
a {
  text-decoration: underline;
  font-size: 0.8em;
  color: #b30000;
  font-weight: normal;
}
a:visited {
  color: #b30000;
}
a:focus {
  color: #b30000;
}
a:hover {
  color: #b30000;
}
.langicon {
  font-family: solatosignsregular;
  font-size: 2.2em;
  text-transform: none !important;
}
.rightSide {
  background-color: #101010;
  height: auto;
  padding: 0px;
  position: absolute;
  margin: auto;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  min-width: 180px;
  float: right;
}
@media (max-width: 450px) {
  .rightSide {
    width: 100%;
    left: 0;
  }
}
.block_fullheigh {
  height: auto;
  bottom: 0;
}
.block_center {
  background-color: #101010;
  padding: 0px;
  position: absolute;
  margin: auto;
  left: 0%;
  right: 0;
  top: 0;
  width: 50%;
  min-width: 180px;
  float: right;
}
@media (min-width: 1400px) {
  .block_center {
    width: 350px;
  }
}
@media (max-width: 450px) {
  .block_center {
    width: 200px;
  }
}
.loginFormPos {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.bottomHeadCont {
  position: absolute;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
img.helpwisol {
  width: 35%;
}
html {
  background: url("oem_klimosz/intro_klimosz.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}