.flex-column-reverse{
            margin-bottom: 20px;
        }
    .popup:target {
      visibility: visible;
      opacity: 1;
      /* cancel visibility transition delay */
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
    }
    .popup-close {
      position: absolute;
      padding: 10px;
      max-width: 500px;
      border-radius: 10px;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background: rgba(255,255,255,.9);
    }
    .popup .close {
      position: absolute;
      right: 5px;
      top: 5px;
      padding: 5px;
      color: #000;
      transition: color .3s;
      font-size: 2em;
      line-height: .6em;
      font-weight: bold;
    }
    .popup .close:hover {
      color: #00E5EE;
    }
    
    .close-popup {
      background: rgba(0,0,0,.7);
      cursor: default;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      visibility: hidden;
      /* "delay" the visibility transition */
      -webkit-transition: opacity .5s, visibility 0s linear .5s;
      transition: opacity .5s, visibility 0s linear .5s;
    }
    .popup:target + .close-popup{  
      opacity: 1;
      visibility: visible;
      /* cancel visibility transition delay */
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
    }
    
    .popup .content {
        width: 260px;
        margin: 0 auto;
        margin-top: 15px;
    }
    
    .popup {
        width: 300px;
        position: fixed;
        top: 20%;
        left: 50%;
        margin-left: -150px;
        background-color: rgba(255, 255, 255, 0.95);
        padding-bottom: 30px;
        z-index: 99999;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
    }
    
    .popup h4.title, h4.title {
        font-family: 'Roboto', sans-serif;
        height: 30px;
        line-height: 30px;
        width: 100%;
        background-color: #426799;
        color: #fff;
        font-size: 1rem;
        margin: 0;
        text-indent: 15px;
    }
    
    .popup input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: solid 1px #c4c4c4;
        border-radius: 0px;
        text-indent: 10px;
    }
    
    .popup .input-label {
        color: #414141;
    }
    
    .popup .input-label {
        font-size: 0.8rem;
        color: #ae3981;
        display: block;
        margin-top: 1rem;
    }
    
    @media only screen and (min-width: 992px) {
        .popup .content {
            width: 400px;
        }
        
        .popup .content {
            width: 400px;
            margin: 0 auto;
            margin-top: 15px;
        }
    }
    .popup {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    
    .popup button {
        border-radius: 0px;
        border-color: #426799;
    }
    .popup .btn-login {
        background-color: #426799;
        width: 100%;
        margin-top: 1rem;
        color: #fff;
    }
    button {
        border: none;
        cursor: pointer;
    }
    button, input, optgroup, select, textarea {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    }
    .popup .warning {
        font-size: 1rem;
        color: red;
        display: block;
        margin-top: 1rem;
        text-align: center;
    }
    .validate {
        width: 100%;
        height: 47px;
        line-height: 40px;
        border: 1px solid #bdbebf;
        border-radius: 4px 4px 0 0;
        text-indent: 10px;
    }
    .popup .btn-fb-reg {
        background-color: #00CD00;
        width: 100%;
        margin-top: .69rem;
        color: #fff;
        height: 40px;
    }
    .popup p.p-login img {
        width: auto;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        border: none;
    }
    .popup button.btn-close-popup {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background-size: 500% auto;
        text-indent: -9999px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    
    @media only screen and (min-width: 1200px){
        .popup {
            width: 600px;
            margin-left: -300px;
        }
    }
    .popup .login-split {
        height: 20px;
        text-align: center;
        display: block;
        position: relative;
    }
    .popup .login-split::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #414141;
        position: absolute;
        top: 50%;
        z-index: 0;
    }
    .popup .login-split span, .popup-share .login-split span {
        line-height: 20px;
        width: 80px;
        background-color: #fff;
        display: block;
        position: relative;
        z-index: 1;
        margin: 0 auto;
    }
    .popup button.btn-close-popup {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: #426799 url(../img/icon-pack.png) no-repeat 100% 50%;
        background-size: 500% auto;
        text-indent: -9999px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }