@charset "UTF-8";
.bp-element-login-popup .login-links {
  position: relative;
  z-index: 8; }
  .bp-element-login-popup .login-links .user-info {
    position: absolute;
    min-width: 200px;
    background: #fff;
    line-height: normal;
    left: 0;
    visibility: hidden;
    opacity: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 40px;
    margin-left: 0; }
    .bp-element-login-popup .login-links .user-info li > a {
      display: block;
      padding: 10px 0px;
      font-size: 14px;
      color: #333 !important;
      position: relative;
      margin-right: 20px;
      margin-left: 20px; }
      .bp-element-login-popup .login-links .user-info li > a:after {
        content: '';
        height: 1px;
        position: absolute;
        background: rgba(138, 138, 138, 0.2);
        bottom: 0;
        width: 100%;
        left: 0; }
      .bp-element-login-popup .login-links .user-info li > a:before {
        display: none; }
    .bp-element-login-popup .login-links .user-info li {
      display: block;
      margin-bottom: 0px; }
      .bp-element-login-popup .login-links .user-info li:last-child > a:after {
        display: none; }
    .bp-element-login-popup .login-links .user-info.open-user-infor {
      visibility: visible;
      opacity: 1;
      margin-top: 20px; }
  .bp-element-login-popup .login-links:hover .user-info {
    visibility: visible;
    opacity: 1;
    margin-top: 0px; }

.bp-element-login-popup.layout-2 {
  border-right: 1px solid rgba(183, 183, 183, 0.1); }
  .bp-element-login-popup.layout-2 .login-links {
    padding: 0 18px; }

