@import url('zhtml.css?v=1');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

BODY {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
/*
    background-image: url(../i/bg-2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
*/
    position: relative;
    }

HEADER {
    border-top: 4px solid #898c8e;
    overflow: hidden;
    }

    HEADER SECTION {}

MAIN {}

    MAIN SECTION {}

FOOTER {}

    FOOTER SECTION {
        color: #777;
        font-size: 12px;
        text-align: center;
        margin: 1em auto;
        }

        FOOTER SECTION A { color: #888; text-decoration: none; }
        FOOTER SECTION A:hover { color: #aaa; text-decoration: underline; }

        FOOTER SECTION .cb {
            text-align: justify;
            margin-bottom: 2em;
            }

H1 {
    font-size: 48px;
    text-align: center;
    margin: .35em 0;
    }

H1.first {
    color: #d00;
    line-height: 1.25;
    }

    H1.first SPAN {
        -webkit-border-radius: 36px;
        border-radius: 36px;
        background-color: rgba(255,255,255,.65);
        -webkit-box-shadow: 0 0 8px 8px rgba(255,255,255,.65);
        box-shadow: 0 0 8px 8px rgba(255,255,255,.65);
        padding: 0 .5em;
        display: inline-block;
        }

    H1.first SPAN.l1 { position: relative; z-index: 1; }

H2 {
    font-size: 36px;
    text-align: center;
    margin: 1em 0 .75em;
    }

H2.specp {
    font-size: 40px;
    font-weight: bold;
    }

    H2.specp SPAN {
        -webkit-border-radius: 30px;
        border-radius: 30px;
        background-color: rgba(255,255,255,.65);
        -webkit-box-shadow: 0 0 16px 8px rgba(255,255,255,.65);
        box-shadow: 0 0 16px 8px rgba(255,255,255,.65);
        padding: 0 .65em;
        display: inline-block;
        }

.cdate {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    background-color: #898c8e;
    padding: .5em 1em;
    margin: 0 .25em;
    position: absolute;
    top: 0px;
    right: 2vw;
    z-index: 9999;
    }

.faqs {}

    .faqs .column {
        padding: 0 1.5em;
        }

        .faqs .column A {
            color: #000;
            font-size: 85%;
            text-decoration: none;
            }

        .faqs .column A:hover { text-decoration: underline; }

        .faqs .column .answer {
            font-style: italic;
            display: none;
            }

.video {
    color: #fff;
    margin: 1rem auto;
    max-width: 800px;
    position: relative;
    }

    .video .player {
        margin: 0 auto;
        width: 760px;
        height: 427.5px;
        position: relative;
        }

        .video .player .hlayer {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99999;
            }

        .video .player IFRAME {
            width: 760px;
            height: 427.5px;
            position: relative;
            z-index: 9999;
            }

    .video .notification {
        text-align: center;
        margin: .5em 0;
        }

        .video .notification A {
            color: #999;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.25em;
            text-decoration: none;
            background-image: url(../i/unmute.png);
            background-position: right;
            background-repeat: no-repeat;
            background-size: 1.5em;
            padding-right: 1.75em;
            }

        .video .notification A:hover { color: #aaa; }
        .video .notification.passive A:hover { color: #999; }

.unmutes {
    text-align: center;
    top: 170px;
    left: -280px;
    right: -280px;
    position: absolute;
    z-index: 1;
    }

    .unmutes A.lt { float: left; }
    .unmutes A.rt { float: right; }

    .unmutes A {
        color: #000;
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.02em;
        text-decoration: none;
        border-bottom: 5px solid #c90;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background-color: #ffbf00;
        background-image: url(../i/unmute.png);
        background-position: top center;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
        padding: 1.65em .5em .45em .5em;
        display: inline-block;

        -webkit-transition: all 222ms ease;
        -moz-transition: all 222ms ease;
        -ms-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        }

    .unmutes A:hover {
        background-color: #ffcf22 !important;

        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
        margin: -1px 0 1px;

        -webkit-transition: all 222ms ease;
        -moz-transition: all 222ms ease;
        -ms-transition: all 222ms ease;
        -o-transition: all 222ms ease;
        transition: all 222ms ease;
        }

    .unmutes A.highlight {
        background-color: #ffdd93;
        }

.pbutton {
    text-align: center;
    margin: 2rem 0;
    }

    .pbutton P {
        margin: 1.5rem 0;
        }

    .pbutton A {
        color: #593400;
        font-size: 36px;
        font-weight: 800;
        letter-spacing: -.02em;
        line-height: 1.35;
        text-decoration: none;
        text-shadow: 0 1px 1px #fff;
        border-bottom: 6px solid #ffae00;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background-color: #ffd600;
        padding: .5em 1em;
        display: inline-block;
        position: relative;

        -webkit-transition: all 333ms ease;
        -moz-transition: all 333ms ease;
        -ms-transition: all 333ms ease;
        -o-transition: all 333ms ease;
        transition: all 333ms ease;
        }

    .pbutton A:hover {
        border-bottom: 6px solid #ffbe33;
        background-color: #ffde33;

        -webkit-transition: all 333ms ease;
        -moz-transition: all 333ms ease;
        -ms-transition: all 333ms ease;
        -o-transition: all 333ms ease;
        transition: all 333ms ease;
        }

.price {
    color: #080;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.15;
    text-align: center;
    margin: 1.5rem 0;
    }

    .price STRIKE {
        color: #555;
        font-size: 75%;
        }