/*
  @include grid-setup((
    count: 12,
    gutter: 40px,
    column: 70px,
    width: 98%
  ));
*/
.user.view-mode-teaser .left .menu li:after {
  content: "\e902"; }

.user.view-mode-teaser {
  padding: 40px 0;
  box-sizing: border-box; }
  .user.view-mode-teaser:after {
    content: "";
    display: table;
    clear: both; }
  .user.view-mode-teaser .left {
    width: 49.0566%;
    margin-right: 1.88679%;
    float: left; }
    @media (max-width: 600px) {
      .user.view-mode-teaser .left {
        width: 100%; } }
    .user.view-mode-teaser .left h2.name {
      font-family: "Plain", Arial, sans-serif;
      font-size: 24px;
      line-height: 28px;
      color: #414042;
      border-bottom: 1px solid #e2e3e4;
      padding-bottom: 10px; }
      @media (max-width: 1070px) {
        .user.view-mode-teaser .left h2.name {
          font-size: 16px;
          line-height: 19px; } }
      @media (max-width: 900px) {
        .user.view-mode-teaser .left h2.name {
          font-size: 18px;
          line-height: 21px; } }
      @media (max-width: 600px) {
        .user.view-mode-teaser .left h2.name {
          font-size: 14px;
          line-height: 16px; } }
      .hub-greece .user.view-mode-teaser .left h2.name, .user.view-mode-teaser .left h2.name.hub-greece {
        font-family: Arial;
        text-transform: none; }
    .user.view-mode-teaser .left .menu {
      margin-top: 20px;
      font-size: 16px;
      line-height: 16px;
      font-family: "Plain bold", Arial, sans-serif;
      font-weight: 700;
      padding-bottom: 10px;
      border-bottom: 1px solid #e2e3e4; }
      @media (max-width: 900px) {
        .user.view-mode-teaser .left .menu {
          font-size: 14px;
          line-height: 18px; } }
      .hub-greece .user.view-mode-teaser .left .menu, .user.view-mode-teaser .left .menu.hub-greece {
        font-family: Arial;
        text-transform: none; }
      .user.view-mode-teaser .left .menu li {
        position: relative;
        padding-left: 60px;
        padding-top: 10px;
        margin-bottom: 20px; }
        .user.view-mode-teaser .left .menu li:before {
          -webkit-transition: background-color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: background-color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: background-color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #414042; }
        .user.view-mode-teaser .left .menu li:after {
          -webkit-transition: color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          -moz-transition: color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          font-family: 'icomoon';
          font-size: 40px;
          color: #ffffff;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          height: 40px;
          width: 40px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .user.view-mode-teaser .left .menu li:hover:before {
          -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: background-color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: background-color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background-color: #ffffff; }
        .user.view-mode-teaser .left .menu li:hover:after {
          -webkit-transition: color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: color 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          color: #414042; }
        .user.view-mode-teaser .left .menu li:before {
          background-color: #6d6e71; }
          .hub-progressinmind .user.view-mode-teaser .left .menu li:before {
            background-color: #6d6e71; }
          .lic .user.view-mode-teaser .left .menu li:before {
            background-color: #6d6e71; }
          .hub-linf .user.view-mode-teaser .left .menu li:before {
            background-color: #6d6e71; }
          .hub-thinc .user.view-mode-teaser .left .menu li:before {
            background-color: #182b49; }
          .hub-rethink .user.view-mode-teaser .left .menu li:before {
            background-color: #202d56; }
          .hub-focus .user.view-mode-teaser .left .menu li:before {
            background-color: #9e9978; }
    .user.view-mode-teaser .left .buttons > div {
      float: left;
      margin-right: 10px; }
    .user.view-mode-teaser .left .btn {
      margin-top: 20px;
      background-color: #6d6e71;
      color: #ffffff; }
      .hub-progressinmind .user.view-mode-teaser .left .btn {
        background-color: #6d6e71; }
      .lic .user.view-mode-teaser .left .btn {
        background-color: #6d6e71; }
      .hub-linf .user.view-mode-teaser .left .btn {
        background-color: #6d6e71; }
      .hub-thinc .user.view-mode-teaser .left .btn {
        background-color: #182b49; }
      .hub-rethink .user.view-mode-teaser .left .btn {
        background-color: #202d56; }
      .hub-focus .user.view-mode-teaser .left .btn {
        background-color: #9e9978; }
    .user.view-mode-teaser .left input {
      background-color: #F3F3F3; }
    .user.view-mode-teaser .left #user-login-form {
      margin-top: 40px;
      padding-bottom: 20px;
      width: 70%;
      float: left;
      border-bottom: solid 1px #e2e3e4; }
      @media (max-width: 600px) {
        .user.view-mode-teaser .left #user-login-form {
          width: 100%; } }
      .user.view-mode-teaser .left #user-login-form .form-item-antirobot-text {
        display: none; }
      .user.view-mode-teaser .left #user-login-form .form-type-textfield,
      .user.view-mode-teaser .left #user-login-form .form-type-password {
        width: 100%;
        float: left;
        margin-bottom: 20px; }
      .user.view-mode-teaser .left #user-login-form label {
        color: #6d6e71;
        margin-bottom: 4px;
        display: block; }
        .hub-progressinmind .user.view-mode-teaser .left #user-login-form label {
          color: #6d6e71; }
        .lic .user.view-mode-teaser .left #user-login-form label {
          color: #6d6e71; }
        .hub-linf .user.view-mode-teaser .left #user-login-form label {
          color: #6d6e71; }
        .hub-thinc .user.view-mode-teaser .left #user-login-form label {
          color: #182b49; }
        .hub-rethink .user.view-mode-teaser .left #user-login-form label {
          color: #202d56; }
        .hub-focus .user.view-mode-teaser .left #user-login-form label {
          color: #9e9978; }
      .user.view-mode-teaser .left #user-login-form .item-list {
        width: 47.5%;
        float: right;
        padding-top: 10px;
        margin-top: 20px; }
      .user.view-mode-teaser .left #user-login-form .form-actions {
        width: 47.5%;
        margin-right: 5%;
        float: left;
        margin-top: 20px; }
        .user.view-mode-teaser .left #user-login-form .form-actions:after {
          content: "";
          display: table;
          clear: both; }
        .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
          width: 100%;
          color: #ffffff;
          background-color: #6d6e71;
          border-radius: 25px;
          height: 40px;
          padding: 10px;
          font-size: 12px;
          line-height: 19px; }
          .hub-progressinmind .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #6d6e71; }
          .lic .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #6d6e71; }
          .hub-linf .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #6d6e71; }
          .hub-thinc .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #182b49; }
          .hub-rethink .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #202d56; }
          .hub-focus .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit] {
            background-color: #9e9978; }
          .hub-greece .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit], .user.view-mode-teaser .left #user-login-form .form-actions input[type=submit].hub-greece {
            font-family: Arial;
            text-transform: none; }
    .user.view-mode-teaser .left .signup {
      width: 100%;
      float: left;
      margin-top: 20px;
      font-size: 12px;
      line-height: 19px;
      color: #a3a5a8; }
      .hub-greece .user.view-mode-teaser .left .signup, .user.view-mode-teaser .left .signup.hub-greece {
        font-family: Arial;
        text-transform: none; }
      .user.view-mode-teaser .left .signup a {
        margin-top: 20px;
        text-align: center;
        display: block;
        width: 33%;
        color: #ffffff;
        background-color: #6d6e71;
        border-radius: 25px;
        height: 40px;
        padding: 10px;
        box-sizing: border-box; }
        .hub-progressinmind .user.view-mode-teaser .left .signup a {
          background-color: #6d6e71; }
        .lic .user.view-mode-teaser .left .signup a {
          background-color: #6d6e71; }
        .hub-linf .user.view-mode-teaser .left .signup a {
          background-color: #6d6e71; }
        .hub-thinc .user.view-mode-teaser .left .signup a {
          background-color: #182b49; }
        .hub-rethink .user.view-mode-teaser .left .signup a {
          background-color: #202d56; }
        .hub-focus .user.view-mode-teaser .left .signup a {
          background-color: #9e9978; }
        @media (max-width: 600px) {
          .user.view-mode-teaser .left .signup a {
            width: 47.5%; } }
  .user.view-mode-teaser .right {
    width: 49.0566%;
    float: left; }

/*# sourceMappingURL=user.css.map */