/* !
 * 
 * VERSION: 0.2.9
 * DATE: 1/6/2016, 4:12:37 PM
 * UPDATES AND DOCS AT: http://www.fliphtml5.com
 * 
 * @license Copyright (c) 2012-2016 FlipHTML5 Software Co., Ltd. All rights reserved.
 * @author: Terence Z., Q.Y.B., support@fliphtml5.com.
 *
 */
.LB_AudioMiniPlayer, .leo-comp, .leo-comp--img > img, .leo-loading:before {
    left: 0;
    top: 0;
    position: absolute;
}

    .LB_AudioMiniPlayer > div, .audio-bg {
        background-image: url(assets.png);
        background-repeat: no-repeat;
    }

.leo-app, .leo-app * {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

    .leo-app canvas, .leo-app img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

#leo-lightbox--audio, #leo-lightbox--msg #msg-left {
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

.leo-app audio, .leo-app canvas, .leo-app video {
    display: inline-block;
    vertical-align: baseline;
}

    .leo-app audio:not([controls]) {
        display: none;
        height: 0;
    }

.leo-center-wrapper .leo-center-target, .leo-center-wrapper::before {
    display: inline-block;
    vertical-align: middle;
}

.leo-app a {
    background-color: transparent;
}

    .leo-app a:active, .leo-app a:hover {
        outline: 0;
    }

    .leo-app a img {
        border: 0;
    }

.leo-app svg:not(:root) {
    overflow: hidden;
}

.leo-app button {
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
}

    .leo-app button[disabled] {
        cursor: not-allowed;
    }

    .leo-app button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

.leo-comp {
    bottom: auto;
    right: auto;
}

.leo-comp--link {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.leo-comp--txt {
    word-break: break-word;
    word-wrap: break-word;
    border: 0 solid;
}

.leo-comp--img > img, .leo-comp--txt__content p {
    padding: 0;
    margin: 0;
    border: 0;
}

.leo-action-trigger {
    cursor: pointer;
}

.leo-center-wrapper {
    text-align: center;
}

    .leo-center-wrapper::before {
        content: " ";
        width: 0;
        height: 100%;
        visibility: hidden;
    }

.leo-loading:before {
    content: url(loading.gif);
    bottom: 0;
    right: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    padding: 5px;
    z-index: 9999999999;
    opacity: 0;
    -webkit-animation: loading-delay .5s .5s forwards;
    animation: loading-delay .5s .5s forwards;
}

@-webkit-keyframes loading-delay {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loading-delay {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.LB_AudioMiniPlayer, .LB_AudioMiniPlayer > div {
    width: 100%;
    height: 100%;
}

    .LB_AudioMiniPlayer .unmute {
        background-position: -401px -1px;
    }

    .LB_AudioMiniPlayer .muted {
        background-position: -401px -102px;
    }

#leo-lightbox--audio {
    position: absolute;
    color: gray;
    width: 308px;
    height: 120px;
    white-space: nowrap;
    font-size: 12px;
    font-family: sans-serif;
    -ms-user-select: none;
    user-select: none;
}

    #leo-lightbox--audio div {
        position: absolute;
    }

.audio-progress {
    top: 82px;
    left: 96px;
    z-index: 2;
    width: 158px;
    height: 9px;
    background-color: #929292;
    border-bottom: 1px solid #fff;
    border-radius: 12px;
    cursor: pointer;
}

.audio-message {
    top: 12px;
    left: 11px;
    z-index: 2;
    width: 77px;
    height: 67px;
    border-radius: 6px;
    display: none;
}

.audio-time {
    top: 93px;
    left: 224px;
    z-index: 2;
}

.audio-title {
    top: 90px;
    left: 15px;
    z-index: 2;
    overflow: hidden;
}

.audio-loading {
    background: url(audio-loading.gif) 12px 9px no-repeat #fff;
}

.audio-error {
    background-color: #fff;
    background-position: -253px -135px;
}

.audio-playPause {
    top: 16px;
    left: 148px;
    z-index: 2;
    width: 56px;
    height: 57px;
    cursor: pointer;
}

.audio-pause {
    background-position: -104px -132px;
}

.audio-play {
    background-position: -47px -132px;
}

.audio-played {
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    background-position: -7px -218px;
}

.audio-cursor {
    top: -5px;
    right: 0;
    width: 16px;
    height: 18px;
    background-position: -337px -83px;
}

.audio-buffered {
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-position: -6px -206px;
}

.audio-volume {
    top: 11px;
    left: 269px;
    z-index: 2;
    width: 17px;
    height: 62px;
    overflow: hidden;
    cursor: pointer;
    background-position: -337px -11px;
}

.audio-volume-fg {
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.audio-volume-fg-p {
    bottom: -178px;
    left: -358px;
    width: 400px;
    height: 250px;
}

.audio-volume-cursor {
    width: 100%;
    height: 18px;
    background-position: -337px -84px;
}

.audio-volume-switch {
    top: 75px;
    left: 270px;
    z-index: 2;
    width: 23px;
    height: 21px;
    cursor: pointer;
}

.audio-unmuted {
    background-position: -221px -132px;
}

.audio-muted {
    background-position: -221px -156px;
}

.audio-time:hover, .audio-title:hover {
    color: #000;
}

.audio-controls {
    top: 23px;
    z-index: 2;
    width: 43px;
    height: 44px;
    cursor: default;
}

.audio-prev {
    left: 99px;
    background-position: 0 -132px;
}

.audio-next {
    left: 209px;
    background-position: -167px -132px;
}

#leo-lightbox--gallery {
    position: absolute;
    left: 0;
    top: -23px;
    width: 100%;
    height: 100%;
}

    #leo-lightbox--gallery #gallery-wrap {
        background-color: #fff;
        border: 6px solid #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        left: -6px;
        top: -6px;
        overflow: hidden;
    }

    #leo-lightbox--gallery #img-wrap, #leo-lightbox--gallery #img-wrap img {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    #leo-lightbox--gallery #img-wrap {
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
    }

    #leo-lightbox--gallery #control-bar {
        position: absolute;
        background-color: #fff;
        border: 6px solid #fff;
        top: 100%;
        left: -6px;
        width: 100%;
        height: 40px;
        overflow: hidden;
    }

    #leo-lightbox--gallery input {
        position: absolute;
        border: 1px solid #727272;
        text-align: center;
        border-radius: 0;
        width: 60px;
        height: 16px;
        top: 12px;
        left: 50%;
        padding: 0;
        margin: 0 0 0 -30px;
    }

    #leo-lightbox--gallery .controls {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 6px;
        left: 50%;
        background-image: url(assets.png);
    }

    #leo-lightbox--gallery #to-first {
        margin-left: -100px;
        background-position: -60px -378px;
    }

        #leo-lightbox--gallery #to-first:hover {
            background-position: -60px -408px;
        }

    #leo-lightbox--gallery #to-last {
        margin-left: 72px;
        background-position: -90px -378px;
    }

        #leo-lightbox--gallery #to-last:hover {
            background-position: -90px -408px;
        }

    #leo-lightbox--gallery #to-prev {
        margin-left: -65px;
        background-position: 0 -378px;
    }

        #leo-lightbox--gallery #to-prev:hover {
            background-position: 0 -408px;
        }

    #leo-lightbox--gallery #to-next {
        margin-left: 37px;
        background-position: -30px -378px;
    }

        #leo-lightbox--gallery #to-next:hover {
            background-position: -30px -408px;
        }

