/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

.adaptive-video-opener,
.adaptive-layer-opener {
    position: absolute;
    top: 138px;
    left: 506px;
    width: 298px;
    height: 229px;
    z-index: 1000;
    display: block;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.hero-l .adaptive-video-opener,
.hero-l .adaptive-layer-opener {
    top: 138px;
    left: 506px;
    width: 298px;
    height: 229px;
}

.hero-m .adaptive-video-opener,
.hero-m .adaptive-layer-opener {
    top: 75px;
    left: 501px;
    width: 298px;
    height: 229px;
}

.adaptive-video-opener {
    display: none;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

@media only screen and (max-width: 999px) {
    .hero-l .adaptive-video-opener,
    .hero-l .adaptive-layer-opener {
        top: 134px;
        left: 303px;
        width: 166px;
        height: 139px;
    }
    .hero-m .adaptive-video-opener,
    .hero-m .adaptive-layer-opener {
        top: 127px;
        left: 306px;
        width: 166px;
        height: 139px;
    }
}

@media only screen and (max-width: 679px) {
    .hero-sub.hero-sub > .adaptive-layer-opener {
        display: none;
    }
    .hero-l .adaptive-video-opener {
        display: block;
        top: -212px;
        left: 28px;
        width: 235px;
        height: 136px;
    }

    .hero-m .adaptive-video-opener {
        display: block;
        top: -217px;
        left: 24px;
        width: 241px;
        height: 137px;
    }
}