.ma-header {
  background: url("../images/top_backround_1080.png") no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 150px;
  display: table;
  table-layout: fixed; }

.profile-image {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  width: 130px;
  text-align: center; }

.profile-image .img {
  display: inline-block; }

.rounded {
  border-radius: 50%; }

.profile-introduction {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px; }

.ma-reset-header {
  padding: 50px 20px; }
  .ma-reset-header .ma-reset-header-title {
    color: #4A90E2;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    padding: 15px; }
  .ma-reset-header .ma-reset-header-text {
    color: #9B9B9B;
    font-family: Roboto;
    font-size: 14px; }

.profile-introduction-heading {
  height: 24px;
  color: #FFFFFF;
  font-family: Roboto;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px; }

.profile-introduction-text {
  height: 48px;
  display: inline-block;
  opacity: 0.8;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 14px;
  line-height: 24px; }

.ma-body-background {
  background: url("../images/background_720.png") no-repeat;
  background-size: 100%;
  position: fixed;
  width: 100%;
  height: 100%; }

.center-xy {
  position: relative;
  top: 35%;
  transform: translateY(-50%); }

.ma-body-background-text {
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500; }

.ma-body-background-text {
  margin: 10px; }

.ma-body {
  margin-top: 30px; }

.ma-form-fields {
  margin-left: 41px;
  margin-right: 41px; }

.ma-submit-background {
  margin-top: 90%; }

.ma-submit {
  margin-top: 40px; }
  .ma-submit a {
    padding: 7px; }

.modal-center {
  transform: translateY(50%) !important; }

.modal-content .modal-head {
  color: #4A90E2;
  line-height: 22px; }

.modal-content .modal-widget {
  margin-top: 20px; }

.modal-content .modal-label {
  margin: 4px 0;
  color: grey; }

.modal-content .modal-value {
  margin: 4px 0;
  font-size: 16px; }

.modal-close {
  color: grey !important; }

.modal-footer > a {
  padding: 0 20px;
  color: #4A90E2; }

.btl-vertical-center {
  padding-top: 6px; }

.ma-foot {
  margin-top: 10px; }

.ma-conditions {
  height: 30px;
  width: 206px;
  color: #BBBBBB;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-align: center; }

.input-field .postfix {
  position: absolute;
  width: 3rem;
  right: 0px;
  font-size: 2rem;
  -webkit-transition: color .2s;
  transition: color .2s; }

.ma-password-eye {
  color: #BBBBBB;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }