﻿html.magnifying > body {
    overflow-x: hidden !important
}

.lens-mobile, .magnify, .magnify-mobile, .magnify > .magnify-lens {
    min-width: 0;
    min-height: 0;
    animation: none;
    border: none;
    float: none;
    margin: 0;
    opacity: 1;
    outline: 0;
    overflow: visible;
    padding: 0;
    text-indent: 0;
    transform: none;
    transition: none
}

.magnify {
    position: relative;
    width: auto;
    height: auto;
    box-shadow: none;
    display: inline-block;
    z-index: inherit
}

    .magnify > .magnify-lens {
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 100%;
        box-shadow: 0 0 0 7px rgba(255,255,255,.85),0 0 7px 7px rgba(0,0,0,.25),inset 0 0 40px 2px rgba(0,0,0,.25);
        cursor: none;
        display: none;
        z-index: 99
    }

        .magnify > .magnify-lens.loading {
            background: #333 !important;
            opacity: .8
        }

            .magnify > .magnify-lens.loading:after {
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                color: #fff;
                content: 'Loading...';
                font: italic normal 16px/1 Calibri,sans-serif;
                letter-spacing: 1px;
                margin-top: -8px;
                text-align: center;
                text-shadow: 0 0 2px rgba(51,51,51,.8);
                text-transform: none
            }
/*# sourceMappingURL=magnify.min.css.map */
