iframe #frmIndexPaywall {
    margin-top: 1rem !important;
}
/*xsense*/
.xsense-paywall-mrg {
    margin: 2rem auto;
}
/*Suscripción*/
img.ico-Shopbag {
    width: 18px;
    margin-right: 5px;
    margin-top: -5px;
}

.contentPWitem h3 {
    font-size: 16px;
    text-align: center;
    margin: 3rem 0rem 1rem;
}

.contentPWitem {
    position: relative;
    font-family: 'Roboto', sans-serif;
}

.bannerPw {
    border: 1px solid #e6e6e6;
    padding: 1rem;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    background-image: url(/img/paywall/bgpw.png);
    margin-bottom: 1rem;
}

.magazine {
    display: block;
    margin: 2rem auto;
    background-image: url(/img/paywall/bgpw.png);
    margin: 2rem 1rem 1rem;
    overflow: auto;
    padding: 10px 0px;
    position: relative;
}

.md-content .documentPaywall .magazine p {
    width: 100%;
    margin: 0px;
    text-align: left;
    font-size: 20px;
}

    .md-content .documentPaywall .magazine p strong {
        font-size: 12px
    }

#contentInfinite .ContentArticuloOpinion .bannerPw p, .infograph .bannerPw p, .articuloOpinion .bannerPw p {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.2;
    padding-top: 70px;
    padding-right: 40px;
}

.bannerPw a:focus {
    color: #fff;
}

.opPw {
    width: 100%;
    height: 67px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* position: absolute; */
    margin-top: -88px;
}

.btSuscripcionPW {
    width: 100%;
    padding: 15px 0px;
    background-color: #ff8a00;
    color: #fff;
    display: block;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

    .btSuscripcionPW:hover {
        background-color: #333;
        color: #fff;
    }

.btLoginPw {
    width: 100%;
    padding: 15px 0px;
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
}

    .btLoginPw:hover {
        background-color: #333;
        color: #fff;
    }

a.suscriptionStore {
    font-weight: 600;
    border: 2px solid #3F832C;
    padding: 8px;
    color: #3F832C !important;
}

.dinero-header .linkT li.suscripcion:after {
    content: "";
}

div#divHeaderProfile ul {
    margin-top: 0.9rem;
    margin-bottom: 10px;
}

div#recordarContrasena .btnModal span {
    color: #666 !important;
    text-transform: uppercase;
}

ul.off-canvas-list li.suscribase {
    background: #3F832C;
}

    ul.off-canvas-list li.suscribase a {
        color: #fff !important;
        padding-left: 2rem;
    }

        ul.off-canvas-list li.suscribase a:hover {
            background: #2d621e;
        }

    ul.off-canvas-list li.suscribase img {
        width: 13px;
        float: left;
        padding-top: 17px;
        margin-left: 11px;
    }
/*REgistro portal */
hr.registerLine {
    border: 1px solid #ccc;
    width: 30px;
    margin: 1rem auto 0;
}

#registroModal .left.habeas.terminosRegister {
    margin-top: 1rem;
}

    #registroModal .left.habeas.terminosRegister a {
        text-decoration: none;
    }

/*Fin registro portal*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: transparent;
}

.paywallmeteredinput input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: white;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button:hover, button:focus, .button:hover, .button:focus {
    outline: none;
}

.blockContent {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}

p.loginModal {
    width: 66%;
    margin: auto;
}

.registerPaywall div#valInfoLogin {
    padding: 0;
    width: 100%;
}

.md-modal .registerPaywall .alertBoxModal {
    height: 25px;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
/*------------------------------- candado -------------------------*/
a.lockArticle:after {
    content: " ";
    background-image: url(/img/keyPwll.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: contain;
    font-size: 1.3rem;
    opacity: .5;
    padding-left: 1rem;
    margin-left: 0.5rem;
}
/*Close modal ------------------*/
a.closeModal {
    position: absolute;
    font-size: 1.5rem;
    color: #ccc;
}

.md-content a.closeModal#lnkCloseModal {
    right: -10px;
    top: -10px;
    z-index: 8;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
}

    .md-content a.closeModal#lnkCloseModal .md-close {
        position: absolute;
        line-height: 1.6;
        margin-left: 7px;
        font-size: 1.25rem;
    }

.md-content a.backHomeLnk {
    z-index: 9;
    position: absolute;
    right: -3px;
    top: -4px;
    color: #b3b3b3;
    font-size: 22px;
    background: #fff;
}


    .md-content a.backHomeLnk i.icon-house {
        float: right;
        line-height: 1.7;
        margin-right: 7px;
    }
/* -------- Sesion ---------*/
form#frmBlockingPrintedEditionLogin {
    margin: 0;
}

#modalLoginPrinted.md-modal {
    max-width: 400px;
    padding: 1rem;
}

#modalLoginPrinted .sesionPaywall .txt-lector {
    background: #f4f4f461;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    height: 100%;
    position: relative;
}

    #modalLoginPrinted .sesionPaywall .txt-lector .txt-lectorMedium {
        position: absolute;
        display: block;
        top: 50%;
        margin-top: -180px;
        padding: 3rem;
    }

.md-content .sesionPaywall .logm2 p.title {
    padding-bottom: 1.125rem;
    margin-top: 10px;
}

.sesionPaywall a, .documentPaywall a, .registerPaywall a {
    color: #000000;
    transition: .4s all ease;
    cursor: pointer;
}

    .sesionPaywall a:hover, .documentPaywall a:hover {
        color: #5d5d5d;
    }

#modalLoginPrinted .sesionPaywall .txt-lector p {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #3b3b3b;
}

    #modalLoginPrinted .sesionPaywall .txt-lector p.title strong {
        font-size: 1.3125rem;
    }

#modalLoginPrinted .sesionPaywall .txt-lector hr.lineLector {
    border: 1.5px solid #494949;
    width: 20px;
    margin: 0px -5px 1rem;
}

#modalLoginPrinted .sesionPaywall .helpSignwall p {
    font-size: 12px;
}

#modalLoginPrinted .sesionPaywall p.helpTitle {
    margin-bottom: 0rem;
    color: #000;
}

.helpSignwall hr {
    border: 0.5px solid #ccc;
    margin: 12px 0;
}

/*Fin lector */
#modalLoginPrinted .sesionPaywall .ingresoCuenta p {
    font-size: 14px;
    margin: 1.25rem 0 1.75rem;
    color: #4d4d4d;
}

#modalLoginPrinted .sesionPaywall .ingresoCuenta .groupPaywall {
    margin-bottom: 1.5rem;
    position: relative;
}

.infoContacto {
    font-size: 12px;
    line-height: 1.3;
    color: #4c4c4c;
}

#modalLoginPrinted .sesionPaywall .ingresoCuenta .groupPaywall.passwordForm {
    margin-bottom: 0.5rem;
}

.boxRF a.olvidoContrasena {
    font-style: initial;
    font-size: 12px;
    color: #3F832C;
    text-decoration: underline;
}

    .boxRF a.olvidoContrasena:hover {
        color: #000;
    }

.reveal-modal-bg {
    background: rgba(255, 255, 255, 0.8);
}

#modalLoginPrinted .sesionPaywall .ingresoCuenta button.btnModal.btn-sesion {
    display: block;
    margin: 1.25rem auto 0rem;
    width: 100%;
    border: 1px solid #ccc;
    color: #666 !important;
    font-size: 13px;
    height: 47px;
    background-color: #fff;
    line-height: 2;
}

    #modalLoginPrinted .sesionPaywall .ingresoCuenta button.btnModal.btn-sesion:hover {
        background-color: #f9f9f9;
    }

.btn-5a:hover:before {
    top: 6px;
}

.btnModal {
    display: block;
    margin: 1.5rem auto 0rem;
    width: 100%;
    border: 1px solid #ccc;
    color: #666 !important;
    font-size: 13px;
    height: 45px;
    background-color: #fff;
    margin-bottom: 1rem;
}

a.register {
    text-decoration: underline;
}

.md-content .copyPaywall {
    font-size: 1rem;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 0;
}

#modalLoginPrinted .sesionPaywall p.copyPaywall {
    font-size: 0.875rem;
    margin-bottom: 18px;
    margin-top: 0px;
}

    #modalLoginPrinted .sesionPaywall p.copyPaywall a {
        color: #3F832C;
    }

        #modalLoginPrinted .sesionPaywall p.copyPaywall a:hover {
            color: #000;
        }

a.homeLinkPaywall {
    color: #000;
    font-size: 1rem;
    text-decoration: underline;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-style: italic;
}

    a.homeLinkPaywall:hover {
        color: #616161;
    }

input[type="checkbox"] + label, input[type="radio"] + label {
    margin-right: 0;
    margin-left: 0;
}

select:focus {
    outline: none;
}

#MessageLoginUser .alert-box.info {
    text-align: center;
    margin-top: 0.5rem;
    color: #fff;
    background: #000000;
}
/*Modal Blur*/
div#ConfirmarCorreo {
    background: #ffffff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    -moz-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
}

.or {
    border-top: 1px solid #ccc;
    text-align: center;
    margin: 1.9em 0 1.7em;
    position: relative;
}

    .or span {
        display: inline-block;
        position: absolute;
        top: -0.93em;
        left: 44%;
        width: 12%;
        text-align: center;
        background: #fff;
        color: #666;
        font-weight: 700;
        font-size: 1rem;
        text-transform: uppercase;
    }

magazine {
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 400px;
    min-width: 320px;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 1rem;
    height: auto;
    z-index: 99999999;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    -moz-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
}

.md-show {
    visibility: visible;
}

#modalPaywallStore iframe {
    display: none;
    width: 100%;
    height: 100%;
}

#modalPaywallStore.md-show iframe {
    display: block;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 9999999;
    opacity: 0.8;
    background: rgba(255,255,255,0.8);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.md-show ~ .md-overlay {
    visibility: visible;
}
/* Individual modal styles with animations/transitions */
/* Effect 16:  Blur */