#leo-lightbox--msg {
    position: absolute;
    width: 700px;
    height: 350px;
    border-radius: 5px;
    display: none;
}

    #leo-lightbox--msg .msg-part {
        width: 310px;
        height: 334px;
        float: left;
    }

    #leo-lightbox--msg #msg-left {
        margin: 16px 8px 0 32px;
        -ms-user-select: none;
        user-select: none;
    }

    #leo-lightbox--msg #msg-right {
        margin: 0 32px 0 8px;
    }

    #leo-lightbox--msg #msg-gallery {
        position: relative;
        height: 250px;
        margin-bottom: 16px;
    }

        #leo-lightbox--msg #msg-gallery > img {
            position: absolute;
            max-width: 310px;
            max-height: 250px;
            min-width: 25px;
            min-height: 25px;
            opacity: 0;
        }

    #leo-lightbox--msg #msg-mark {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 50px;
        height: 50px;
        display: none;
        overflow: hidden;
        border: 1px solid #3181E7;
    }

        #leo-lightbox--msg #msg-mark img {
            position: absolute;
        }

        #leo-lightbox--msg #msg-mark div {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
        }

    #leo-lightbox--msg #msg-gallery-cover {
        position: absolute;
        z-index: 1;
        background-color: #000;
        opacity: 0;
    }

    #leo-lightbox--msg #msg-thumbnail {
        width: 272px;
        height: 50px;
        float: left;
        margin-left: 2px;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #leo-lightbox--msg .msg-thumbnail-wrap {
        -webkit-transition: all .3s;
        transition: all .3s;
        margin: 2px;
    }

        #leo-lightbox--msg .msg-thumbnail-wrap > div {
            float: left;
            margin-right: 12px;
            cursor: pointer;
            overflow: hidden;
            height: 40px;
            width: 40px;
            border: 2px solid #fff;
            outline: #919191 solid 2px;
            position: relative;
        }

            #leo-lightbox--msg .msg-thumbnail-wrap > div:hover {
                outline: #317ee7 solid 1px;
            }

        #leo-lightbox--msg .msg-thumbnail-wrap img {
            position: absolute;
            left: 0;
            top: 0;
        }

    #leo-lightbox--msg .msg-button {
        cursor: pointer;
        float: left;
        width: 18px;
        height: 50px;
        margin-top: -2px;
        position: relative;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 2px 3px rgba(0,0,0,.3),0 2px 3px rgba(255,255,255,.3);
        display: none;
        background-color: rgba(0,0,0,.2);
    }

        #leo-lightbox--msg .msg-button div {
            top: 17px;
            position: absolute;
            left: 0;
            width: 18px;
            height: 20px;
        }

        #leo-lightbox--msg .msg-button:active {
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px 1px #fff;
        }

    #leo-lightbox--msg .msg-prev {
        margin-left: -2px;
    }

        #leo-lightbox--msg .msg-prev div {
            background-image: url(assets.png);
            background-position: -478px -287px;
        }

    #leo-lightbox--msg .msg-next {
        margin-left: 2px;
    }

        #leo-lightbox--msg .msg-next div {
            background-image: url(assets.png);
            background-position: -464px -317px;
        }

    #leo-lightbox--msg #msg-content {
        margin-top: 32px;
        font-family: Arial,sans-serif;
        text-rendering: optimizeLegibility;
        text-align: left;
    }

    #leo-lightbox--msg #msg-title {
        font-size: 18px;
        line-height: 1.2;
        word-break: break-word;
        white-space: pre-wrap;
        max-height: 63px;
        overflow: hidden;
    }

    #leo-lightbox--msg #msg-body-container {
        position: relative;
        height: 151px;
        overflow: hidden;
        padding-right: 4px;
        margin-top: 20px;
        text-align: left;
    }

    #leo-lightbox--msg #msg-body {
        position: absolute;
        top: 0;
        width: 306px;
        font-size: 13px;
        line-height: 15px;
        word-wrap: break-word;
        white-space: pre-wrap;
    }

    #leo-lightbox--msg .msg-scroll-bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 4px;
        height: 100%;
        cursor: pointer;
        border-radius: 5px;
        background-color: #ddd;
    }

        #leo-lightbox--msg .msg-scroll-bar div {
            position: absolute;
            top: 0;
            width: 4px;
            border-radius: 5px;
            background-color: #aaa;
        }

    #leo-lightbox--msg #msg-scroll-bar:hover {
        background-color: #ccc;
    }

        #leo-lightbox--msg #msg-scroll-bar:hover div {
            background-color: #999;
        }

    #leo-lightbox--msg #msg-origin, #leo-lightbox--paypal {
        position: absolute;
        background-color: #fff;
        display: none;
    }

    #leo-lightbox--msg #msg-learn-more {
        width: 130px;
        height: 26px;
        margin-top: 20px;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
        line-height: 26px;
        border: 1px solid;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        #leo-lightbox--msg #msg-learn-more:active {
            background-image: none;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px 0 #fff;
            text-shadow: 0 1px 0 rgba(255,255,255,.4);
            color: rgba(0,0,0,.5) !important;
        }

    #leo-lightbox--msg #msg-origin {
        top: 1px;
        z-index: 3;
        width: 337px;
        height: 344px;
        overflow: hidden;
        border: 2px solid #317ee7;
    }

        #leo-lightbox--msg #msg-origin img {
            position: absolute;
        }

