#paywall-modal {
   padding-right: 0 !important;
   min-width: 100%;
   min-height: 100vh;
   background-image:url('../img/back0.jpg');
   background-repeat:no-repeat;
   background-position:center;
   background-size:cover;
   color:var(--color-white);
}
    #paywall-modal .modal-dialog {
        min-width:100%;
        min-height:100vh;
        margin:0;
    }
    #paywall-modal .modal-dialog::after {
        content:'';
        background-color:rgba(0,158,163,.89);
        position:absolute;
        top:0;
        left:0;
        width:100%;
        min-height:100vh;
        z-index:0
    }
        #paywall-modal .modal-content {
            position:relative;
            z-index:1;
            background:transparent;
            border:none;
            display:flex;
            align-items:center;
            justify-content:center;
            height:100vh;
        }
            #paywall-modal .modal-header {
                border:none;
                padding:0;
                width:100%;
                display:flex;
                align-items:center;
                justify-content:center;
            }
                #paywall-modal .brand {
                    background-image:url('../img/logo_vivoenforma.svg');
                    background-size:contain;
                    background-position:center center;
                    background-repeat:no-repeat;
                    width:100px;
                    height:50px;
                    margin-top:15px
                }
                #paywall-modal .close {
                    opacity:1;
                    position:relative;
                    width: 50px;
                    height: 50px;
                    top:20px;
                    position:absolute;
                    right:30px
                }
                #paywall-modal .close::after,
                #paywall-modal .close::before {
                  position:absolute;
                  content:'';
                  right:0;
                  left:0;
                  bottom:0;
                  margin:auto;
                  height:30px;
                  width:3px;
                  background-color:var(--color-white);
                }
                #paywall-modal .close::after {
                    -webkit-transform:rotate(-45deg);
                    transform:rotate(-45deg);
                }
                #paywall-modal .close::before {
                    -webkit-transform:rotate(45deg);
                    transform:rotate(45deg);
                }
            #paywall-modal .modal-body {
                width:100%;
            }
                #paywall-modal .modal-body h3 {
                    font-size:18px;
                    font-weight:var(--bold);
                    margin-bottom:1rem;
                }
                    #paywall-modal .modal-body h3 > strong {
                        font-weight:var(--black);
                    }
               #paywall-modal .modal-body .text-acceder {
                  font-weight:var(--black);
                  margin-top:1rem;
                  text-shadow:var(--shadow);
                  -webkit-text-shadow:var(--shadow);
               }
                #paywall-modal .modal-body .steps {
                    width:100%
                }
                    #paywall-modal .modal-body .steps .form-control {
                        width:100%
                    }
                       #paywall-modal .modal-body .steps .form-control:focus {
                          outline: 0;
                          box-shadow:none;
                       }
                    #paywall-modal .modal-body .steps .btn-custom {
                        min-width:100%;
                        margin-top:.5rem;
                    }
                    #paywall-modal .modal-body .steps .form-group {
                        margin-bottom:0;
                    }
                #paywall-modal #step1 .form-group.row {
                    display:flex;
                    align-items: center;
                    justify-content: center;
                    width:100%;
                    flex-wrap: nowrap;
                    margin-left: 0;
                    margin-right: 0;
                }
                    #paywall-modal #step1 .form-group.row label {
                        color:var(--color-dark);
                        background-color:var(--color-white);
                        height:calc(2.25rem +2px);
                        width: 22% !important;
                        margin:0;
                        border-radius:.25rem;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                        border:0;
                    }
                    #paywall-modal #step1 .form-group.row .form-control {
                        color:var(--color-dark);
                        background-color:var(--color-white);
                        width:100%;
                        margin:0;
                        border-top-left-radius:0;
                        border-bottom-left-radius: 0;
                        border:0;
                    }
            #paywall-modal .modal-footer {
                border:none;
            }
               #paywall-modal .modal-footer .btn-link {
                  color:var(--color-white);
                  border-bottom:1px solid var(--color-white);
               }
               #paywall-modal .modal-footer .tyc {
                  color:var(--color-white);
               }