.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
/*-------------- Modal 1 --------------*/
.md-content .sesionPaywall p, .md-content .documentPaywall p, .md-content .registerPaywall p {
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

.btn-5:active:before {
    color: #4d4d4d;
}

#modalLoginPrinted .sesionPaywall h3 {
    font-size: 1.4375rem;
    margin: 0;
}

    #modalLoginPrinted .sesionPaywall h3 span {
        font-weight: lighter;
    }

/* ----------------------------------------- Animaciones modal ------------------------------*/

.animated {
    animation-duration: .4s;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

/* ----------------------------------------- Fin animaciones modal ------------------------------*/

/* -- Redes sociales ---*/
#modalLoginPrinted .sesionPaywall .optionCheck.padCheckS {
    padding-bottom: 0;
    position: relative;
}


.md-modal .form-login {
    position: relative;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.md-content .btn {
    padding: 0.7rem 1rem;
    display: inline-flex;
    position: relative;
    transition: 0.5s all ease;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    height: 48px;
    margin-right: 1rem;
    color: #fff;
}

    .md-content .btn i {
        padding-right: 0.5rem;
    }

.btn.login-facebook {
    background: #3d5a99;
    text-align: center;
    display: inline-table;
}

.md-content .btn.login-facebook:hover {
    background: #4d679f;
    cursor: pointer;
}

.md-content .btn.login-google:hover {
    background: #f25b4b;
    cursor: pointer;
}

/*.md-content .btn.login-facebook span::before {
    content: ' ';
    height: 48px;
    width: 1px;
    top: 0;
    left: 3.4rem;
    background: #4d679f;
    display: block;
    position: absolute;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(53,82,146,1);
    -moz-box-shadow: 1px 0px 0px 0px rgba(53,82,146,1);
    box-shadow: 1px 0px 0px 0px rgba(53,82,146,1);
}*/

.btn.login-google {
    background: #d4402b;
    margin: 0;
    text-align: center;
    display: inline-table;
    margin-top: 6px;
}

/*.md-content .btn.login-google span::before {
    content: ' ';
    height: 48px;
    width: 1px;
    top: 0;
    left: 3.4rem;
    background: #f25b4b;
    display: block;
    position: absolute;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(224,67,50,1);
    -moz-box-shadow: 1px 0px 0px 0px rgba(224,67,50,1);
    box-shadow: 1px 0px 0px 0px rgba(224,67,50,1);
}*/

.md-content .btn span {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    text-transform: initial;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
}

.login-redes {
    position: absolute;
    top: 50%;
    margin-top: -80px;
}
/*Print edition*/
.sesionPaywall .PrintEditionAlert, .sesionPaywall .row.infoAlert.bannerSuscription {
    margin: 0;
}

.sesionPaywall .PrintEditionAlert {
    margin-top: 1rem;
}

.row.infoAlert.bannerSuscription {
    margin: 1rem 0.9375rem 0;
}

#frmBlockingPrintedEditionLogin .optionCheck .checkRegister a.footer-p.related-link {
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4c4c4c;
}

#frmBlockingPrintedEditionLogin .optionCheck .checkRegister {
    width: 92%;
    text-align: left;
    line-height: 1.1;
    margin: 0rem;
    margin-left: 24px;
    margin-top: -3px;
}

.md-modal input[type="checkbox"] + label.checkRegister {
    margin-left: 1.5rem;
    line-height: 1.2;
}

div#mensajeModal.small.reveal-modal {
    min-width: 400px;
    width: 400px;
    background: #ffffff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    -moz-box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94);
    /* box-shadow: 0px 10px 26px -13px rgba(0,0,0,0.94); */
}
/*-- Formulario --*/

.md-modal input[type="email"], .md-modal input[type="password"], .md-modal input[type="number"], .md-modal input[type="text"] {
    box-shadow: none;
    border: 1px solid #edecec;
    height: auto;
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    background-color: #f4f4f4;
    padding: 10px;
}

    .md-modal input[type="email"]:focus, .md-modal input[type="password"]:focus, .md-modal input[type="number"]:focus, .md-modal input[type="text"] {
        border-color: none !important;
        outline: none !important;
        box-shadow: none !important;
        background-color: #f4f4f4
    }

button#pay-btnsubmit {
    margin-top: 0.5rem
}
/* ---------------------------- CHECKBOX ----------------------------*/
.md-modal input[type="checkbox"] {
    box-shadow: 0 0 0 0 #3F832C inset, 0 0 0 2px #666666 inset, 0 0 0 8px #ffffff inset, 0 0 0 0 #ffffff inset, 0 0 0 0 #ffffff;
    transition: all .2s;
}

    .md-modal input[type="checkbox"]:active {
        box-shadow: 0 0 0 0 #3F832C inset, 0 0 0 2px #666666 inset, 0 0 0 0 #ffffff inset, 0 0 0 8px #ffffff inset, 0 0 0 12px #ffffff;
    }

    .md-modal input[type="checkbox"]:checked:active {
        box-shadow: 0 0 0 8px #3F832C inset, 0 0 0 0 #666666 inset, 0 0 0 8px #ffffff inset, 0 0 0 12px #ffffff inset, 0 0 0 8px #ffffff;
    }

    .md-modal input[type="checkbox"]:checked {
        box-shadow: 0 0 0 8px #3F832C inset, 0 0 0 0 #666666 inset, 0 0 0 8px #ffffff inset, 0 0 0 0 #ffffff inset, 0 0 0 0 #ffffff;
    }

.md-modal .sesionPaywall .optionCheck.padCheckS input[type="checkbox"] {
    position: absolute;
    left: 0rem;
}
/* --------------------------- FIN CHECKBOX ----------------------------*/

.md-modal input[type="checkbox"] + label, .md-modal input[type="radio"] + label {
    vertical-align: top;
}

.groupPaywall.cdS {
    float: none
}

#frmModalSubscriptionValidation .groupPaywall {
    position: relative;
    float: left
}

.groupPaywall:first-child {
    position: relative;
    margin-bottom: 35px;
}

input.inputForm {
    font-size: 16px;
    padding: 10px 10px 5px 0px;
    -webkit-appearance: none;
    display: block;
    color: #000000;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    margin-bottom: 0;
}

    input.inputForm:focus {
        outline: none;
        box-shadow: none;
        background: #fff;
    }


/* Label */

label.labelForm {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 9px;
    top: 12px;
    transition: all 0.2s ease;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}


/* active */

input.inputForm:focus ~ label, input.inputForm.used ~ label.labelForm {
    top: -20px;
    left: 0px;
    font-size: 13px;
    color: #4c4c4c;
}

input.inputForm.mailInput:focus ~ label, input.inputForm.mailInput.used ~ label.labelForm {
    left: 0px;
}

input.inputForm:focus ~ label, input.inputForm:valid ~ label.labelForm {
    top: -18px;
    color: #b5b5b5;
    left: 0px
}
/* Underline */
.bar {
    position: relative;
    display: block;
    width: 100%;
    height: 0.5px;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #000000;
        transition: all 0.2s ease;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }


/* active */

input.inputForm:focus ~ .bar:before, input.inputForm:focus ~ .bar:after {
    width: 50%;
}

/* Highlight */

.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active */

input.inputForm:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}

/* Animations */

@keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.md-modal .alert-box.info {
    color: #4c4c4c !important;
}

.md-modal .alertBoxModal .alert-box.warning, .md-modal .alertBoxModal-2 .alert-box.warning, .md-modal .alert-box.info {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    margin: 0;
    color: #d22224;
    text-align: center;
    line-height: 1.2;
    top: 5px;
}

.alert-box .close {
    top: 25%;
}

.md-modal .alertBoxModal, .md-modal .alertBoxModal-2, .md-modal .alert-box.info, .alert-box.warning {
    height: 23px;
}

/*Remember and forget*/
.boxRF {
    font-size: 14px;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    line-height: 1.3;
    cursor: pointer;
}

    .boxRF a {
        font-weight: 400;
        text-align: right;
        display: block;
        color: #000000;
    }


a.btn-sesion {
    background: #333;
    padding: 0.8rem 1rem;
    margin: 2rem auto 0.5rem;
    display: table;
    color: #fff;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    transition: 0.5s all ease;
    cursor: pointer;
}

    a.btn-sesion:hover {
        color: #fff;
        background: #000000 !important;
        transition: 0.5s all ease;
    }
/* ------------------------Password Forget Modal --------------------*/
#mensajeModal .ContrasenaSemana {
    text-align: center;
    padding: 1rem 1rem 0;
    background-color: #fff;
}

button.btnModal:hover, button.btnModal:focus {
    background-color: #f9f9f9;
}

#mensajeModal .ContrasenaSemana h2 {
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 1rem;
}

div#confirmdiv {
    height: 27px;
}

.InicioSesion .ContrasenaSemana input.inp-txt-1 {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    box-shadow: none;
    border: 1px solid #edecec;
    height: auto;
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    background-color: #f4f4f4;
    padding: 10px;
}

.InicioSesion .ContrasenaSemana #confirmdiv .alert-box.warning {
    color: #c40c1e !important;
    border-color: #fff;
    margin-top: 0.5rem;
    padding: 0;
    margin: 0;
    background: transparent;
}

.ContrasenaSemana #confirmdiv .alert-box.info {
    background-color: transparent;
    border-color: transparent;
    color: #4f4f4f;
}

#ConfirmarCorreo .ContrasenaSemana {
    text-align: center;
    padding: 3.5rem 0rem;
    background-color: #fff;
}

#ConfirmarCorreo span.correoUser {
    color: #3F832C !important;
}

#ConfirmarCorreo .textConfirmarCorreo {
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #9E9E9E;
}

#ConfirmarCorreo .ContrasenaSemana span.confirmar {
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.registerPaywall .alert-box .close {
    right: -10px;
}
/* ------------------------FIN Password Forget Modal --------------------*/
/*Email confirmation */
#modalemailConfirmation.md-modal {
    max-width: 550px;
}
/*Fin email confirmation*/
#modalSubscriptionValidation .groupPaywall:first-child {
    margin-bottom: 0px;
    margin-right: 10px;
}

#modalSubscriptionValidation.md-modal .documentPaywall .separate::after {
    height: 160px;
}

#modalSubscriptionValidation.md-modal .documentPaywall .separate::before {
    margin-top: 60px;
}
/* ---------------- Document ----------------*/
.documentPaywall input.inputForm:focus ~ label, .documentPaywall input.inputForm.used ~ label.labelForm {
    left: 0px;
}

#modalSubscriptionValidation .md-content a.backHomeLnk {
    top: -22px;
}


.md-content .documentPaywall p {
    width: 80%;
    margin: 0.5rem auto 2rem;
}

#frmModalSubscriptionValidation .groupPaywall .bar {
    width: 122%;
}

frmModalSubscriptionValidation .groupPaywall {
    float: left;
}

#modalSubscriptionValidation p.infoContacto {
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 1.5rem;
}

.groupPaywall.cdS {
    margin-right: 0px !important;
}

.documentPaywall .btn-sesion {
    display: block;
    margin: 0.5rem auto 0rem;
    width: 100%;
    border: 1px solid #ccc;
    color: #666 !important;
    font-size: 13px;
    height: 45px;
    background-color: #fff;
    line-height: 1.8;
}

.documentPaywall button.btnModal.btn-sesion {
    margin: 0.5rem auto 0;
}
/*Linea separadora*/
.md-modal#modalSubscriptionValidation .separate {
    text-align: center;
    position: absolute;
    left: 41.5%;
}

    .md-modal#modalSubscriptionValidation .separate::before {
        content: ' o ';
        display: block;
        height: 30px;
        width: 30px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        position: absolute;
        margin-top: 60px;
        z-index: 2;
        left: 37%;
    }

    .md-modal#modalSubscriptionValidation .separate::after {
        content: '';
        display: block;
        height: 160px;
        width: 1px;
        background: #ccc;
        position: absolute;
        left: 50%;
        top: 50%;
    }


/* ---------- Banner  -------------*/


.bannerSuscription {
    background: url(../img/paywall/textureBanner.png) no-repeat;
    background-position: 0% 0%;
    overflow: auto;
    background-color: #f5f5f5;
    background-size: cover;
    left: 110px;
}

.copybanner.bannerSuscription p {
    padding-top: 1rem;
}

.PrintEditionAlert .infoAlert p {
    color: #4c4c4c;
    font-size: 0.9375rem;
    margin: 0.5rem auto;
}

.PrintEditionAlert .infoAlert .icon-alert {
    font-size: 2rem;
    padding-top: 1rem;
    text-align: center;
    color: #333;
}

.PrintEditionAlert .infoAlert button.btn-suscription {
    width: 95px;
    font-size: 1rem;
    background: transparent;
    color: #4c4c4c;
    padding: 0.5rem;
    margin: 20px auto;
    border: 2px solid #4c4c4c;
    font-weight: bold;
}

    .PrintEditionAlert .infoAlert button.btn-suscription:hover {
        background: #4c4c4c;
        color: #fff;
    }

.bannerSuscription-2 {
    position: relative;
    width: 32%;
}

    .bannerSuscription-2 img {
        position: absolute;
        top: -47px;
        left: 0;
        z-index: 3;
    }

.copybanner.bannerSuscription {
    width: 510px;
    position: relative;
}

button.btnModal.btn-sesion {
    display: block;
    margin: 1.5rem auto 0;
}

.btnModal.btn-5 span {
    line-height: 1.5;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    text-transform: initial;
    font-size: 13px;
    font-weight: bold;
}

a.btn-suscription {
    padding: 0.5rem 1rem;
    margin: 1rem auto 1.5rem;
    display: table;
    border: 3px solid #fff;
    color: #fff;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    transition: 0.5s all ease;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
}

.documentPaywall .magazine a:hover {
    background: #fff;
    color: #000000;
    cursor: pointer;
}
/*-------------- Banner infoAlert print edition --------------------*/
/*.goHome {
    padding: 1rem 2rem;
    background: #fff;
}*/

.goHome .btn-home:hover, .goHome .btn-home:focus {
    background: #fff;
}

.PrintEditionAlert {
    display: table;
    height: 70px;
    margin: 1rem 0 0;
}

.magazine.infoAlert.bannerSuscription {
    overflow: hidden;
    left: 0;
    width: 100%;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

.infoAlert .icon-alert {
    color: #fff;
    font-size: 2rem;
    text-align: center;
}

.magazine.infoAlert.bannerSuscription p {
    font-size: 14px;
    padding: 0;
}

.magazine.infoAlert.bannerSuscription .btn-suscription {
    font-size: 14px;
    margin: 0 auto;
    display: block;
}
/*-------------- Fin Banner infoAlert print edition --------------------*/
/* --------- Register -------------*/
#modalRegisterPaywall.md-modal {
    max-width: 400px;
}

#modalRegisterPaywall.md-modal {
    padding: 1rem;
}

.reveal-modal, dialog {
    top: 6.25rem;
}

#divPaywallFacebook {
    top: 0 !important;
}

.registerPaywall .groupPaywall {
    margin-bottom: 25px;
    position: relative
}

.md-content .registerPaywall p {
    margin-bottom: 1.5rem;
}

.registerPaywall .groupPaywall:last-child {
    margin-bottom: 1.25rem;
}

.registerPaywall input[type="checkbox"] + label, .registerPaywall input[type="radio"] + label {
    width: 90%;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4c4c4c;
}

.registerPaywall .groupPaywall:last-child {
    margin-bottom: 1.25rem;
}

#modalRegisterPaywall input#chkTermns1, #modalRegisterPaywall #chkNewsletter1 {
    margin-top: 2px;
    position: absolute;
}

.optionCheck {
    padding-bottom: 0.5rem;
}

#frmBlockingPrintedEditionLogin hr.lineIngresoCuenta {
    border: 1px solid #4c4c4c;
    width: 30px;
    margin: 0rem auto 1rem;
}

.registerPaywall button.btnModal.btn-sesion {
    display: block;
    margin: 1rem auto 0rem;
    width: 100%;
    border: 1px solid #ccc;
    color: #666 !important;
    font-size: 13px;
    height: 45px;
    line-height: 2;
    background-color: #fff;
}

a.back-modal {
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
    color: #b5b5b5;
    position: absolute;
    font-family: 'dinero' !important;
}

    a.back-modal:hover {
        color: #000;
    }

.documentPaywall .bannerSuscription .btn-suscription {
    padding: 0.3rem 1rem;
    margin: 0.8rem auto;
    display: table;
    border: 3px solid #e1e1e1;
    color: #222;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    transition: 0.5s all ease;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    background: rgb(245, 245, 245);
}

    .documentPaywall .bannerSuscription .btn-suscription:hover {
        background: rgb(229, 229, 229);
    }
/* ------------------- Confirmation -------------------------*/
.emailConfirmation h2.nameUser {
    text-align: center;
    font-weight: bold;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.emailConfirmation p.verificacionCorreo {
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 0 3rem;
}

.emailConfirmation .contentRedesModal {
    text-align: center;
    margin-top: 1rem;
}
/* ------------ Suscripcion -------------------*/
.md-select {
    position: absolute;
    right: 0;
    display: block;
    margin: -4px 0 8px 0;
    padding-bottom: 2px;
    min-width: 120px;
}

#paquetes .md-select button {
    margin: 0rem;
}
/*Select*/
.md-select *, .md-select :after, .md-select :before {
    box-sizing: border-box;
}

.md-select [type=button] {
    background: none;
    border: 1px solid #CCCCCC;
    color: rgba(0, 0, 0, 0.73);
    cursor: default;
    display: block;
    line-height: 48px;
    padding: 0px 0 1px 10px;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 100%;
    z-index: 1;
    outline: none;
    overflow: hidden;
}

    .md-select [type=button]:focus, .md-select [type=button]:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    .md-select [type=button]:after {
        content: '\25be';
        float: right;
        padding-right: 10px;
    }

.md-select ul[role=listbox] {
    background-color: white;
    cursor: default;
    list-style: none;
    line-height: 26px;
    overflow: hidden;
    margin: 0;
    max-height: 0;
    position: absolute;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

    .md-select ul[role=listbox] li {
        height: 48px;
        margin: 0;
        padding: 10px 16px;
        outline: none;
        overflow: hidden;
    }

        .md-select ul[role=listbox] li:focus, .md-select ul[role=listbox] li:hover, .md-select ul[role=listbox] li.active {
            background: transparent;
        }

.md-select.active ul {
    max-height: 310px;
    overflow: auto;
    padding: 8px 0 16px 0px;
    z-index: 8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*Fin select*/
.suscriptionPaywall .title-promo {
    color: #ff8a00;
    padding: 1rem;
    font-size: 1.25rem;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-weight: bold;
    background: #fff;
    position: relative;
    display: table;
}

.promo img {
    margin: 0 auto;
    display: block;
}

.promo {
    position: relative;
    display: block;
    margin-bottom: 2.5rem;
}

    .promo:before {
        content: '';
        border: 1px solid #ccc;
        position: absolute;
        width: 107%;
        height: 100%;
        top: 1.7rem;
        left: -1rem;
    }

.suscriptionPaywall a.homeLinkPaywall {
    padding-top: 2rem;
}

.suscriptionPaywall .title {
    padding-top: 1.5rem;
}

.suscriptionPaywall .md-content {
    height: 429px;
    overflow: hidden;
}

.md-modal.suscriptionPaywall {
    position: fixed;
    top: 214px;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    height: 430px;
    overflow: hidden;
}

.suscriptionPaywall .title p {
    text-align: center;
    font-size: 1.875rem;
    line-height: 1.3;
}

.wrapper h3 {
    font-size: 1rem;
    font-weight: bold;
}

.contentPaquete .wrapper {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
}

#subscriptionAccordion img.penEditor {
    width: 18px;
    position: absolute;
    right: 0;
    top: 14px;
}
/* -------------- STORE --------------*/
#modalPaywallStore .md-content a.backHomeLnk {
    right: 30px;
    top: 10px;
}
/* -------------------   ----------------------------*/
/*BTN*/
.suscriptionPaywall button:hover, .suscriptionPaywall button:focus, .suscriptionPaywall .button:hover, .suscriptionPaywall .button:focus {
    background: #ff8a00;
}
/* ------------------- Accordeon suscription Alert  ----------------------------*/

div#modalSubscriptionCodeAlert {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999;
}

.alertAccordion .btn-sesion {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    background: #333;
}

.accordion.alertAccordion .accordion-navigation > a {
    display: table;
}

.accordion.alertAccordion #noSuscription {
    padding: 0;
    background: transparent;
}

.accordion.alertAccordion input[type="number"]:focus {
    border-bottom: 1px solid #000;
}

.accordion.alertAccordion .blueBack {
    background: #333;
    color: #fff;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    padding: 27px 0px;
}

#noSuscription input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 0rem 0;
    border: none !important;
}

.accordion.alertAccordion .normalBack {
    background: #ffffff;
    color: #333333;
    font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    padding: 1rem 1rem 0px;
    border: 1px solid #ccc;
    border-left-color: transparent;
}

.accordion.alertAccordion .icon-alert {
    display: table;
    font-size: 2rem;
    float: left;
    padding-right: 1rem;
}

.accordion.alertAccordion .copy-alert {
    font-size: 14px;
    line-height: 1.3;
    font-weight: lighter;
    letter-spacing: 1px;
    text-align: center;
}


.accordion.alertAccordion .groupPaywall:first-child {
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

.accordion.alertAccordion input.inputForm.used ~ label.labelForm {
    top: -9px;
    left: -6px;
    font-size: 17px;
}

.accordion.alertAccordion input.inputForm {
    font-size: 16px;
    padding: 10px 10px 5px 5px;
}

.alertAccordion a.btn-sesion {
    margin: 0 auto;
    padding: 0.8rem 1.5rem;
}

.alertAccordion label.labelForm {
    top: 10px;
}

.alertAccordion input.inputForm:focus ~ label {
    top: -14px;
    left: -5px;
}

.accordion .accordion-navigation, .accordion dd {
    position: relative;
}

    .accordion .accordion-navigation > a.arrowDownAccordion, .accordion dd > a.arrowDownAccordion {
        padding: 2px 10px;
        background: #fff;
        text-align: right;
        border: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        position: absolute;
        right: 15px;
        display: block;
        top: -29px;
        z-index: 3;
    }

ul.off-canvas-list li.impresa a {
    font-weight: bold;
    color: #000 !important;
}
/*---------------------------------- Fin accordeon ------------------------*/
.right-small {
    border-left: solid 1px #dadada;
    -webkit-box-shadow: -1px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: -1px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: -1px 0px 0px 0px rgba(255,255,255,1);
}
/* -------------------  Fin Home  ----------------------------*/
.header-txt1 span {
    font-size: 13px;
    text-align: center;
}

.header-txt1 {
    padding-top: 10px;
    padding-left: 0.9rem;
    font-size: 13px;
    text-align: center;
}

#divBannerHeader2 {
    display: block;
}
/* ---------------- Media Query ---------------*/
@media (max-height: 500px) {
    .registerPaywall, .sesionPaywall {
        height: 420px;
        overflow-y: scroll;
    }


    #modalRegisterPaywall .md-modal {
        height: 430px;
    }

    p.loginModal {
        width: 80%;
        margin: auto;
    }
}

@media only screen and (max-width: 471px) {
    .md-content .redesPaywall .btn {
        display: block;
        width: 100%;
        margin: 0 auto 1rem;
        text-align: center;
    }

    #frmBlockingPrintedEditionLogin div#divTransparente {
        height: 20%;
    }
}

@media only screen and (max-width: 768px) {
    #modalLoginPrinted .sesionPaywall .txt-lector .txt-lectorMedium {
        margin-top: -200px;
        padding: 2rem;
    }

    #divMenuMobile .tab-bar-section {
        padding: 0;
    }

    .off-canvas-wrap .inner-wrap .right-off-canvas-menu .topRightCanvasMenuMobile {
        position: absolute;
        height: 125px;
        left: 50%;
        margin-left: -89.30px;
        top: 50%;
        margin-top: -62.5px;
    }

    .off-canvas-wrap .inner-wrap .right-off-canvas-menu .menuRightMobileCanvas {
        height: 100%;
        position: relative;
    }

    .right-off-canvas-menu {
        -webkit-backface-visibility: hidden;
        width: 15.625rem;
        top: 0;
        bottom: 0;
        position: absolute;
        overflow-y: auto;
        background: #333333;
        z-index: 1001;
        box-sizing: content-box;
        transition: transform 500ms ease 0s;
        -webkit-overflow-scrolling: touch;
        -ms-transform: translate(100.5%, 0);
        -webkit-transform: translate3d(100.5%, 0, 0);
        -moz-transform: translate3d(100.5%, 0, 0);
        -ms-transform: translate3d(100.5%, 0, 0);
        -o-transform: translate3d(100.5%, 0, 0);
        transform: translate3d(100.5%, 0, 0);
        right: 0;
    }

    span.iconProfile {
        padding-top: 0px;
        display: inline-block;
        background: #ffc627;
    }

        span.iconProfile i {
            color: black !important;
            font-size: 1rem;
            padding: 0 14px;
            line-height: 2.5;
        }

    img.ico-Shopbag {
        width: 18px;
        margin-right: 0;
        margin-top: -3px;
    }

    a.suscriptionStore {
        font-weight: 600;
        border: none;
        padding: initial;
        color: #3F832C !important;
    }


    #contentInfinite .ContentArticuloOpinion .bannerPw p {
        padding-top: 52px;
        padding-right: 2px;
        font-size: 22px;
    }

    .btSuscripcionPW, .btLoginPw {
        font-size: 15px;
    }

    .btSuscripcionPW {
        margin-bottom: 1rem;
    }

    .usuarioSuscp .magazine:after {
        height: 200px !important;
    }

    .copyPay-Susc-autenticar {
        height: 200px;
    }

    .content-susc-pay {
        margin-top: -100px !important;
    }

    .content-mtrd-paywall {
        width: 700px;
        margin-left: -350px;
    }

    p.info-count-mtrd {
        margin-top: 0rem !important;
    }

    .contador .bloq-articulo-header .header-txt {
        padding-top: 0px;
        padding-left: 1.4rem;
    }
}

/*------------------ Medium -------------------*/
@media screen and (min-width:640px) and (max-width: 1024px) {
    span.iconProfile i {
        color: black;
        font-size: 1rem;
        padding: 0 14px;
        line-height: 2.5;
    }

    .accordion .accordion-navigation.active > a.arrowDownAccordion, .accordion dd > a.arrowDownAccordion.active {
        right: 0;
        top: -31px;
    }

    .accordion .accordion-navigation > a.arrowDownAccordion, .accordion dd > a.arrowDownAccordion {
        /*right:0*/
    }
    /*Menu mobile*/
    .topRightCanvasMenuMobile {
        position: absolute;
        height: 125px;
        left: 50%;
        margin-left: 30px;
        top: 50%;
        margin-top: -62.5px;
    }

    .menuRightMobileCanvas {
        position: fixed;
        height: 100vh;
    }

    .topRightCanvasMenuMobile ul.off-canvas-list li a {
        border-bottom: 0px solid #262626;
        text-align: center;
        padding: 0;
    }
    /*modulo verificacion*/
    .alertMod .row .row {
        margin: 0 auto !important;
    }

    ul.accordion.alertAccordion {
        left: 0;
        right: 0;
    }

    .accordion.alertAccordion .normalBack {
        padding-left: 3rem;
    }

    .accordion .accordion-navigation > a.arrowDownAccordion, .accordion dd > a.arrowDownAccordion {
        right: 0;
        left: 0;
        text-align: center;
    }

    .accordion.alertAccordion .icon-alert {
        display: block;
        float: none;
        padding-right: 0;
        text-align: center;
        padding-bottom: 0.5rem;
    }

    .accordion.alertAccordion .copy-alert {
        text-align: center;
        display: block;
    }

    .md-content .btn {
        padding: 0.7rem 1rem;
        width: 100%;
    }

        .md-content .btn.login-facebook span::before {
            left: 2.5rem;
        }

        .md-content .btn.login-google span::before {
            left: 3rem;
        }

        .md-content .btn i {
            padding-right: 0.5rem;
        }

    .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
        font-size: 1.5rem;
    }


    /*.md-modal .sesionPaywall .optionCheck.padCheckS input[type="checkbox"] {
        left: 0.5rem;
    }*/

    .md-modal .sesionPaywall .optionCheck #chkPolitics {
        left: 0.4rem;
        position: absolute;
    }
}
/*------------------Mobile ------------------- */



@media only screen and (max-width: 642px) {
    /*BAnner*/
    div#newArticleFooter {
        z-index: 9999;
    }
    /*Menu mobile*/
    ul.off-canvas-list li.impresa {
        background: #fff;
    }

    .reveal-modal .close-reveal-modal {
        z-index: 9;
        position: absolute;
        right: -13px;
        top: 14px;
        color: #b3b3b3;
        font-size: 22px;
        background: #fff;
    }

    .reveal-modal-bg {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    div#mensajeModal.small.reveal-modal {
        padding: 0rem 2rem;
    }

    .md-modal .alertBoxModal .alert-box.warning {
        top: 17px;
        position: initial;
        margin-left: 8px;
        text-align: left;
    }

    .magazine .small-4.columns {
        padding-right: 0px;
    }

    .reveal-modal, dialog {
        padding: 0.5rem;
        position: fixed;
    }

    .Mpoliticas h2 {
        font-size: 27px;
    }

    .Mpoliticas p {
        line-height: 1.3;
    }

    .Mpoliticas h3 {
        font-size: 15px;
    }

    #ajaxModal.reveal-modal {
        position: fixed;
    }

    form#frmModalSubscriptionValidation {
        margin-top: 11px;
    }

    #modalSubscriptionValidation .md-content a.backHomeLnk {
        top: -30px;
        right: -10px;
    }

    .md-content .documentPaywall p {
        font-size: 16px;
    }

    .md-content a.backHomeLnk {
        right: 0px;
    }

    .md-content .documentPaywall p {
        width: 95%;
        margin: 0.5rem auto 2rem;
    }

    #contentInfinite .ContentArticuloOpinion .bannerPw p, .infograph .bannerPw p, .articuloOpinion .bannerPw p {
        font-size: 20px;
        padding-top: 6px;
        padding-right: 0;
        margin-bottom: 0px;
    }

    .btnModal.btn-5#lnkValidateSubscriptionById span {
        line-height: 0;
    }

    .bannerPw .small-7 {
        padding-left: 0px;
    }

    .btnModal.btn-5 span {
        line-height: 2.2;
    }

    ul.off-canvas-list li.impresa a {
        font-weight: bold;
        color: #000 !important;
    }
    /*Modal*/
    .md-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 2rem;
        transform: none;
        max-width: 100% !important;
    }

    .md-content .sesionPaywall p, .md-content .documentPaywall p, .md-content .registerPaywall p {
        font-size: 18px;
    }

    .md-modal .form-login {
        padding: 0;
        height: auto;
    }

    .md-content .btn a {
        font-size: 1rem;
    }

    #modalLoginPrinted .md-content .sesionPaywall {
        height: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .md-modal p#pModalLoginPrintedTitle {
        font-size: 1rem;
    }
    /*Texto Lector*/
    #modalLoginPrinted .sesionPaywall .txt-lector p {
        margin-bottom: 0.5rem;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector p {
        font-size: 15px;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector hr.lineLector {
        margin: 0px auto 1rem;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector p {
        text-align: center;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector {
        padding: 2rem;
        margin-right: 0rem;
    }


    .login-redes {
        position: relative;
        top: 0;
        margin-top: 0;
    }

    .md-modal .sesionPaywall .optionCheck.padCheckS input[type="checkbox"] {
        left: 1.5rem;
    }

    .md-content .btn i.icon-googleplus2 {
        padding-right: 1.5rem;
    }

    .md-content .btn i.icon-facebook {
        padding-right: 2rem;
    }

    .md-content .btn.login-facebook span::before {
        height: 45px;
    }

    .md-content .btn.login-google span::before {
        height: 45px;
    }

    .md-content .btn:last-child {
        margin-bottom: 0;
    }

    .sesionPaywall .helpSignwall hr {
        border: 0.5px solid #9f9f9f;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector .helpSignwall p {
        margin-bottom: 0.5rem;
    }

        #modalLoginPrinted .sesionPaywall .txt-lector .helpSignwall p:last-child {
            margin-bottom: 0;
        }

    /*Sesion*/
    a.btn-sesion {
        margin: 2rem auto 1rem;
    }

    #modalLoginPrinted .sesionPaywall .login-mail.logm2 {
        padding-bottom: 0;
        padding-top: 0;
    }

    #modalLoginPrinted .sesionPaywall .ingresoCuenta p.copyPaywall {
        margin-bottom: 0.5rem;
    }

    input.inputForm:focus ~ label, input.inputForm.used ~ label.labelForm {
        top: -19px;
    }

    .md-content .login-mail {
        padding: 0.5rem 0;
    }

    form#frmBlockingPrintedEditionLogin {
        margin: 0;
    }

    .sesionPaywall .PrintEditionAlert .bannerSuscription {
        background-position: 0 102px;
    }
    /*lector*/
    #modalLoginPrinted .sesionPaywall .txt-lector .txt-lectorMedium {
        margin-top: 0;
        padding: 0;
        position: relative;
        display: block;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector {
        padding: 1rem;
        margin-right: 0rem;
        margin-bottom: 0;
    }
    /*infoAlert print Edition*/
    .PrintEditionAlert {
        margin-top: 0px;
    }

    #modalLoginPrinted .sesionPaywall {
        height: 560px;
        overflow: auto;
    }

    .infoAlert .icon-alert {
        padding: 0.5rem 0;
    }

    .magazine.infoAlert.bannerSuscription .btn-suscription {
        margin: 1rem auto;
    }
    /*Fin infoalert print edition*/
    /* ----- Document -----*/

    #modalSubscriptionValidation .md-content .documentPaywall p {
        margin: 0 1rem;
        padding: 0;
    }
    /*Separate*/
    .md-modal#modalSubscriptionValidation .separate {
        text-align: center;
        position: relative;
    }

    .md-modal#modalSubscriptionValidation .separate {
        left: 0%;
        margin: 1rem 0;
    }

    .md-modal#modalSubscriptionValidation .documentPaywall .separate::after {
        height: 1px;
        width: 100%;
        left: 0;
    }

    .md-modal#modalSubscriptionValidation .documentPaywall .separate::before {
        margin-top: 0;
        position: relative;
        left: 50%;
        margin-left: -25px;
    }


    .documentPaywall .document-Scpt {
        margin-top: 20px;
    }

    .documentPaywall .btn-sesion {
        margin: 1rem auto;
        height: 47px;
    }

    .documentPaywall .btn-sesion {
        padding: 0.8rem 1rem;
        margin: 1rem auto 0.5rem;
        display: table;
        color: #fff;
        font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        transition: 0.5s all ease;
        cursor: pointer;
    }
    /*Magazine banner*/
    .magazine {
        width: 91%;
        margin: 22px auto 0px;
    }


    .bannerSuscription-2 img {
        position: initial;
        top: 0;
        left: 0;
    }

    .bannerSuscription-2 {
        position: relative;
        width: 60%;
        margin: 0 auto;
    }

    #modalSubscriptionValidation .copybanner.bannerSuscription {
        background-position: right 160px;
        background-size: 160%;
        width: 100%;
        position: initial;
        margin: -11.5rem auto 0;
        overflow: initial;
    }

        #modalSubscriptionValidation .copybanner.bannerSuscription p {
            padding-top: 10rem;
        }
    /* -------- Suscription ------*/
    .md-modal.suscriptionPaywall {
        top: 0;
        left: 0;
        width: 100%;
        height: 670px;
    }

    .suscriptionPaywall .md-content {
        height: 668px;
        overflow-y: scroll;
    }

    .copyPromo {
        text-align: center;
        padding-top: 1.5rem;
    }


    .suscriptionPaywall a.homeLinkPaywall {
        padding-top: 0;
    }

    .selectionMobile {
        position: relative;
        width: 309px;
        margin: 0 auto;
    }

    /*modulo verificacion*/
    ul.accordion.alertAccordion {
        left: 0;
        right: 0;
        margin: 0;
    }

    .accordion .accordion-navigation > a.arrowDownAccordion, .accordion dd > a.arrowDownAccordion {
        right: 0;
        left: 0;
        text-align: center;
        border-bottom: 1px solid #5f5f5f !important;
        background: #333;
        box-shadow: none;
        color: #fff;
        border: 0px solid transparent;
    }

    .alertMod .row .row {
        margin: 0 auto !important;
    }

    .accordion.alertAccordion .blueBack {
        padding-bottom: 1rem;
    }

    .alertAccordion btn-sesion {
        margin: 1rem auto 0;
        padding: 0.4rem 1.5rem;
    }

    #modalSubscriptionValidation .md-content .documentPaywall p.infoContacto {
        padding-bottom: 1rem;
        margin: 1rem 0 0;
    }
    /*Metered*/
    #divAuthenticateUser h1 {
        text-align: center;
        margin-top: 1rem !important;
        font-size: 2rem;
    }

    #divAuthenticateUser hr.lineSus {
        margin: 1rem auto !important;
    }

    #divAuthenticateUser p {
        text-align: center;
    }
    /*Metered*/
    .documentPaywall.usuarioSuscp .form-document .columns.document-ID, .documentPaywall.usuarioSuscp .form-document .columns.document-Scpt {
        padding: 0;
    }


    .usuarioSuscp #frmModalSubscriptionValidation .groupPaywall .bar {
        width: 100%;
    }

    .suscription-user .documentPaywall.usuarioSuscp .btn-sesion, .suscription-user .usuarioSuscp .form-document {
        width: 100% !important;
    }

    .documentPaywall.usuarioSuscp .document-Scpt {
        margin-top: 0px;
    }

    .usuarioSuscp .magazine.bannerPw {
        margin-top: 3rem !important;
    }

    .suscription-user .usuarioSuscp .form-document .document-ID {
        margin-top: 10px;
    }

    .usuarioSuscp .magazine:after {
        width: 80% !important;
    }

    .usuarioSuscp .magazine:after {
        height: 150px !important;
    }

    #modalSubscriptionValidation .md-content .documentPaywall.usuarioSuscp p {
        margin: 0 !important;
        font-size: 1rem !important;
    }

    .copyPay-Susc-autenticar {
        height: 140px !important;
    }

    .content-susc-pay {
        margin-top: -50px !important;
        margin-left: 1rem;
    }
}

@media only screen and (max-width: 425px) {
    #modalSubscriptionCodeAlert {
        display: none;
    }


    .promo:before {
        width: 96%;
        left: 9px;
    }

    .md-content a.closeModal#lnkCloseModal .md-close {
        line-height: 1.7;
    }
    /*.md-modal p.homeLinkP {
        margin-bottom: 3rem;
    }*/
    /*Login*/
    #frmBlockingPrintedEditionLogin .redesPaywall {
        width: auto;
    }

    .md-modal .registerPaywall input[type="checkbox"] + label.checkRegister {
        margin-left: 1.5rem;
    }


    #modalLoginPrinted .sesionPaywall p#pModalLoginPrintedTitle {
        padding: 0rem 0 1rem 0.5rem;
    }

    #modalLoginPrinted .sesionPaywall h3 {
        font-size: 1.125rem;
        padding-bottom: 1rem;
        padding-top: 12px;
        width: 100%;
        margin: 0 auto;
        line-height: 1.2;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector p.title strong {
        font-size: 18px;
    }

    .md-content .login-mail {
        padding-top: 0rem;
    }

    .md-content .redesPaywall .btn {
        display: block;
        width: 100%;
        margin: 0 auto 0.5rem;
        text-align: center;
    }

    .md-content .btn.login-facebook span::before, .md-content .btn.login-google span::before {
        display: none;
    }

    .md-content .btn i.icon-googleplus2 {
        padding-right: 8px;
    }

    .md-content .btn i.icon-facebook {
        padding-right: 0.75rem;
    }

    #frmBlockingPrintedEditionLogin .optionCheck .checkRegister {
        width: 91%;
    }

    .md-modal .sesionPaywall .optionCheck.padCheckS input[type="checkbox"] {
        left: 0rem;
    }

    #modalLoginPrinted .sesionPaywall p {
        padding-top: 0;
        padding-bottom: 0;
    }

    input[type="checkbox"] + label.checkRegister {
        margin-left: 1.5rem;
    }

    #modalLoginPrinted .sesionPaywall .logm2 {
        padding-top: 0;
    }

    a.btn-sesion {
        margin: 0rem auto 1rem;
    }
    /*Contraseña*/
    #recordarContrasena .ContrasenaSemana {
        padding: 0 0.9375rem;
        margin-bottom: 2rem;
    }

    div#ConfirmarCorreo.reveal-modal {
        display: block !important;
    }

    #ConfirmarCorreo .ContrasenaSemana {
        padding: 0px 1.5rem;
        margin-top: 50%;
    }

    #ConfirmarCorreo.reveal-modal .close-reveal-modal {
        z-index: 9;
        position: absolute;
        right: 18px;
        top: 14px;
        color: #b3b3b3;
        font-size: 22px;
        background: #fff;
    }

    .row.infoAlert.bannerSuscription {
        margin-bottom: 2.5rem;
    }
    /*REgiter*/
    .registerPaywall input[type="checkbox"] + label, .registerPaywall input[type="radio"] + label {
        width: 83%;
    }

    #modalRegisterPaywall .md-content .registerPaywall .form-document {
        padding-bottom: 0.5rem;
    }
    /*Document Magazine*/
    label.labelForm.idValid {
        top: -14px;
    }

    .bannerSuscription-2 {
        width: 64%;
        margin-left: 22%;
    }


    .copybanner.bannerSuscription p i {
        display: block;
    }

    .documentPaywall .btn-sesion {
        margin: 0rem auto 1rem;
    }

    .documentPaywall {
        height: 453px;
    }
}

@media only screen and (max-width: 375px) {
    /*Close*/
    a.closeModal {
        top: -10px;
    }

    #modalSubscriptionValidation .md-content .documentPaywall .magazine p {
        margin: 0rem auto;
    }
    /*FIN Close*/
    /*Box alert*/
    .md-modal#modalLoginPrinted .alertBoxModal {
        height: 25px;
    }

    .md-modal .alertBoxModal, .md-modal .alertBoxModal-2, .md-modal .alert-box.info {
        height: 28px;
    }

    #modalLoginPrinted .sesionPaywall .optionCheck.padCheckS {
        margin-top: 18px;
    }
    /*Modal*/
    div#modalemailvalidation {
        padding: 1rem 1rem;
    }

    input.inputForm {
        font-size: 16px;
    }

    .md-modal .form-login {
        padding: 0;
    }

    .md-content .sesionPaywall p, .md-content .documentPaywall p, .md-content .registerPaywall p {
        font-size: 16px;
    }

    #modalLoginPrinted .sesionPaywall .ingresoCuenta p.copyPaywall {
        margin-bottom: 0;
    }
    /* ------- Document -------*/
    .md-modal {
        padding: 1rem 1rem 0rem;
    }


    #frmModalSubscriptionValidation .groupPaywall .bar {
        width: 110%;
    }

    .documentPaywall .groupPaywall:first-child {
        position: relative;
        margin-bottom: 15px;
    }

    .documentPaywall .document-Scpt {
        margin-top: 10px;
    }

    a.btn-sesion {
        margin: 0rem auto 1rem;
        padding: 0.5rem 1rem;
    }

    #modalSubscriptionValidation .md-content .documentPaywall p {
        margin: 1rem auto 0.5rem;
    }
    /*Magazine*/
    .md-content .documentPaywall .copybanner p {
        font-size: 1.125rem;
    }

    .bannerSuscription-2 {
        width: 71%;
    }
    /*REgister*/
    .registerPaywall input[type="checkbox"] + label, .registerPaywall input[type="radio"] + label {
        width: 77%;
    }
    /*Metered*/

    .usuarioSuscp .magazine:after {
        height: 130px !important;
    }

    .content-susc-pay {
        margin-top: -67px !important;
        margin-left: 0;
    }
}

@media only screen and (max-width: 320px) {
    #modalLoginPrinted.md-modal {
        max-width: 400px;
        padding: 1rem;
        overflow-y: scroll;
        height: 477px;
    }

    #modalSubscriptionValidation .groupPaywall:first-child {
        margin-right: 5px;
    }

    #contentInfinite .ContentArticuloOpinion .bannerPw p {
        font-size: 16px;
    }

    #frmModalSubscriptionValidation .groupPaywall .bar {
        width: 90%;
    }

    #modalSubscriptionValidation .md-content a.backHomeLnk {
        top: -16px;
        right: 16px;
    }

    div.md-modal#modalSubscriptionValidation {
        padding: 1rem 0rem 0rem;
    }


    #modalLoginPrinted .md-content .sesionPaywall {
        height: auto;
    }

    .md-content .btn {
        height: 40px;
        padding: 7px 1rem;
    }

    #modalLoginPrinted .sesionPaywall .ingresoCuenta p {
        margin: 0rem 0 1.5rem;
    }

    #modalLoginPrinted .sesionPaywall .ingresoCuenta button.btnModal.btn-sesion {
        height: 40px;
    }

    .btnModal.btn-5 span {
        line-height: 2;
        font-size: 12px;
    }

    .md-content .btn span {
        font-size: 14px;
    }

    .md-content .sesionPaywall .logm2 p.title {
        padding-bottom: 1rem;
        margin-top: 0px;
    }

    #modalLoginPrinted .sesionPaywall p.copyPaywall {
        font-size: 0.75rem;
    }

    .md-content .sesionPaywall p, .md-content .documentPaywall p, .md-content .registerPaywall p {
        font-size: 16px;
        padding-top: 0.5rem;
    }

    .md-modal input[type="email"], .md-modal input[type="password"], .md-modal input[type="number"], .md-modal input[type="text"] {
        padding: 8px;
    }

    label.labelForm {
        font-size: 12px;
        top: 11px;
    }

    a.homeLinkPaywall {
        font-size: 14px;
        margin-bottom: 3rem;
    }

    .btn-sesion {
        padding: 0.5rem 1rem;
        margin: 0.8rem auto 0;
    }

    .groupPaywall:first-child {
        margin-bottom: 20px;
    }

    .md-content .sesionPaywall .copyPaywall {
        font-size: 14px;
    }

    #modalLoginPrinted .sesionPaywall {
        height: 504px;
    }

    .PrintEditionAlert {
        margin-bottom: 1rem;
    }

    #modalLoginPrinted .sesionPaywall .txt-lector {
        padding: 1rem;
        margin-right: 0rem;
    }

    .boxRF label.rememberME {
        margin-left: 0.3rem;
    }

    #modalLoginPrinted.md-modal .alertBoxModal .alert-box.warning, #modalLoginPrinted.md-modal .alertBoxModal-2 .alert-box.warning, #modalLoginPrinted.md-modal .alert-box.info {
        padding: 0;
    }

    #modalLoginPrinted.md-modal .alert-box .close {
        margin-right: -14px;
    }
    /*Email confirmation*/
    .md-modal .linkModal {
        display: block;
    }
    /*Banner suscription*/
    .sesionPaywall .row.infoAlert.bannerSuscription {
        margin-bottom: 2.5rem;
    }
    /*------- Document -------*/
    .documentPaywall {
        height: 500px;
        overflow: scroll;
    }

        .documentPaywall a.btn-sesion {
            margin: -0.5rem auto 0.5rem;
        }

    .md-modal .documentPaywall .separate {
        margin: 0.5rem 0 1rem;
    }

    .documentPaywall .groupPaywall:last-child {
        margin-bottom: 15px;
    }

    .md-content .documentPaywall .copybanner p {
        padding-top: 9rem;
    }
    /*Suscription*/
    .magazine {
        margin-top: 10px;
    }

    .bannerSuscription-2 {
        width: 85%;
        margin-left: 12%;
    }
    /* ------- Register --------*/

    .registerPaywall {
        height: 460px;
        overflow: scroll;
    }


    .md-content .registerPaywall .form-document {
        padding: 1rem 0 0;
    }

    .registerPaywall input.inputForm:focus ~ label, .registerPaywall input.inputForm.used ~ label.labelForm {
        left: -9px;
        font-size: 16px;
    }

    a.back-modal {
        left: -11px;
        top: -9px;
    }

    .linkModal {
        margin: 0 0 0 10px;
    }

    .content-mtrd-paywall p strong {
        font-size: 18px;
        padding: 0 4px;
    }
}

.registerPaywall label.checkRegister {
    font-size: 12px;
}

.md-modal input[type="file"], .md-modal input[type="checkbox"], .md-modal input[type="radio"], .md-modal select {
    margin: 0;
}

div#divTransparente {
    height: 20%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.md-content .sesionPaywall a.closeModal {
    right: 0px;
    top: 0px;
    z-index: 9;
}
/*Contenido bloqueado*/
#divAuthenticateUser button.btn-sesion {
    width: 200px;
    margin: 0 0 1rem;
}

#divAuthenticateUser hr.lineSus {
    margin: 0rem 0 1.25rem;
    border: 2px solid #3F832C;
    width: 40px;
}

#divAuthenticateUser {
    margin-bottom: 2rem;
}

p.copyPaywall.btn-register-imp {
    font-size: 15px;
}

#divAuthenticateUser h1 {
    margin-top: 0;
}
/*metered paywall*/
p.info-count-mtrd {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0rem;
    margin-top: 3.5rem;
}

span.sep-mtrd {
    padding: 0 10px;
}

content-mtrd-paywall {
    width: 100%;
    /* height: 40px; */
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #e8e8e8;
    display: block;
    /* left: 50%; */
    /* margin-left: -481px; */
    font-family: 'PT Sans', sans-serif;
    /* position: absolute; */
}

.content-mtrd-paywall .banner-mtrd {
    /*border: 1px solid #bfbfbf;*/
    border-bottom: 0px solid;
    overflow: auto;
}

.content-mtrd-paywall .logo-dinero {
    width: 160px;
    padding: 1rem 0 1rem 3rem;
}


.content-mtrd-paywall p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    padding: 6px;
}

    .content-mtrd-paywall p strong {
        color: #448540;
        font-size: 18px;
        padding: 0 10px;
        font-family: "Droid Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    }

    .content-mtrd-paywall p a {
        color: #fff;
        text-decoration: none;
        background: #3F832C;
        padding: 4px 10px;
        margin-left: 10px;
    }

.usuarioSuscp .magazine.bannerPw {
    margin-top: 1rem;
}

@media only screen and (max-width: 640px) {
    .content-mtrd-paywall {
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: 64px;
    }

        .content-mtrd-paywall .logo-dinero {
            width: 90px;
        }

        .content-mtrd-paywall .col-1 {
            background: #fff;
        }

        .content-mtrd-paywall p {
            font-size: 12px;
            line-height: 1.2;
            padding: 8px;
        }

        .content-mtrd-paywall .banner-mtrd {
            border-left: 0;
            border-right: 0;
        }

    p.info-count-mtrd {
        margin-top: 1.5rem !important;
    }

    .suscription-user p.text-center {
        padding: 0 0.75rem;
    }
}
/*fin metered paywall*/
.magazine-autenticar a img {
    width: 70%;
    margin: 0 auto;
    display: block;
    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.18);
}

#divAuthenticateUser .btLoginPw, #divAuthenticateUser .btSuscripcionPW {
    padding: 12px 0px;
}

#divAuthenticateUser p.copyPaywall.btn-register-imp {
    margin-top: 1.25rem;
}
/*Suscribir usuario*/
.suscription-user {
    margin-bottom: 2.5rem;
}

hr.line-susc {
    border: 2px solid #3f8534;
    width: 40px;
    margin: 0 auto 1rem;
}

.md-content .documentPaywall.usuarioSuscp p {
    width: 100%;
    margin: 0 0 1.75rem;
}

.suscription-user .medium-6.col-mod-pay {
    padding: 0 40px;
}

.suscription-user input.inputForm {
    border: 1px solid #d3d3d3;
    background: #fafafa;
}

.suscription-user .form-document {
    width: 89% !important;
    display: block;
    margin: 0 auto !important;
}

.suscription-user input[type="number"] {
    height: 42px;
    padding: 10px;
}

.suscription-user .documentPaywall.usuarioSuscp .btn-sesion {
    width: 81%;
}

.suscription-user .portada {
    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.18);
}

.usuarioSuscp .magazine {
    padding: 0;
    background: transparent;
    border: none;
    overflow: visible;
}

    .usuarioSuscp .magazine:after {
        content: "";
        width: 84%;
        height: 270px;
        background: url(../img/paywall/back.jpg);
        background-size: cover;
        position: relative;
        display: block;
        z-index: -1;
        margin-left: 4rem;
        top: -10px;
    }

.md-content .documentPaywall.usuarioSuscp .magazine p {
    font-size: 15px;
    margin-bottom: 1rem;
}

.usuarioSuscp button#lnkValidateSubscriptionIlikeIt {
    width: 80%;
}

.copyPay-Susc-autenticar {
    position: relative;
    height: 260px;
}

.content-susc-pay {
    position: absolute;
    top: 50%;
    margin-top: -52px;
}

@media only screen and (min-width:640px) and (max-width:894px) {
    .suscription-user p.text-center {
        padding: 0 3rem;
    }

    .copyPay-Susc-autenticar {
        height: 180px;
    }

    .usuarioSuscp .magazine:after {
        height: 210px;
    }
}

/*bloqueo contenido metered*/
#bloq-articulo {
    background-color: #d0d0d0;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    #bloq-articulo p {
        font-size: 15px !important;
    }

.over-articulo {
    width: 100%;
    height: 4rem;
    margin-top: -4rem;
    position: absolute;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );
}

.bloq-articulo-header {
    background-color: #2c2a25;
    padding: 1rem 2rem;
    color: white;
    background-image: url(../img/paywall/forma-517.svg);
    background-repeat: no-repeat;
    background-position: left;
}

    .bloq-articulo-header span {
        font-weight: 900;
        font-size: 15px;
    }

    .bloq-articulo-header p {
        margin-bottom: 0;
    }

    #bloq-articulo .bloq-articulo-header p {
        color:white;
    }

    .bloq-articulo-header img {
        max-width: 50%;
        height: auto;
    }

.bloq-articulo-content {
    text-align: center;
    color: #2c2a25;
    background-image: url(../img/paywall/bg-bloq-articulo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 2rem;
    font-size: 16px;
}

.bloq-articulo-content {
    width: 100%;
    border: none;
}

    .bloq-articulo-content input {
        border: none !important;
    }

        .bloq-articulo-content input[type='checkbox'] {
            display: inherit;
            margin: 0;
        }

.btn {
    font-weight: normal;
    height: 45px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.25);
    font-style: italic;
    text-transform: inherit;
    font-size: 15px;
}

.btn_Suscribase {
    background-color: #218649;
    color: white !important;
    text-align: center;
    line-height: 1.5;
}

    .btn_Suscribase i {
        margin-right: 5px;
    }

    .btn_Suscribase:hover {
        background-color: #176536;
        color: white;
    }

.btn_Ingresar {
    background-color: #ffc627;
    color: #010101 !important;
    font-weight: 700;
    line-height: 1;
}

    .btn_Ingresar i {
        color: #806314;
        margin-right: 5px
    }

    .btn_Ingresar:hover {
        background-color: #fcbb07;
        color: white;
    }

    .btn_Ingresar:focus {
        background-color: #fcbb07;
    }

.bloq-articulo-footer {
    text-align: center;
    padding: 1rem 2rem;
    -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.12);
}

    .bloq-articulo-footer ul {
        margin-left: 0;
    }

        .bloq-articulo-footer ul li {
            list-style: none;
            text-align: left;
            font-size: 13px;
        }

            .bloq-articulo-footer ul li i {
                color: #218649;
            }

    .bloq-articulo-footer span {
        color: #218649;
        font-weight: 600;
        font-size: 22px;
    }

.bloq-articulo-footer2 {
    text-align: center;
    padding: 0.5rem 2rem;
    font-size: 14px;
}

    .bloq-articulo-footer2 img {
        display: none;
    }

.icono-dinero {
    display: none;
}


.bloq-articulo-verde {
    text-align: center;
    padding: 1rem;
    font-size: 14px;
    background-color: #218649;
    color: white;
    font-size: 22px
}

    .bloq-articulo-verde p {
        color: white !important;
    }

    .bloq-articulo-verde .btn_Suscribase {
        background-color: #218649;
        color: white;
        box-shadow: none;
        border: 2px dashed white;
        font-size: 18px
    }

.border-top {
    border-top: 1px solid #b5b5b5;
    margin-top: 10px;
}