.bp-element-login-popup.layout-3 .login-links {
  height: 49px;
  line-height: 49px;
  border-radius: 30px;
  padding: 0 26px;
  cursor: pointer;
  background: #26aef7; }
  .bp-element-login-popup.layout-3 .login-links a {
    color: #fff; }

.login-links a {
  color: #7d7d7d;
  transition: all .2s; }

.login-links.show-icon:before {
  display: inline-block;
  font-family: Ionicons;
  content: "\f3a0";
  font-size: 14px;
  padding-right: 6px; }

.login-links.show-icon a {
  font-weight: 300;
  display: inline-block;
  white-space: nowrap;
  font-size: 14px; }

.login-popup p:before {
  content: " ";
  display: table; }

.login-popup p:after {
  content: " ";
  display: table;
  clear: both; }

.login-popup label:after {
  color: #777;
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.login-popup .login-email, .login-popup .login-username, .login-popup .login-password {
  line-height: 50px;
  position: relative;
  margin-bottom: 0; }

.login-popup .login-email label, .login-popup .login-username label, .login-popup .login-password label {
  font-size: 0;
  position: absolute;
  top: 8px;
  right: 20px;
  margin-bottom: 0; }

.login-popup .login-email label:after, .login-popup .login-username label:after, .login-popup .login-password label:after {
  font-family: ionicons;
  font-size: 20px;
  color: #999; }

.login-popup form {
  font-size: 16px; }
  .login-popup form input {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    padding: 0 21px;
    font-size: 14px;
    font-family: inherit; }
    .login-popup form input[type="password"], .login-popup form input[type="email"], .login-popup form input[type="text"] {
      width: 100%;
      color: #aaa;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #eee;
      font-style: italic; }
    .login-popup form input[type="password"]:-moz-placeholder, .login-popup form input[type="email"]:-moz-placeholder, .login-popup form input[type="text"]:-moz-placeholder, .login-popup form input[type="password"]::-moz-placeholder, .login-popup form input[type="email"]::-moz-placeholder, .login-popup form input[type="text"]::-moz-placeholder, .login-popup form input[type="password"]:-ms-input-placeholder, .login-popup form input[type="email"]:-ms-input-placeholder, .login-popup form input[type="text"]:-ms-input-placeholder, .login-popup form input[type="password"]::-webkit-input-placeholder, .login-popup form input[type="email"]::-webkit-input-placeholder, .login-popup form input[type="text"]::-webkit-input-placeholder {
      color: #aaa; }
  .login-popup form [type="checkbox"] {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .login-popup form input[type="submit"] {
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    height: 50px;
    border-radius: 30px;
    transition: all 0.5s;
    box-shadow: 5.7px 5.7px 15.7px 0.3px rgba(0, 0, 0, 0.12); }

.login-popup .lost-pass-link {
  float: right;
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  display: block;
  margin-top: 7px;
  margin-bottom: 14px;
  line-height: 25px;
  text-align: right;
  color: #555 !important; }

.login-popup .link-bottom {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #aaa; }
  .login-popup .link-bottom a {
    color: #aaa;
    text-decoration: underline; }
    .login-popup .link-bottom a:hover {
      color: #333; }

.login-popup .login-remember {
  margin-bottom: 1px; }

#bp-popup-login {
  background: #fff;
  position: relative;
  width: 1150px;
  margin: 0 auto;
  height: 650px; }
  #bp-popup-login:before {
    content: " ";
    display: table; }
  #bp-popup-login:after {
    content: " ";
    display: table;
    clear: both; }
  #bp-popup-login .loginwrapper:before {
    content: " ";
    display: table; }
  #bp-popup-login .loginwrapper:after {
    content: " ";
    display: table;
    clear: both; }
  #bp-popup-login.loading .loginwrapper {
    position: relative; }
    #bp-popup-login.loading .loginwrapper:before {
      content: '';
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.6);
      display: block; }
  #bp-popup-login .media-content {
    padding: 100px 30px;
    width: 434px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 650px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #aaa;
    font-size: 16px;
    line-height: 1.63em; }
    #bp-popup-login .media-content .heading {
      margin-top: 10px;
      color: #aaa;
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 40px; }
    #bp-popup-login .media-content:before {
      content: '';
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #000;
      opacity: 0.5;
      position: absolute;
      z-index: -1; }
  #bp-popup-login .inner-login {
    flex-grow: 1;
    padding: 50px; }
  #bp-popup-login .wrap-form {
    flex-grow: 1;
    padding-right: 0px;
    position: relative; }
  #bp-popup-login .shortcode br {
    display: none; }
  #bp-popup-login .wrap-sc {
    width: 50%;
    position: relative;
    padding-left: 30px; }
    #bp-popup-login .wrap-sc:before {
      position: absolute;
      width: 1px;
      height: 223px;
      content: '';
      left: 0;
      border-left: 1px dotted rgba(0, 0, 0, 0.15);
      top: 65px; }
    #bp-popup-login .wrap-sc .or {
      position: absolute;
      width: 50px;
      height: 50px;
      left: -25px;
      top: 140px;
      text-align: center;
      background: #FFF;
      line-height: 50px;
      font-size: 16px;
      color: #ccc; }
  #bp-popup-login .sc-plugin .wp-social-login-provider-list {
    padding: 0; }
    #bp-popup-login .sc-plugin .wp-social-login-provider-list a {
      display: block;
      position: relative;
      background: #3b5998;
      color: #FFF;
      margin-bottom: 20px;
      height: 50px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-size: 16px;
      line-height: 50px;
      font-weight: normal;
      padding: 0 19px; }
      #bp-popup-login .sc-plugin .wp-social-login-provider-list a:after {
        transition: all 0.2s ease-in-out 0s;
        font-family: Ionicons;
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        background: #FFF;
        width: 32px;
        height: 32px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #3b5998;
        text-align: center;
        line-height: 32px;
        box-shadow: 5.7px 5.7px 11.3px 0.7px rgba(0, 0, 0, 0.16); }
      #bp-popup-login .sc-plugin .wp-social-login-provider-list a:hover {
        box-shadow: 5.7px 5.7px 11.3px 0.7px rgba(0, 0, 0, 0.16); }
        #bp-popup-login .sc-plugin .wp-social-login-provider-list a:hover:after {
          transform: translate(-10px, -50%); }
  #bp-popup-login .wp-social-login-connect-with, #bp-popup-login .form-desc {
    font-size: 16px;
    color: #808080;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 15px; }
  #bp-popup-login .login-popup {
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transition: all 0.6s;
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translate(0, -50px);
    visibility: hidden;
    width: 1150px;
    overflow-x: hidden;
    display: flex;
    align-items: center; }
    #bp-popup-login .login-popup.active {
      z-index: 2;
      transform: translate(0, 0);
      opacity: 1;
      visibility: visible;
      height: auto; }
    #bp-popup-login .login-popup form.loading .login-submit input[type="submit"] {
      cursor: not-allowed;
      opacity: 0.5; }
  #bp-popup-login .mfp-close {
    cursor: pointer;
    position: absolute;
    right: -50px;
    top: -50px;
    line-height: 50px;
    text-align: center;
    font-size: 50px;
    color: #fff;
    opacity: 1;
    width: 50px;
    height: 50px; }
  #bp-popup-login .message {
    position: static;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 13px !important; }
  #bp-popup-login .login-popup-container > br {
    display: none; }
  #bp-popup-login .mo-openid-app-icons {
    display: flex !important;
    align-items: center;
    justify-content: center; }
    #bp-popup-login .mo-openid-app-icons > p {
      display: none; }
  #bp-popup-login .mo_image_id {
    display: none; }
  #bp-popup-login .login-popup .title {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: normal;
    color: #999;
    margin-bottom: 25px; }
    #bp-popup-login .login-popup .title a {
      color: #999; }
    #bp-popup-login .login-popup .title .current-title {
      color: #ff5f2e; }
    #bp-popup-login .login-popup .title span:first-child:after {
      content: '/';
      padding-left: 5px; }
    #bp-popup-login .login-popup .title span:last-child:after {
      display: none; }

.login-popup p:before {
  content: " ";
  display: table; }

