.noo-video-player {
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    .overflow-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .noo-button-play {
        top: 50%;
        z-index: 2;
        width: 100%;
        position: absolute;
        .translate(0, -50%);
    }
    .play-button {
        color: #fff;
        font-size: 30px;
        line-height: 47px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        width: 60px;
        height: 60px;
        border: 6px solid #fff;
        .rounded(50%);
        &:hover {
            color: @primary_color;
        }
        i {
            .translate(3px, 0)
        }
    }
    .noo-title {
        color: #fff;
        font-size: 31px;
        line-height: 26px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 24px 0 22px;
        >b {
            color: @primary_color;
            font-weight: 700;
        }
    }
    .noo-description {
        color: #fff;
        font-size: 18px;
        line-height: 26px;
        font-style: italic;
        >b {
            text-decoration: underline;
            font-weight: 500;
        }
    }
    .iframe-video-player {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        display: none;
        overflow: hidden;
        background-color: #000000;
        z-index: 99;
        .video-close {
            padding: 5px 10px;
            right: 15px;
            cursor: pointer;
            color: white;
            background: @primary_color;
            z-index: 100;
            position: absolute;
        }
    }
}