#leo-lightbox--paypal {
    width: 700px;
    height: 350px;
    border-radius: 5px;
}

    #leo-lightbox--paypal .paypal-part {
        width: 310px;
        height: 334px;
        float: left;
    }

    #leo-lightbox--paypal .paypal-left {
        margin: 16px 8px 0 32px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

    #leo-lightbox--paypal .paypal-right {
        margin: 0 32px 0 8px;
    }

    #leo-lightbox--paypal .paypal-gallery {
        position: relative;
        height: 250px;
        margin-bottom: 16px;
    }

        #leo-lightbox--paypal .paypal-gallery > img {
            position: absolute;
            display: none;
            max-width: 310px;
            max-height: 250px;
            min-width: 25px;
            min-height: 25px;
        }

    #leo-lightbox--paypal .paypal-mark {
        position: absolute;
        z-index: 2;
        display: none;
        overflow: hidden;
        border: 1px solid #3181E7;
    }

        #leo-lightbox--paypal .paypal-mark img {
            position: absolute;
        }

        #leo-lightbox--paypal .paypal-mark div {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
        }

    #leo-lightbox--paypal .paypal-gallery-cover {
        position: absolute;
        z-index: 1;
        background-color: #000;
        opacity: 0;
    }

    #leo-lightbox--paypal .paypal-thumbnail {
        width: 272px;
        height: 50px;
        float: left;
        margin-left: 2px;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        #leo-lightbox--paypal .paypal-thumbnail > div {
            -webkit-transition: all .3s;
            transition: all .3s;
            margin: 2px;
        }

    #leo-lightbox--paypal .paypal-thumbnail-li {
        float: left;
        margin-right: 12px;
        cursor: pointer;
        overflow: hidden;
        height: 40px;
        width: 40px;
        border: 2px solid #fff;
        outline: #919191 solid 2px;
        position: relative;
        -webkit-transition: outline .3s;
        transition: outline .3s;
    }

        #leo-lightbox--paypal .paypal-thumbnail-li:hover {
            outline: #317ee7 solid 1px;
        }

        #leo-lightbox--paypal .paypal-thumbnail-li img {
            position: absolute;
            left: 0;
            top: 0;
        }

    #leo-lightbox--paypal .paypal-button {
        font-weight: bolder;
        font-family: sans-serif;
        text-align: center;
        font-size: 30px;
        color: #fff;
        line-height: 50px;
        cursor: pointer;
        float: left;
        width: 18px;
        height: 50px;
        margin-top: -2px;
        position: relative;
        background: center no-repeat #D4D4D4;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.2);
        text-shadow: 0 -1px 1px rgba(0,40,50,.35);
        display: none;
    }

        #leo-lightbox--paypal .paypal-button div {
            top: 17px;
            position: absolute;
            left: 0;
        }

        #leo-lightbox--paypal .paypal-button:active {
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px 0 #fff;
            text-shadow: 0 1px 0 rgba(255,255,255,.4);
        }

    #leo-lightbox--paypal .paypal-prev {
        margin-left: -2px;
    }

        #leo-lightbox--paypal .paypal-prev div {
            background-image: url(assets.png);
            background-position: -476px -287px;
            width: 20px;
            height: 20px;
        }

    #leo-lightbox--paypal .paypal-next {
        margin-left: 2px;
    }

        #leo-lightbox--paypal .paypal-next div {
            background-image: url(assets.png);
            background-position: -464px -317px;
            width: 20px;
            height: 20px;
        }

    #leo-lightbox--paypal .paypal-content {
        font-family: Arial,sans-serif;
        text-rendering: optimizeLegibility;
        text-align: left;
    }

        #leo-lightbox--paypal .paypal-content label {
            font-style: italic;
            font-size: 14px;
            font-weight: 700;
        }

    #leo-lightbox--paypal .paypal-title {
        font-size: 18px;
        line-height: 1.2;
        font-family: Arial,sans-serif;
        word-break: break-all;
        max-height: 64px;
        display: block;
        min-height: 32px;
    }

    #leo-lightbox--paypal .paypal-price-wrap {
        margin: 6px 0 0;
        font-size: 15px;
        color: #888;
        white-space: nowrap;
    }

        #leo-lightbox--paypal .paypal-price-wrap span {
            font-size: 17px;
            font-family: Arial,sans-serif;
            color: #b12704;
        }

    #leo-lightbox--paypal .paypal-in-stock {
        margin: 2px 0 5px;
        font-size: 14px;
        color: #179975;
    }

    #leo-lightbox--paypal .paypal-body-container {
        position: relative;
        height: 105px;
        overflow: hidden;
        padding-right: 4px;
    }

    #leo-lightbox--paypal .paypal-body {
        position: absolute;
        top: 0;
        width: 306px;
        font-size: 13px;
        line-height: 15px;
        word-wrap: break-word;
        white-space: pre-wrap;
        text-align: left;
    }

    #leo-lightbox--paypal .paypal-scroll-bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 4px;
        height: 100%;
        cursor: pointer;
        border-radius: 5px;
        background-color: #ddd;
    }

        #leo-lightbox--paypal .paypal-scroll-bar div {
            position: absolute;
            top: 0;
            width: 4px;
            border-radius: 5px;
            background-color: #aaa;
        }

        #leo-lightbox--paypal .paypal-scroll-bar:hover {
            background-color: #ccc;
        }

            #leo-lightbox--paypal .paypal-scroll-bar:hover div {
                background-color: #999;
            }

    #leo-lightbox--paypal #paypal-quantity {
        outline: 0;
        margin: 8px;
        width: 42px;
        border: 1px groove #b1b1b1;
        text-align: center;
        color: #000;
        font-weight: 700;
        font-size: 15px;
        background-color: #dfdfdf;
    }

    #leo-lightbox--paypal .paypal-msg {
        font-size: 12px;
        font-style: italic;
        color: red;
        display: none;
    }

    #leo-lightbox--paypal .paypal-shipping-cost {
        margin: 0;
        font-size: 13px;
        color: #179975;
        font-style: italic;
    }

.menu--btn, .slide--btn {
    color: #fff;
    text-align: center;
}

#leo-lightbox--paypal .paypal-learn-more {
    width: 130px;
    height: 26px;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#leo-lightbox--paypal .paypal-buy {
    cursor: pointer;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    background-image: url(assets.png);
    background-position: -150px -378px;
    width: 150px;
    height: 30px;
}

.leo-comp--audio-player, .leo-lightbox--video {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#leo-lightbox--paypal .paypal-email, #leo-lightbox--paypal .paypal-fb, #leo-lightbox--paypal .paypal-gg, #leo-lightbox--paypal .paypal-other, #leo-lightbox--paypal .paypal-tw {
    background-image: url(assets.png);
    width: 20px;
    height: 20px;
}

#leo-lightbox--paypal .paypal-buy:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#leo-lightbox--paypal .paypal-share {
    margin-top: 7px;
    display: inline-block;
}

    #leo-lightbox--paypal .paypal-share div {
        display: inline-block;
        cursor: pointer;
        margin-right: 5px;
    }

#leo-lightbox--paypal .paypal-fb {
    background-position: -384px -337px;
}

#leo-lightbox--paypal .paypal-tw {
    background-position: -444px -317px;
}

#leo-lightbox--paypal .paypal-gg {
    background-position: -384px -317px;
}

#leo-lightbox--paypal .paypal-other {
    background-position: -404px -317px;
}

#leo-lightbox--paypal .paypal-email {
    background-position: -424px -317px;
}

#leo-lightbox--paypal .paypal-origin {
    position: absolute;
    top: 1px;
    z-index: 3;
    width: 337px;
    height: 344px;
    overflow: hidden;
    border: 2px solid #317ee7;
    background-color: #fff;
    display: none;
}

.leo-phone-msg-box, .leo-phone-msg-box-bg {
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#leo-lightbox--paypal .paypal-origin img {
    position: absolute;
}

.leo-phone-msg-box-bg {
    position: fixed;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
}

.leo-phone-msg-box {
    position: absolute;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: auto;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 8px #1b1b1b;
}

.leo-phone-msg-box--menu {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 10px;
}

.menu--btn {
    position: absolute;
    top: 9px;
    width: 48px;
    height: 8px;
    line-height: 10px;
    padding: 10px;
    z-index: 2;
    border-radius: 4px;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid #2e6da4;
    background-color: #337ab7;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    text-overflow: ellipsis;
}

.menu--return-btn {
    left: 10px;
}

.menu--more-btn {
    left: 90px;
}

