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

.clearfix {
    zoom: 1;
}


/*placeholder css start*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #606060;
    font-family: arial;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #606060;
    font-family: arial;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #606060;
    font-family: arial;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #606060;
    font-family: arial;
}

/*placeholder css end*/

/*background mask start*/
.mask-newsletter {
    height: 100%;
    z-index: 1006;
    background: url(https://static.lenovo.com/ae/DCG-NewsLetter/images/overlay.png) repeat 0 0;
    max-height: 100vh;
    min-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*opacity: 10%;*/
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
    position: fixed;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

/*background mask end*/
#newsletter-popup {
    position: relative;
    font-size: 16px;
    max-width: 550px;
    box-sizing: border-box;
    background-color: #fff;
    transition: 0.6s;
    font-family: 'Lato 400', Helvetica, Arial, sans-serif;
    left: 50%;
    margin-left: -290px;
    height: 550px;
    padding: 0 20px;
}

#newsletter-popup iframe {
    
}

#newsletter-popup .newsletter-close {
    position: absolute;
    right: -40px;
    top: 0;
    background-color: #e02725;
    height: 40px;
}

/*iPad ldr css start*/
@media only screen and (max-device-width: 900px) {
    #newsletter-popup {
        max-width: 700px;
        margin-left: -350px;
    }

}

/*iPad ldr css end*/

/*mobile ldr css start*/

@media only screen and (max-device-width: 750px) {
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 14px;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
        font-size: 14px;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        font-size: 14px;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        font-size: 14px;
    }

    #newsletter-popup {
        display: block;
        height: 750px;
        width: 100%;
        left: 0;
        margin-left: 0;
        max-width: 800px;
    }

    #newsletter-popup iframe {
        height: 750px;
    }

    #newsletter-popup .newsletter-close {
        right: 0px;
    }
}


/*mobile ldr css end*/


/*widget red button start*/
#newsletter {
    opacity: 0.95;
    display: block;
    position: fixed;
    background-color: #E2231A;
    color: #ffffff;
    border: 3px solid #fff;
    font-size: 16px;
    line-height: 16px;
    z-index: 999995;
    cursor: pointer;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg) scale(1.02);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    /* transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease; */
}

#newsletter.newsletter {
    right: -45px;
    border: 1px solid #000;
    color: white;
    padding: 1px 3px 1px 3px;
    background-color: #0072bf;
    top: 120px;
    font-weight: normal !important;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0);
    transform-origin: 100% 100% 0;
    -webkit-transform-origin: 100% 100% 0;
    -ms-transform-origin: 100% 100% 0;
    margin-top: -50px !important;
    /*top: calc(53% - 170px)!important;*/
}

#newsletter.newsletter .newsletter-icon {
    transform: rotate(90deg);
}

#newsletter.newsletter:hover{
    opacity: 1.0;
    /* -ms-transform: rotate(-90deg) scale(1.02) translateY(-5px);
    -webkit-transform: rotate(-90deg) translateY(-5px);
    -moz-transform: rotate(-90deg) translateY(-5px); */
}

/*widget red button end*/

#oo_tab {
    display: none;
}