@charset "UTF-8";
@layer legacy{
[data-static-html] .inc-modal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
    transition-property: opacity;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    display: none
}

[data-static-html] .inc-modal a, [data-static-html] .inc-modal abbr, [data-static-html] .inc-modal acronym, [data-static-html] .inc-modal address, [data-static-html] .inc-modal applet, [data-static-html] .inc-modal article, [data-static-html] .inc-modal aside, [data-static-html] .inc-modal audio, [data-static-html] .inc-modal b, [data-static-html] .inc-modal big, [data-static-html] .inc-modal blockquote, [data-static-html] .inc-modal body, [data-static-html] .inc-modal canvas, [data-static-html] .inc-modal caption, [data-static-html] .inc-modal center, [data-static-html] .inc-modal cite, [data-static-html] .inc-modal code, [data-static-html] .inc-modal dd, [data-static-html] .inc-modal del, [data-static-html] .inc-modal details, [data-static-html] .inc-modal dfn, [data-static-html] .inc-modal div, [data-static-html] .inc-modal dl, [data-static-html] .inc-modal dt, [data-static-html] .inc-modal em, [data-static-html] .inc-modal embed, [data-static-html] .inc-modal fieldset, [data-static-html] .inc-modal figcaption, [data-static-html] .inc-modal figure, [data-static-html] .inc-modal footer, [data-static-html] .inc-modal form, [data-static-html] .inc-modal h1, [data-static-html] .inc-modal h2, [data-static-html] .inc-modal h3, [data-static-html] .inc-modal h4, [data-static-html] .inc-modal h5, [data-static-html] .inc-modal h6, [data-static-html] .inc-modal header, [data-static-html] .inc-modal hgroup, [data-static-html] .inc-modal html, [data-static-html] .inc-modal i, [data-static-html] .inc-modal iframe, [data-static-html] .inc-modal img, [data-static-html] .inc-modal ins, [data-static-html] .inc-modal kbd, [data-static-html] .inc-modal label, [data-static-html] .inc-modal legend, [data-static-html] .inc-modal li, [data-static-html] .inc-modal mark, [data-static-html] .inc-modal menu, [data-static-html] .inc-modal nav, [data-static-html] .inc-modal object, [data-static-html] .inc-modal ol, [data-static-html] .inc-modal output, [data-static-html] .inc-modal p, [data-static-html] .inc-modal pre, [data-static-html] .inc-modal q, [data-static-html] .inc-modal ruby, [data-static-html] .inc-modal s, [data-static-html] .inc-modal samp, [data-static-html] .inc-modal section, [data-static-html] .inc-modal small, [data-static-html] .inc-modal span, [data-static-html] .inc-modal strike, [data-static-html] .inc-modal strong, [data-static-html] .inc-modal sub, [data-static-html] .inc-modal summary, [data-static-html] .inc-modal sup, [data-static-html] .inc-modal table, [data-static-html] .inc-modal tbody, [data-static-html] .inc-modal td, [data-static-html] .inc-modal tfoot, [data-static-html] .inc-modal th, [data-static-html] .inc-modal thead, [data-static-html] .inc-modal time, [data-static-html] .inc-modal tr, [data-static-html] .inc-modal tt, [data-static-html] .inc-modal u, [data-static-html] .inc-modal ul, [data-static-html] .inc-modal var, [data-static-html] .inc-modal video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

[data-static-html] .inc-modal article, [data-static-html] .inc-modal aside, [data-static-html] .inc-modal details, [data-static-html] .inc-modal figcaption, [data-static-html] .inc-modal figure, [data-static-html] .inc-modal footer, [data-static-html] .inc-modal header, [data-static-html] .inc-modal hgroup, [data-static-html] .inc-modal menu, [data-static-html] .inc-modal nav, [data-static-html] .inc-modal section {
    display: block
}

[data-static-html] .inc-modal body {
    line-height: 1
}

[data-static-html] .inc-modal ol, [data-static-html] .inc-modal ul {
    list-style: none
}

[data-static-html] .inc-modal blockquote, [data-static-html] .inc-modal q {
    quotes: none
}

[data-static-html] .inc-modal blockquote:after, [data-static-html] .inc-modal blockquote:before, [data-static-html] .inc-modal q:after, [data-static-html] .inc-modal q:before {
    content: none
}

[data-static-html] .inc-modal table {
    border-collapse: collapse;
    border-spacing: 0
}

[data-static-html] .inc-modal a {
    -webkit-tap-highlight-color: transparent
}

[data-static-html] .inc-modal .clearfix {
    overflow: hidden
}

[data-static-html] .inc-modal .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

[data-static-html] .inc-modal * html .clearfix {
    zoom: 1
}

[data-static-html] .inc-modal__overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1;
    visibility: hidden
}

[data-static-html] .inc-modal__box {
    position: relative;
    z-index: 2;
    max-width: 980px;
    width: 100%;
    background: #fff;
    visibility: hidden
}

[data-static-html] .inc-modal__box video {
    width: 100%;
    position: static !important;
    display: block;
}

@media screen and (max-width: 767px) {
    [data-static-html] .inc-modal__box {
        max-width: 700px;
        width: 90%
    }
}

[data-static-html] .inc-modal.is-open {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    display: flex
}

[data-static-html] .inc-modal.is-open .inc-modal__box, [data-static-html] .inc-modal.is-open .inc-modal__overlay {
    visibility: visible
}

[data-static-html] .inc-modal__close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px
}

[data-static-html] .inc-modal__close:after, [data-static-html] .inc-modal__close:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 40px;
    height: 2px
}

[data-static-html] .inc-modal__close:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1)
}

[data-static-html] .inc-modal__close:after {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg) scale(1)
}

@media screen and (max-width: 767px) {
    [data-static-html] .inc-modal__close {
        right: 0
    }
}

[data-static-html] #videoInner > div {
    width: 100% !important;
    height: 100% !important
}
}