.login-popup p:after {
  content: " ";
  display: table;
  clear: both; }

.login-popup label:after {
  color: #777;
  display: inline-block;
  font: normal normal normal 15px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.login-popup .login-email, .login-popup .login-username, .login-popup .login-password, .login-popup .login-submit {
  line-height: 50px;
  position: relative;
  margin-bottom: 0; }

.login-popup .login-email label, .login-popup .login-username label, .login-popup .login-password label {
  font-size: 0;
  position: absolute;
  top: 8px;
  right: 20px;
  margin-bottom: 0; }

.login-popup .login-email label:after, .login-popup .login-username label:after, .login-popup .login-password label:after {
  font-family: ionicons;
  font-size: 20px;
  color: #999; }

.login-popup form {
  font-size: 16px; }
  .login-popup form input[type="password"], .login-popup form input[type="email"], .login-popup form input[type="text"] {
    width: 100%;
    color: #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee; }
  .login-popup form input[type="password"]:-moz-placeholder, .login-popup form input[type="email"]:-moz-placeholder, .login-popup form input[type="text"]:-moz-placeholder, .login-popup form input[type="password"]::-moz-placeholder, .login-popup form input[type="email"]::-moz-placeholder, .login-popup form input[type="text"]::-moz-placeholder, .login-popup form input[type="password"]:-ms-input-placeholder, .login-popup form input[type="email"]:-ms-input-placeholder, .login-popup form input[type="text"]:-ms-input-placeholder, .login-popup form input[type="password"]::-webkit-input-placeholder, .login-popup form input[type="email"]::-webkit-input-placeholder, .login-popup form input[type="text"]::-webkit-input-placeholder {
    color: #aaa; }
  .login-popup form [type="checkbox"] {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .login-popup form input[type="submit"] {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    border-radius: 30px;
    transition: all 0.5s;
    box-shadow: 5.7px 5.7px 15.7px 0.3px rgba(0, 0, 0, 0.12); }

.login-popup .lost-pass-link {
  float: right;
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  display: block;
  margin-top: 7px;
  margin-bottom: 14px;
  line-height: 25px;
  text-align: right;
  color: #555 !important; }

.login-popup .link-bottom {
  font-size: 16px;
  font-weight: 400;
  color: #aaa; }
  .login-popup .link-bottom a {
    color: #aaa;
    text-decoration: underline; }

.login-popup .login-remember {
  margin-bottom: 1px; }

.login-links a {
  color: #7d7d7d; }

.login-links.show-icon a {
  font-size: 14px; }

.sc-plugin > .wpb_wrapper {
  max-width: 500px;
  margin: auto;
  clear: both; }
  .sc-plugin > .wpb_wrapper > div {
    font-size: 24px;
    text-align: center; }

.wp-social-login-widget {
  margin-bottom: -15px; }
  .wp-social-login-widget > .wp-social-login-connect-with {
    margin-bottom: 5px;
    font-weight: 700; }

#signup-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 0;
  min-height: 80vh; }
  #signup-content h2 {
    font-size: 30px; }

form#registerform > p {
  margin-bottom: 0; }
  form#registerform > p.text-mail {
    line-height: normal; }

form#registerform .wp-social-login-widget {
  text-align: center; }
  form#registerform .wp-social-login-widget .wp-social-login-connect-with {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    color: #999;
    font-size: 15px;
    font-weight: normal; }
    form#registerform .wp-social-login-widget .wp-social-login-connect-with:before, form#registerform .wp-social-login-widget .wp-social-login-connect-with:after {
      position: absolute;
      top: 50%;
      content: '';
      width: 15px;
      background: #999;
      height: 1px;
      transform: translate(0, -50%); }
    form#registerform .wp-social-login-widget .wp-social-login-connect-with:before {
      left: 0; }
    form#registerform .wp-social-login-widget .wp-social-login-connect-with:after {
      right: 0; }

form#registerform .button-submit {
  margin-top: 25px; }

form#lostpasswordform .description {
  line-height: normal; }

@media (max-width: 1400px) and (min-width: 1024px) {
  #bp-popup-login {
    width: 930px;
    height: 560px; }
    #bp-popup-login .login-popup {
      max-width: 100%; }
    #bp-popup-login .media-content {
      height: 560px; }
    #bp-popup-login .inner-login {
      padding-bottom: 20px;
      padding-top: 20px; } }

@media (max-width: 991px) {
  #bp-popup-login {
    width: 80%;
    height: auto; }
    #bp-popup-login .login-popup {
      max-width: 100%; }
    #bp-popup-login .media-content {
      display: none; }
    #bp-popup-login .wrap-form {
      padding-right: 0; } }

@media (max-width: 767px) {
  #bp-popup-login .inner-login {
    padding: 30px 20px; }
  .login-popup.box-login .link-bottom {
    position: relative;
    right: auto;
    bottom: auto; } }