.bloq-articulo-content .bg-articulo {
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 89%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(208,208,208,1)), color-stop(89%, rgba(208,208,208,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 89%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 89%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 89%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 89%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    padding: 2rem 0 0;
}

.bloq-articulo-content small.error {
    background-color: transparent;
    color: #D2221E;
}

/*---  fin bloqueo de artículo ---*/



/*---  contador artículos ---*/

.content {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: #fff;
    display: block;
    font-family: 'PT Sans', sans-serif;
}

    .content .banner-mtrd {
        border: 1px solid #bfbfbf;
        border-bottom: 0px solid;
        overflow: auto;
    }

	.content p a {
		color: #3F832C;
		font-weight: bold;
		text-decoration: none;
	}

.contador .bloq-articulo-header {
    padding: 0;
    background-size: 15px;
}

.btn-IngreseAqui {
    position: relative;
    background-color: #ffc627;
    top: 0;
    width: 200px;
    height: 60px;
    font-size: 14px;
    font-style: italic;
    box-shadow: none;    
    color: black;
}

    .btn-IngreseAqui:hover {
        background-color: #fcbb07;
        color: black;
    }

.img-contador {
    max-width: 15px !important;
    float:right;
    margin-top:15px;
    margin-left: 10px;
    margin-right: 5px;

}

.contador-beneficios {
    padding: 1rem;
    background-color: #eeeeee;
    border: 1px dashed #7d7d7d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px
}

.contador .btn-IngreseAqui {
    width: 88%;
    height: 50px;
    text-align:center;
    font-size: 13px;
}

.contador .bloq-articulo-header .header-txt {
    padding-top: 10px;
    padding-left: 1.4rem;
}

.contador-beneficios-mobile {
    display: none;
}

.contador-beneficios-mobile .beneficios-metered ul li i {
    color:#218649;
}

.contador-beneficios ul {
    margin-left: 0;
}

    .contador-beneficios ul li {
        list-style: none;
        text-align: left;
        font-size: 15px;
    }

        .contador-beneficios ul li i {
            color: #218649;
        }

.contador-beneficios span {
    color: #218649;
    font-weight: 600;
    font-size: 18px;
}

.contador .icono-dinero {
    display: block;
}

.contador .icono-dinero-mobile {
    display: none;
}

.progress-c {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 40%;
    color: gray;
}

    .progress-c li {
        position: relative;
        display: table-cell;
        text-align: center;
        font-size: 0.8em;
    }

        .progress-c li:before {
            content: attr(data-step);
            display: block;
            /*margin: 0 auto;*/
            background: white;
            width: 1.5em;
            height: 1.5em;
            text-align: center; /*IE8 doesn't inherit this style*/
            margin-bottom: 0.25em;
            line-height: 3em;
            border-radius: 100%;
            position: relative;
            z-index: 1000;
            border: 1px solid gray
        }

        .progress-c li:after {
            content: '';
            position: absolute;
            display: block;
            background: gray;
            width: 100%;
            height: 3px;
            top: 0.5rem;
            /*left: 50%;*/
            margin-left: 1.5em\9;
            z-index: 0;
        }

    .progress-c:last-child:after {
        display: none;
    }

    .progress-c .is-complete {
        color: grey;
    }

        .progress-c .is-complete:before,
        .progress-c .is-complete:after {
            color: #FFF;
            background: grey;
        }

    .progress-c .is-active {
        color: grey;
    }

        .progress-c .is-active:before {
            color: #FFF;
            background: grey;
        }
/**
   * Needed for IE8
   */
.progress__last:after {
    display: none !important;
}

/**
   * Size Extensions
   */
.progress--medium {
    font-size: 1.5em;
}

.progress--large {
    font-size: 2em;
}

.contador span {
    font-size: 18px
}

.header-txt1 span {
    font-size: 13px;
    text-align: center;
}

.contador p {
    font-size: 15px;
    margin-bottom: 0.5rem;
}

.columns-p {
    padding: 0;
}

/*-----  contador artículos collapse ---*/

[type='checkbox'] + label, [type='radio'] + label {
    display: block;
    vertical-align: baseline;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

input[type='checkbox'] {
    display: none;
}

.lbl-toggle {
    display: block;
    font-weight: bold;
    font-size: 1rem;
    color: white;
    background: #2c2a25;
    cursor: pointer;
    transition: all 0.25s ease-out;
}

    .lbl-toggle p {
        display: initial;
    }

.contador .lbl-toggle img {
    max-width: 80px;
    vertical-align: middle;
}

.lbl-toggle::before {
    /*content: url(../img/arrow-collapse.svg);*/
    display: inline-block;
    width:15px;
    transform: translateY(-2px);
    position: absolute;
    right:0;
    transition: transform .2s ease-out;
    top:1rem;
    margin-right:0.5rem;
}

.collapsible-content .content-inner {
    background: #d0d0d0;
    padding: 0rem 2rem;
    background-image: url(../img/paywall/bg-bloq-articulo.png);
}

.backgroundBannerMetered {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(208,208,208,1) 10%, rgba(208,208,208,1) 90%, rgba(255,255,255,0) 100%);
    padding: 1rem;
}

.collapsible-content {
    transition: max-height 1s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 600px;
}

.toggle:checked + .lbl-toggle::before {
   /*content: url(../img/collapse.svg);*/
}

.btn-IngreseAqui-mobile {
    display: none;
}
/*-----  contador artículos collapse ---*/
/*------ collapsable mobile ----*/
.collapsable-mobile {
    display: none;
}

.collapsable-beneficios .bloq-articulo-header {
    display: none;
}


.contador [type='checkbox'] + label, [type='radio'] + label {
    display: block;
    vertical-align: baseline;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

input[type='checkbox'] {
    display: none;
}

.lbl-toggle-mobile {
    display: block;
    font-weight: bold;
    font-size: 1rem;
    color: white;
    background: #2c2a25;
    cursor: pointer;
    transition: all 0.25s ease-out;
}

    .lbl-toggle-mobile p {
        display: initial;
    }

    .lbl-toggle-mobile img {
        width: 20%;
        vertical-align: middle;
    }

.collapsable-beneficios .bloq-articulo-header::before {
    margin-top: 0.8rem;
}

.collapsible-content-mobile .content-inner-mobile {
    background: #d0d0d0;
    padding: 0 1rem;
}

.collapsible-content-mobile {
    transition: max-height 1s ease-in-out;
}

.toggle-mobile:checked + .lbl-toggle-mobile + .collapsible-content-mobile {
    max-height: 350px;
}

.toggle-mobile:checked + .contador .bloq-articulo-header::before {
    transform: rotate(90deg) translateX(-3px);
}

.redes-mobile {
    display:none;
}


/*------- fin collapsable mobile -----*/

/*---  fin contador artículos ---*/

/*------ Media Queries -----*/
@media screen and (max-width: 1024px) {
    .bloq-articulo-content select {
        width: 100% !important;
    }

    .btn {
        font-size: 14px;
        padding:10px;
    }

    .bloq-articulo-header {
        padding: 0.5rem 2rem;    
    }

    .contador .bloq-articulo-header .header-txt {
        padding-top: 10px;    
    }
}

@media screen and (min-width:830px) and (max-width: 890px) {
    .contador .bloq-articulo-header .header-txt {
        padding-top: 0px;        
    }
    .contador .lbl-toggle img {
        vertical-align: inherit;
    }
}

@media (max-width: 768px) and (min-width: 641px) {
    .bloq-articulo-content select {
        width: 100% !important;
    }

    .row .bloq-articulo-header {
        max-width: 100% !important;
    }

    .bloq-articulo-header img {
        width:90%
    }

    .btn {
        padding:10px;
        font-size:14px;
    }
}

@media (max-width: 640px) and (min-width: 421px) {
    .bloq-articulo-content select {
        width: 100% !important;
    }
}

@media screen and (max-width: 39.9375em) {

    .over-articulo {
        height: 6rem;
        margin-top: -6rem;
    }

    .bloq-articulo-header {
        background-image: none;
    }

    .logo-dinero {
        display: none;
    }

    .icono-dinero {
        display: initial;
        position: absolute;
        right: 30px;
        top: 3.5%;
    }

    .bloq-articulo-content {
        font-size: 16px;
    }

        .bloq-articulo-content select {
            width: 100% !important;
        }

    #bloq-articulo .btn {
        font-size: 14px;
        padding: 10px;
    }

    .bloq-articulo-footer2 p {
        display: none;
    }

    .bloq-articulo-footer2 img {
        display: initial;
        text-align: center;
        max-width: 50%;
        padding: 0.5rem;
    }

    .btn_Ingresar {
        margin-top: 0.5rem;
    }

    .bloq-articulo-content select {
        width: 100%;
        margin-bottom: 10px;
    }

    .contador span {
        font-size: 17px;
    }

    .beneficios-metered {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .beneficios-metered ul {
            font-family: 'PT Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        }

    .collapsible-content .content-inner {
        background: #d0d0d0;
        padding: 1rem 0 0;
    }

    .contador .bloq-articulo-header {
        background-color: #2c2a25;
        padding: 0.5rem 1rem 0.5rem 2rem;
        color: white;
        background-image: none;
        background-repeat: no-repeat;
        background-position: left;
    }

    .columns-p {
        padding:0;
    }

    .img-contador {
        margin-top: 10px;

    }

    .contador-beneficios {
        display: none;
    }

    .contador-beneficios-mobile {
        padding: 1.5rem 1rem;
        background-color: #eeeeee;
        border-top: 1px dashed #7d7d7d;
        border-bottom: 1px dashed #7d7d7d;
        font-size: 15px;
        display: block;
        margin-top: 10px;
        text-align: center;
    }

        .contador-beneficios-mobile span {
            color: #218649;
            font-weight: 600;
            font-size: 25px;
        }

        .contador-beneficios-mobile p {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 2px;
            line-height: 1rem;
        }

        .contador-beneficios-mobile .price {
            font-size: 20px;
            margin-top: 10px;
        }

    .contador .icono-dinero {
        display: none;
    }

    .contador .icono-dinero-mobile {
        display: block;
        position: absolute;
        top:-0.5rem;
        left:0.5rem;
    }

    .contador .bloq-articulo-header .header-txt {
        padding-top: 0px;
        padding-left: 3rem;
    }

    .contador .bloq-articulo-header::before {
        margin-right: 0px;
    }

    .collapsable-mobile {
        display: none;
    }

    .btn-IngreseAqui {
        display: none;
    }

    .btn-IngreseAqui-mobile {
        display: block;
        position: relative;
        background-color: #ffc627;
        top: 0;
        width: 100%;
        font-size: 14px;
        font-style: italic;
        box-shadow: none;
        text-align: center;
    }

        .btn-IngreseAqui-mobile:hover {
            background-color: #fcbb07;
        }

    .collapsable-beneficios .bloq-articulo-header {
        background-color: #d0d0d0;
        padding: 0.5rem 2rem;
        color: gray;
        background-image: none;
        background-repeat: no-repeat;
        background-position: left;
        display: block;
    }

    .collapsable-beneficios .contador-beneficios-mobile {
        padding: 0;
        font-size: 15px;
        display: block;
        margin-top: 0px;
        text-align: left;
        background: none;
        border: none;
    }

        .collapsable-beneficios .contador-beneficios-mobile ul li {
            list-style: none;
        }

    .contador .lbl-toggle img {
        max-width: 50%;
        vertical-align: middle;
    }

    .backgroundBannerMetered {
        padding: 0;        
    }

    .redes-mobile {        
        display: block; 
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .redes-mobile a {
        color: #737373;        
    }

    .social-border {
        border-right: 1px solid #737373
    }

    #divBannerHeader2 {
        display:none;
    }

    .divBannerHeader2Padding {
        padding: 0;
    }
}

/*------ Media Queries -----*/


@media only screen and (max-width: 768px) {


    .contador-beneficios {
        margin-top: 0.5rem;
    }

    .contador .bloq-articulo-header::before {
        margin-right: 10px;
    }

    .contador .bloq-articulo-header .header-txt {
        padding-top: 0px;       
    }
    .contador .lbl-toggle img {
        max-width: 80px;
        vertical-align: inherit;
    }
}