.leo-phone-msg-box--scroll {
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.leo-phone-msg-box--slide {
    position: relative;
    margin: auto;
}

.leo-comp--slide {
    z-index: 1;
}

.slide--btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,.3);
    position: absolute;
    line-height: 30px;
    z-index: 2;
    top: 16px;
}

.slide--muted div, .slide--replay div, .slide--unmuted div {
    background-image: url(assets.png);
}

.slide--btn div {
    position: absolute;
    cursor: pointer;
    background-position: center center;
    left: 5px;
    top: 6px;
    width: 21px;
    height: 23px;
}

.slide--index {
    right: 10px;
}

.slide--replay {
    right: 81px;
}

    .slide--replay div {
        background-position: -403px -337px;
    }

.slide--muted, .slide--unmuted {
    right: 45px;
}

    .slide--muted div {
        background-position: -222px -157px;
    }

    .slide--unmuted div {
        background-position: -222px -133px;
    }

.slide--index span:first-child {
    font-size: 20px;
}

.slide--index span:last-child {
    font-size: 14px;
}

.slide--images {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}

    .slide--images img {
        width: 100%;
        height: 100%;
        height: auto;
    }

    .slide--images li {
        width: 100%;
        height: 100%;
        float: left;
    }

.clear {
    clear: both;
}

.leo-phone-msg-box--content {
    padding: 0 20px 20px;
    position: relative;
    overflow: hidden;
}

.content--title {
    color: #575757;
    margin: 17px 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.content--separator {
    border-color: rgba(0,0,0,.2);
    border-style: solid;
    margin: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    border-width: 1px 0 0;
}

.content--body {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0 0;
}

.leo-phone-msg-box--content {
    font-family: Arial,sans-serif;
    text-align: left;
    padding-bottom: 20px;
}

    .leo-phone-msg-box--content label {
        font-style: italic;
        font-size: 14px;
        font-weight: 700;
    }

    .leo-phone-msg-box--content #paypal-quantity {
        outline: 0;
        margin: 8px;
        width: 60px;
        height: 25px;
        text-align: center;
        font-weight: 700;
        font-size: 17px;
        line-height: 25px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .leo-phone-msg-box--content .paypal-email, .leo-phone-msg-box--content .paypal-fb, .leo-phone-msg-box--content .paypal-gg, .leo-phone-msg-box--content .paypal-other, .leo-phone-msg-box--content .paypal-tw {
        background-image: url(assets.png);
        width: 20px;
        height: 20px;
    }

    .leo-phone-msg-box--content #paypal-quantity:active, .leo-phone-msg-box--content #paypal-quantity:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .leo-phone-msg-box--content .paypal-msg {
        font-size: 12px;
        font-style: italic;
        color: red;
        display: none;
    }

    .leo-phone-msg-box--content .paypal-shipping-cost {
        margin: 0;
        font-size: 13px;
        color: #179975;
        font-style: italic;
        line-height: 23px;
    }

    .leo-phone-msg-box--content .paypal-title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        display: inline-block;
    }

    .leo-phone-msg-box--content .paypal-price-wrap {
        margin: 6px 0;
        font-size: 15px;
        white-space: nowrap;
    }

        .leo-phone-msg-box--content .paypal-price-wrap span {
            color: #b12704;
            font-size: 14px;
            padding-left: 7px;
        }

    .leo-phone-msg-box--content .paypal-in-stock {
        margin: 2px 0 5px;
        font-size: 14px;
        color: #179975;
    }

    .leo-phone-msg-box--content .paypal-body {
        font-size: 14px;
        line-height: 20px;
        word-wrap: break-word;
        white-space: pre-wrap;
        text-align: left;
    }

    .leo-phone-msg-box--content .paypal-share {
        margin-top: 7px;
        display: inline-block;
    }

        .leo-phone-msg-box--content .paypal-share div {
            display: inline-block;
            cursor: pointer;
            margin-right: 5px;
        }

.leo-lightbox, .leo-lightbox--video, .lg--controls .control--muted, .lg--controls .control--replay, .lg--controls .control--unmuted {
    display: none;
}

.leo-phone-msg-box--content .paypal-fb {
    background-position: -384px -337px;
}

.leo-phone-msg-box--content .paypal-tw {
    background-position: -444px -317px;
}

.leo-phone-msg-box--content .paypal-gg {
    background-position: -384px -317px;
}

.leo-phone-msg-box--content .paypal-other {
    background-position: -404px -317px;
}

.leo-phone-msg-box--content .paypal-email {
    background-position: -424px -317px;
}

.leo-lightbox--video, .leo-lightbox--website, .leo-lightbox--website iframe {
    height: 100%;
    width: 100%;
    position: absolute;
}

.leo-lightbox--video {
    user-select: none;
    -webkit-user-drag: none;
    box-sizing: border-box;
    box-shadow: 2px 3px 10px #000;
    border: 4px solid #000;
}

    .leo-lightbox--video iframe, .leo-lightbox--video video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 201;
    }

.leo-lightbox--website {
    left: 0;
    top: 0;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-radius: 2px;
    border-top-width: 35px;
    background-color: #eee;
}

    .leo-lightbox--website iframe {
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }

.website--title {
    position: absolute;
    top: -32px;
    height: 30px;
    width: 100%;
    font-family: "Open Sans",helvetica,arial,sans-serif;
}

.website--address {
    padding-left: 5px;
    float: left;
    padding-top: 5px;
    border-radius: 2px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    color: #222;
}

.website--button {
    position: absolute;
    right: 0;
    color: #00a1cb;
    font-size: 12px;
    line-height: 28px;
    padding: 0 20px;
}

    .website--button:hover {
        color: #ff7474;
    }

.leo-lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(0,0,0,.85);
    cursor: pointer;
    text-align: center;
    font-size: 0;
}

.lg--stage {
    position: absolute;
    cursor: auto;
}

.lg--controls {
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

    .lg--controls li {
        position: relative;
        float: right;
        width: 30px;
        height: 100%;
        background: rgba(0,0,0,.2);
        border-radius: 3px;
        border-right: 1px solid #0F1014;
        border-top: 1px solid #53575C;
        border-left: 1px solid #53575C;
        cursor: pointer;
        box-sizing: border-box;
        -webkit-transition: background .3s;
        transition: background .3s;
    }

        .lg--controls li:active, .lg--controls li:hover {
            background: rgba(95,95,95,.5);
        }

    .lg--controls .control--close b, .lg--controls .control--muted b, .lg--controls .control--replay b, .lg--controls .control--unmuted b {
        background-image: url(assets.png);
    }

    .lg--controls b {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .lg--controls .control--close b {
        background-position: -472px -198px;
    }

    .lg--controls .control--muted b {
        background-position: -457px -251px;
    }

    .lg--controls .control--unmuted b {
        background-position: -414px -288px;
    }

    .lg--controls .control--replay b {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        background-position: -385px -290px;
    }

.leo-comp--bubble-dialog {
    z-index: 999999;
}

    .leo-comp--bubble-dialog .dialog-close {
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        right: -5px;
        top: -5px;
        line-height: 20px;
        text-align: center;
        color: #d55;
        box-shadow: 0 3px 3px #000;
        font-size: 18px;
        cursor: pointer;
        z-index: 11;
    }

        .leo-comp--bubble-dialog .dialog-close:hover {
            color: red;
        }

.leo-animation-container {
    position: absolute;
}

    .leo-animation-container .leo-animation-block {
        position: absolute;
        overflow: hidden;
    }

        .leo-animation-container .leo-animation-block .leo-animation-clone {
            margin: 0 !important;
            outline: 0 !important;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            box-shadow: none !important;
        }

.leo-animation-canvas {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.leo-splitText-el {
    -webkit-perspective: 400px;
    perspective: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .leo-splitText-el * {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

.leo-char {
    text-indent: initial;
    text-align: center;
}

.leo-temp-show {
    display: block !important;
}

.classical .cursor, .mini .progressbar, .mini .time, .mini .volumebar, .simple .cursor {
    display: none;
}

.leo-comp--audio-player {
    user-select: none;
    border-radius: 2px;
}

.leo-comp--btn > button, .leo-comp--paypalprice {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.leo-comp--audio-player > div {
    position: absolute;
    border-radius: 2px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.leo-comp--audio-player .time {
    position: absolute;
    color: #fff;
    cursor: default;
    font-family: 'Segoe UI',Arial,'Microsoft Yahei',Simsun,sans-serif;
}

.leo-comp--audio-player .bar {
    position: absolute;
    border: 1px solid #f3f3f3;
    cursor: pointer;
}

.leo-comp--audio-player .bg {
    height: 100%;
    background-color: #d3d3d3;
    width: 0;
}

.leo-comp--audio-player .fg {
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 0;
}

.leo-comp--audio-player .cursor {
    position: absolute;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    left: -1%;
}

.leo-comp--audio-player .loadButton, .leo-comp--audio-player .pauseButton, .leo-comp--audio-player .playButton, .leo-comp--audio-player .volumeIcon {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

    .leo-comp--audio-player .playButton > div {
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        position: absolute;
    }

    .leo-comp--audio-player .pauseButton > div {
        position: absolute;
        border-color: #fff;
        border-style: solid;
        border-width: 0 3px;
    }

    .leo-comp--audio-player .loadButton > div {
        position: absolute;
        border-radius: 50%;
        border: 1px solid;
        border-color: transparent #fff #fff;
        -webkit-animation: leo-comp--audio-loading 1s linear infinite;
        animation: leo-comp--audio-loading 1s linear infinite;
    }

.leo-comp--audio-player .volume, .leo-comp--audio-player .volume33, .leo-comp--audio-player .volume66, .leo-comp--audio-player .volumeMute {
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff;
    position: absolute;
}

    .leo-comp--audio-player .volume33 > div:nth-child(1), .leo-comp--audio-player .volume66 > div:nth-child(1), .leo-comp--audio-player .volume > div:nth-child(1), .leo-comp--audio-player .volumeMute > div:nth-child(1) {
        width: 3px;
        background: #fff;
        left: 10px;
    }

    .leo-comp--audio-player .volume33 > div:nth-child(2), .leo-comp--audio-player .volume66 > div:nth-child(2), .leo-comp--audio-player .volume > div:nth-child(2) {
        position: absolute;
        left: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        border-right: 1px solid #fff;
    }

    .leo-comp--audio-player .volume33 > div:nth-child(3), .leo-comp--audio-player .volume66 > div:nth-child(3) {
        position: absolute;
        left: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border-right: 1px solid #fff;
    }

    .leo-comp--audio-player .volume66 > div:nth-child(4) {
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border-right: 2px solid #fff;
    }

.default .bar, .default .bg, .default .fg {
    border-radius: 20px;
}

.leo-comp--audio-player .volumeIcon:hover .volume, .leo-comp--audio-player .volumeIcon:hover .volume33, .leo-comp--audio-player .volumeIcon:hover .volume66, .leo-comp--audio-player .volumeIcon:hover .volumeMute {
    border-color: transparent #e1e1e1;
}

    .leo-comp--audio-player .volumeIcon:hover .volume33 > div:nth-child(1), .leo-comp--audio-player .volumeIcon:hover .volume66 > div:nth-child(1), .leo-comp--audio-player .volumeIcon:hover .volume > div:nth-child(1), .leo-comp--audio-player .volumeIcon:hover .volumeMute > div:nth-child(1) {
        background: #e1e1e1;
    }

.leo-comp--btn > button, .leo-comp--sprite-text {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.leo-comp--audio-player .volumeIcon:hover .volume33 > div:nth-child(2), .leo-comp--audio-player .volumeIcon:hover .volume66 > div:nth-child(2), .leo-comp--audio-player .volumeIcon:hover .volume > div:nth-child(2) {
    border-color: #e1e1e1;
}

.leo-comp--audio-player .volumeIcon:hover .volume33 > div:nth-child(3), .leo-comp--audio-player .volumeIcon:hover .volume66 > div:nth-child(3), .leo-comp--audio-player .volumeIcon:hover .volume66 > div:nth-child(4) {
    border-right-color: #e1e1e1;
}

.leo-comp--audio-player .bar:hover {
    border-color: #fff;
}

    .leo-comp--audio-player .bar .cursor:hover, .leo-comp--audio-player .bar:hover .cursor {
        background-color: #e1e1e1;
    }

.leo-comp--audio-player .playButton > div:hover {
    border-left-color: #e1e1e1;
}

.leo-comp--audio-player .pauseButton > div:hover {
    border-color: #e1e1e1;
}

.leo-comp--audio-player .loadButton > div:hover {
    border-color: transparent #e1e1e1 #e1e1e1;
}

@-webkit-keyframes leo-comp--audio-loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes leo-comp--audio-loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.default {
    width: 400px;
    height: 30px;
}

    .default .time {
        left: 250px;
        font-size: 15px;
        line-height: 30px;
    }

    .default .bar {
        height: 10px;
        top: 10px;
    }

    .default .cursor {
        height: 14px;
        top: -3px;
    }

    .default .progressbar {
        left: 40px;
        width: 200px;
    }

        .default .progressbar .cursor {
            width: 10%;
            border-radius: 50px;
        }

    .default .volumebar {
        left: 325px;
        width: 60px;
    }

        .default .volumebar .cursor {
            width: 14px;
            border-radius: 50%;
        }

    .default .loadButton, .default .pauseButton, .default .playButton {
        left: 7px;
    }

        .default .playButton > div {
            border-width: 8px 0 8px 14px;
            top: 7px;
            left: 9px;
        }

        .default .pauseButton > div {
            width: 12px;
            height: 14px;
            top: 8px;
            left: 8px;
        }

        .default .loadButton > div {
            height: 14px;
            width: 14px;
            left: 8px;
            top: 8px;
        }

    .default .volumeIcon {
        left: 290px;
    }

    .default .volume, .default .volume33, .default .volume66, .default .volumeMute {
        width: 9px;
        height: 18px;
        left: 5px;
        top: 6px;
    }

        .default .volume33 > div:nth-child(1), .default .volume66 > div:nth-child(1), .default .volume > div:nth-child(1), .default .volumeMute > div:nth-child(1) {
            height: 8px;
        }

        .default .volume33 > div:nth-child(2), .default .volume66 > div:nth-child(2), .default .volume > div:nth-child(2) {
            top: 1px;
        }

        .default .volume33 > div:nth-child(3), .default .volume66 > div:nth-child(3) {
            top: -1px;
        }

        .default .volume66 > div:nth-child(4) {
            top: -3px;
            left: 6px;
        }

.mini {
    width: 62px;
    height: 30px;
    box-shadow: inset 0 16px 20px rgba(188,188,188,.3),inset 0 1px 1px -1px #a0a0a0;
    border: 1px solid #202020;
}

    .mini .loadButton, .mini .pauseButton, .mini .playButton {
        width: 29px;
        height: 29px;
        border-right: 1px solid rgba(0,0,0,.39);
        box-shadow: 2px 0 1px -1px rgba(255,255,255,.28);
    }

        .mini .loadButton:hover, .mini .pauseButton:hover, .mini .playButton:hover, .mini .volumeIcon:hover {
            background-color: rgba(255,255,255,.3);
        }

        .mini .playButton > div {
            border-width: 7px 0 7px 8px;
            top: 7px;
            left: 12px;
        }

        .mini .pauseButton > div {
            width: 10px;
            height: 12px;
            top: 8px;
            left: 10px;
        }

        .mini .loadButton > div {
            height: 12px;
            width: 12px;
            left: 9px;
            top: 9px;
        }

    .mini .volumeIcon {
        left: 29px;
        height: 28px;
        width: 31px;
    }

    .mini .volume, .mini .volume33, .mini .volume66, .mini .volumeMute {
        width: 9px;
        height: 16px;
        top: 6px;
        left: 5px;
    }

        .mini .volume33 > div:nth-child(1), .mini .volume66 > div:nth-child(1), .mini .volume > div:nth-child(1), .mini .volumeMute > div:nth-child(1) {
            height: 6px;
        }

        .mini .volume33 > div:nth-child(2), .mini .volume66 > div:nth-child(2), .mini .volume > div:nth-child(2) {
            top: 0;
        }

        .mini .volume33 > div:nth-child(3), .mini .volume66 > div:nth-child(3) {
            top: -2px;
        }

        .mini .volume66 > div:nth-child(4) {
            top: -4px;
            left: 5px;
        }

.simple {
    height: 60px;
    width: 200px;
}

    .simple .time {
        top: 14px;
        right: 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .simple .progressbar {
        top: 9px;
        left: 10px;
        width: 180px;
        height: 5px;
    }

    .simple .volumebar {
        top: 33px;
        left: 86px;
        height: 7px;
        width: 60px;
    }

    .simple .loadButton, .simple .pauseButton, .simple .playButton, .simple .volumeIcon {
        border: 1px solid #fff;
        top: 21px;
        left: 10px;
        border-radius: 50%;
    }

        .simple .playButton > div {
            left: 10px;
            border-width: 8px 0 8px 10px;
            top: 6px;
        }

        .simple .pauseButton > div {
            width: 10px;
            height: 12px;
            top: 8px;
            left: 9px;
        }

        .simple .loadButton > div {
            height: 12px;
            width: 12px;
            left: 8px;
            top: 8px;
        }

    .simple .volumeIcon {
        top: 21px;
        left: 48px;
    }

    .simple .volume, .simple .volume33, .simple .volume66, .simple .volumeMute {
        width: 9px;
        height: 16px;
        top: 6px;
        left: 5px;
    }

        .simple .volume33 > div:nth-child(1), .simple .volume66 > div:nth-child(1), .simple .volume > div:nth-child(1), .simple .volumeMute > div:nth-child(1) {
            height: 6px;
        }

        .simple .volume33 > div:nth-child(2), .simple .volume66 > div:nth-child(2), .simple .volume > div:nth-child(2) {
            top: 0;
        }

        .simple .volume33 > div:nth-child(3), .simple .volume66 > div:nth-child(3) {
            top: -2px;
        }

        .simple .volume66 > div:nth-child(4) {
            top: -4px;
            left: 5px;
        }

.classical {
    box-shadow: inset 0 16px 20px rgba(188,188,188,.3),inset 0 1px 1px -1px #a0a0a0;
    border: 1px solid #202020;
    width: 400px;
    height: 32px;
}

    .classical .time {
        left: 250px;
        line-height: 30px;
        border-right: 1px solid rgba(0,0,0,.39);
        box-shadow: 2px 0 1px -1px rgba(255,255,255,.28);
        padding: 0 6px;
        font-size: 14px;
    }

    .classical .bar {
        border-radius: 3px;
        border: 0;
        box-shadow: inset 0 1px 1px #0C0C0C,inset -1px -1px 1px #747474;
        top: 10px;
        overflow: hidden;
    }

    .classical .bg, .classical .fg {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .classical .bg {
        box-shadow: inset 0 1px 1px #242424,inset -1px -1px 1px #909090;
    }

    .classical .fg {
        background-color: #00daff;
        background-image: -webkit-linear-gradient(right,#6B52FF,#00daff,#aef2ff);
        background-image: linear-gradient(to left,#6B52FF,#00daff,#aef2ff);
        height: 9px;
        top: 1px;
    }

    .classical .progressbar {
        left: 40px;
        width: 210px;
        height: 10px;
    }

    .classical .volumebar {
        left: 328px;
        width: 56px;
        height: 10px;
    }

    .classical .loadButton, .classical .pauseButton, .classical .playButton {
        width: 30px;
        height: 31px;
        border-right: 1px solid rgba(0,0,0,.39);
        box-shadow: 2px 0 1px -1px rgba(255,255,255,.28);
    }

        .classical .playButton > div {
            border-width: 8px 0 8px 10px;
            left: 11px;
            top: 7px;
        }

        .classical .pauseButton > div {
            width: 10px;
            height: 12px;
            top: 9px;
            left: 10px;
        }

        .classical .loadButton > div {
            height: 12px;
            width: 12px;
            left: 9px;
            top: 9px;
        }

    .classical .volumeIcon {
        left: 300px;
    }

    .classical .volume, .classical .volume33, .classical .volume66, .classical .volumeMute {
        width: 9px;
        height: 16px;
        top: 7px;
        left: 5px;
    }

        .classical .volume33 > div:nth-child(1), .classical .volume66 > div:nth-child(1), .classical .volume > div:nth-child(1), .classical .volumeMute > div:nth-child(1) {
            height: 6px;
        }

        .classical .volume33 > div:nth-child(2), .classical .volume66 > div:nth-child(2), .classical .volume > div:nth-child(2) {
            top: 0;
        }

        .classical .volume33 > div:nth-child(3), .classical .volume66 > div:nth-child(3) {
            top: -2px;
        }

        .classical .volume66 > div:nth-child(4) {
            top: -4px;
            left: 5px;
        }

.leo-comp--BGM {
    display: none !important;
}

.leo-comp--btn {
    border: 0;
}

    .leo-comp--btn > button {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        line-height: 1.42857143;
        border-style: solid;
        white-space: nowrap;
        background-image: none;
        background-color: transparent;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: inherit;
    }

        .leo-comp--btn > button[disable] {
            pointer-events: none;
            box-shadow: none;
        }

    .leo-comp--btn:not(.leo-com--btn__has-bg) > button:active {
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .leo-comp--btn.leo-comp--btn__has-bg > button {
        border-style: none !important;
        background-color: transparent !important;
    }

        .leo-comp--btn.leo-comp--btn__has-bg > button:active {
            -webkit-transform: translate(1px,1px);
            -ms-transform: translate(1px,1px);
            transform: translate(1px,1px);
        }

        .leo-comp--btn.leo-comp--btn__has-bg > button::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255,255,255,.08);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            width: 0;
            margin: auto;
        }

        .leo-comp--btn.leo-comp--btn__has-bg > button:hover::before {
            width: 100%;
        }

.leo-comp--html-embed-box {
    background-color: #fff;
}

.embed-web--container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: #ccc;
}

.embed-web--iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 1;
    zoom: 1;
}

.embed-web--toolbar, .embed-web--toolbar-cover {
    width: 100%;
    height: 50px;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.embed-web--toolbar {
    background-color: rgba(0,0,0,.8);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.toolbar--fs {
    position: absolute;
    cursor: pointer;
    width: 32px;
    height: 28px;
    right: 30px;
    top: 11px;
    background-image: url(assets.png);
    background-position: -444px -287px;
}

.leo-comp-flash {
    overflow: hidden;
}

    .leo-comp-flash object {
        position: absolute;
        left: 0;
        top: 0;
        zoom: 1;
    }

.leo-comp--img {
    border: 0 solid;
    overflow: hidden;
}

    .leo-comp--img img {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

.leo_reflection {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.leo-comp--media, .leo-lightbox--html5video, .leo-lightbox--vimeo, .leo-lightbox--youtube {
    background-color: #2d2d2d;
}

    .leo-comp--media:before, .leo-lightbox--html5video:before, .leo-lightbox--vimeo:before, .leo-lightbox--youtube:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 1;
    }

    .leo-comp--media iframe, .leo-comp--media video, .leo-lightbox--html5video iframe, .leo-lightbox--html5video video, .leo-lightbox--vimeo iframe, .leo-lightbox--vimeo video, .leo-lightbox--youtube iframe, .leo-lightbox--youtube video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .leo-comp--youtube:before, .leo-lightbox--youtube:before {
        background-image: url(assets.png);
        background-position: 0 -250px;
        width: 128px;
        height: 128px;
    }

    .leo-comp--vimeo:before, .leo-lightbox--vimeo:before {
        background-image: url(assets.png);
        background-position: -128px -250px;
        width: 128px;
        height: 128px;
    }

    .leo-comp--html5video:before, .leo-lightbox--html5video:before {
        background-image: url(assets.png);
        background-position: -256px -250px;
        width: 128px;
        height: 128px;
    }

.leo-comp--movingbackground {
    overflow: hidden;
}

    .leo-comp--movingbackground canvas {
        width: 100%;
        height: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

.leo-comp--moving-object-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.leo-comp--paypaldiscount {
    text-align: center;
}

    .leo-comp--paypaldiscount > img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .leo-comp--paypaldiscount > div {
        position: relative;
        top: 0;
        height: 100%;
        text-align: center;
        white-space: nowrap;
        text-rendering: optimizeLegibility;
        text-shadow: 1px 1px 1px #000;
    }

    .leo-comp--paypaldiscount > span {
        margin: 6px;
    }

.leo-comp--paypalprice {
    user-select: none;
    -webkit-user-drag: none;
}

.leo-slide--flow-3D, .ppproduct--thumbnail {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow: hidden;
}

.leo-comp--paypalprice p {
    margin: 0;
}

.leo-comp--paypalprice > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: paypalpricerotate 40s infinite linear;
    animation: paypalpricerotate 40s infinite linear;
    z-index: 1;
}

.leo-comp--paypalprice > div {
    white-space: nowrap;
    text-shadow: 1px 1px 1px #000;
    position: absolute;
    z-index: 2;
}

@-webkit-keyframes paypalpricerotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes paypalpricerotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.leo-comp--paypalproductbox > img {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 702;
    display: none;
}

.ppproduct--slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    border: 10px solid;
}

    .ppproduct--slide > div {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }

        .ppproduct--slide > div img {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

.ppproduct--thumbnail {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 20%;
    user-select: none;
    -webkit-user-drag: none;
}

    .ppproduct--thumbnail > div {
        position: absolute;
        height: 100%;
        width: 999999px;
        box-sizing: border-box;
        border-top: 10px solid transparent;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .ppproduct--thumbnail .active {
        border: 2px solid #317ee7;
    }

.ppproduct--li {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #919191;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
}

    .ppproduct--li > img {
        position: relative;
        width: 100%;
        height: 100%;
    }

.leo-comp--paypalstar img {
    width: 20%;
    height: 100%;
    float: left;
}

.flow-3D--image-container, .leo-comp--shape__text {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.leo-comp--paypalstar canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.leo-comp--shape.shortcut {
    overflow: hidden;
    -webkit-transition: background .3s;
    transition: background .3s;
}

.shortcut.shortcut--earth svg {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
}

.shortcut.shortcut--earth:hover svg {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.shortcut.shortcut--mail path:nth-child(1) {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}

.shortcut.shortcut--mail:hover path:nth-child(1) {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.shortcut.shortcut--first path:nth-child(2) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.shortcut.shortcut--first:hover path:nth-child(2) {
    -webkit-animation: shortcut--arrow-left .3s;
    animation: shortcut--arrow-left .3s;
}

.shortcut.shortcut--last path:nth-child(2) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.shortcut.shortcut--last:hover path:nth-child(2) {
    -webkit-animation: shortcut--arrow-right .3s;
    animation: shortcut--arrow-right .3s;
}

.shortcut.shortcut--download path:nth-child(2) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.shortcut.shortcut--download:hover path:nth-child(2) {
    -webkit-animation: shortcut--download .3s;
    animation: shortcut--download .3s;
}

@-webkit-keyframes shortcut--download {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@keyframes shortcut--download {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

.shortcut.shortcut--arrow-left g {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.shortcut.shortcut--arrow-left:hover g {
    -webkit-animation: shortcut--arrow-left .3s cubic-bezier(.18,.89,.32,1.28);
    animation: shortcut--arrow-left .3s cubic-bezier(.18,.89,.32,1.28);
}

@-webkit-keyframes shortcut--arrow-left {
    from {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes shortcut--arrow-left {
    from {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

.shortcut.shortcut--arrow-right g {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.shortcut.shortcut--arrow-right:hover g {
    -webkit-animation: shortcut--arrow-right .3s cubic-bezier(.18,.89,.32,1.28);
    animation: shortcut--arrow-right .3s cubic-bezier(.18,.89,.32,1.28);
}

@-webkit-keyframes shortcut--arrow-right {
    from {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@keyframes shortcut--arrow-right {
    from {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

.shortcut.shortcut--share path:nth-child(2) {
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.shortcut.shortcut--share:hover path:nth-child(2) {
    -webkit-animation: shortcut--share .3s cubic-bezier(.18,.89,.32,1.28);
    animation: shortcut--share .3s cubic-bezier(.18,.89,.32,1.28);
}

@-webkit-keyframes shortcut--share {
    from {
        -webkit-transform: scale(0) translateX(-35px);
        transform: scale(0) translateX(-35px);
    }
}

@keyframes shortcut--share {
    from {
        -webkit-transform: scale(0) translateX(-35px);
        transform: scale(0) translateX(-35px);
    }
}

.shortcut.shortcut--page {
    -webkit-perspective: 100px;
    perspective: 100px;
}

    .shortcut.shortcut--page > svg {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: 6px 0 0;
        -ms-transform-origin: 6px 0 0;
        transform-origin: 6px 0 0;
    }

    .shortcut.shortcut--page:hover > svg {
        -webkit-animation: shortcut--page 1s;
        animation: shortcut--page 1s;
    }

@-webkit-keyframes shortcut--page {
    0%,100%,30% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    15% {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg);
    }

    65% {
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
    }
}

@keyframes shortcut--page {
    0%,100%,30% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    15% {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg);
    }

    65% {
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
    }
}

.leo-comp--shape > svg {
    position: absolute;
}

.leo-comp--shape__text {
    overflow: hidden;
    z-index: 10;
    word-break: break-word;
}

.leo-comp--shape-rect {
    border-style: solid;
}

.leo-slide--flow-3D {
    user-select: none;
}

.flow-3D--image-container {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flow-3D--image {
    width: 50%;
    height: 80%;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
}

.album--page, .album--page-out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0 solid #fff;
    background-color: #fff;
}

    .album--page img, .album--page-out img {
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

.leo-comp--base-slide {
    overflow: hidden;
    border: 0 solid;
}

    .leo-comp--base-slide .slide-ul {
        position: absolute;
        width: 9999999px;
        height: 100%;
    }

    .leo-comp--base-slide .slide-li {
        position: relative;
        height: 100%;
        overflow: hidden;
        float: left;
    }

        .leo-comp--base-slide .slide-li img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

    .leo-comp--base-slide .drag-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.slide--touch-controls .control {
    opacity: 1 !important;
}

.slide--controls > .control {
    position: absolute;
    height: 100%;
    z-index: 2;
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    top: 0;
}

    .slide--controls > .control:before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer;
    }

.slide--controls:hover .control {
    opacity: 1;
}

.slide--controls .control--prev {
    left: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

    .slide--controls .control--prev:before {
        width: 37px;
        height: 37px;
        background-image: url(assets.png);
        background-position: -384px -250px;
    }

    .slide--controls .control--prev:active:before, .slide--controls .control--prev:hover:before {
        background-image: url(assets.png);
        background-position: -400px -200px;
    }

.slide--controls .control--next {
    right: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

    .slide--controls .control--next:before {
        left: -37px;
        width: 37px;
        height: 37px;
        background-image: url(assets.png);
        background-position: -437px -200px;
    }

    .slide--controls .control--next:active:before, .slide--controls .control--next:hover:before {
        background-image: url(assets.png);
        background-position: -421px -250px;
    }

.drag-slide {
    overflow: hidden;
}

    .drag-slide .slide--page, .fade-slide {
        border-style: solid;
    }

.flip-slide {
    -webkit-perspective: 600px;
    perspective: 600px;
}

    .flip-slide .slide--page {
        border-style: solid;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .flip-slide .transform-stage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.moving-slide img {
    height: 100%;
    float: left;
    border: 0 solid;
}

.swipe-slide .slide--page, .zoom-slide {
    border-style: solid;
}

.swipe-slide {
    overflow: hidden;
}

.zoom-slide {
    overflow: hidden;
}

.leo-comp--slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

    .leo-comp--slide .slide--page {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .leo-comp--slide .page--image {
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
    }

.leo-comp--sprite-text {
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    z-index: 3;
}

    .leo-comp--sprite-text p {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .leo-comp--sprite-text .inside {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        box-sizing: border-box;
        border-style: solid;
        border-color: transparent;
    }

    .leo-comp--sprite-text .content {
        position: absolute;
        bottom: 0;
        margin: 0;
        min-height: 80%;
        width: 100%;
        word-wrap: break-word;
        word-break: break-word;
    }

    .leo-comp--sprite-text .masking {
        position: absolute;
        width: 100%;
        height: 50%;
        z-index: 1;
    }

    .leo-comp--sprite-text .rect .black {
        background-image: -webkit-linear-gradient(top,#c9c8c8,rgba(201,200,200,0));
        background-image: linear-gradient(to bottom,#c9c8c8,rgba(201,200,200,0));
    }

    .leo-comp--sprite-text .rect .blue {
        background-image: -webkit-linear-gradient(top,#ddf8fe,rgba(221,248,254,0));
        background-image: linear-gradient(to bottom,#ddf8fe,rgba(221,248,254,0));
    }

    .leo-comp--sprite-text .rect .yellow {
        background-image: -webkit-linear-gradient(top,#fef8c9,rgba(254,248,201,0));
        background-image: linear-gradient(to bottom,#fef8c9,rgba(254,248,201,0));
    }

    .leo-comp--sprite-text .cloud .white {
        background-image: -webkit-linear-gradient(top,#f9f9f9,rgba(249,249,249,0));
        background-image: linear-gradient(to bottom,#f9f9f9,rgba(249,249,249,0));
    }

    .leo-comp--sprite-text .cloud .yellow {
        background-image: -webkit-linear-gradient(top,#fffee8,rgba(255,254,232,0));
        background-image: linear-gradient(to bottom,#fffee8,rgba(255,254,232,0));
    }

    .leo-comp--sprite-text .circle .blue {
        background-image: -webkit-linear-gradient(top,#d3eef4,rgba(211,238,244,0));
        background-image: linear-gradient(to bottom,#d3eef4,rgba(211,238,244,0));
    }

    .leo-comp--sprite-text .circle .yellow {
        background-image: -webkit-linear-gradient(top,#fffce4,rgba(255,252,228,0));
        background-image: linear-gradient(to bottom,#fffce4,rgba(255,252,228,0));
    }

.leo-progress-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 999;
    pointer-events: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.leo-progress-bar, .leo-progress-spin {
    position: absolute;
}

.leo-progress-bar {
    left: 0;
    top: 0;
    width: 0;
    height: 2px;
    background-color: #29d;
}

    .leo-progress-bar > .leo-progress-bar--inner {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 100%;
        -webkit-transform: rotate(3deg) translate(0,-4px);
        -ms-transform: rotate(3deg) translate(0,-4px);
        transform: rotate(3deg) translate(0,-4px);
        box-shadow: 0 0 10px #29d,0 0 5px #29d;
    }

.leo-progress-spin {
    top: 15px;
    right: 15px;
}

    .leo-progress-spin > .leo-progress-spin--inner {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
    }

.leo-comp--scene, .leo-comp--stage {
    width: 0 !important;
    height: 0 !important;
}