.brand-box {
  width: 570px;
  height: 360px;
  float: left;
  position: relative;
  background-image: url(images/Login-TitleBox_New1.svg);
  background-repeat: no-repeat;
  /*background-color: #FFFFFF;*/
  overflow: hidden;
}
.login-box {
  width: 360px;
  height: 360px;
  float: right;
  /*background-color: #FFFFFF;*/
  background-image: url(images/Login-FormBox.svg);
}
.login-box div {
  opacity: 1;
}
#login {
  /*background-image: url(images/katimavik-bg.jpg);*/
  background-repeat: no-repeat;
  background-size: 100%;
}
.app-version-brand-box {
  float: right;
  padding: 5px 5px 5px 10px;
  position: absolute;
  bottom: 50px;
  right: 50px;
}
.app-name-box {
  float: left;
  /*padding: 5px 5px 5px 10px;*/
  /*position: absolute;*/
  /*top: 80px;
  left: 50px;*/
  font-size: 82px;
  color: #fff;
  margin-top: 180px;
  margin-left: 50px;
}
.product_ .app-name-box {
  font-size: 82px;
  top: 80px;
  color: #344B5F;
}
.product_1 .app-name-box {
  font-size: 82px;
  top: 80px;
  color: #344B5F;
}
.product_2 .app-name-box {
  font-size: 64px;
  left: 75px;
  top: 96px;
  color: #344B5F;
}
@font-face {
  font-family: 'FF Mark Light';
  src: url('fonts/adeco/woff2/FontFont_FF.Mark.Pro.Light.woff2') format('woff2'), url('fonts/adeco/woff/FontFont_FF.Mark.Pro.Light.woff') format('woff'), url('fonts/adeco/otf/FontFont_FF.Mark.Pro.Light.otf') format('otf');
}
.community-title-font {
  color: #344B5F !important;
  text-transform: initial !important;
  font-family: 'FF Mark Light' !important;
}