/*.cover-bg {
    height: 0;
    padding-top: 66.66%;
}
.cover {
    min-height: 300px;
}*/
.ris_scroll_wrap{
    width: 100%;
    margin: auto;
    position: relative;
}
.ris_01{
    width: 100%;
    height: auto;
    opacity: 1;
}
.ris_02{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transition: all .6s ease-in-out;
    opacity: 0;
}
.ris_03{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transition: all .6s ease-in-out;
    opacity: 0;
}
.ris_trig_wrap{
    position: absolute;
    top: 0vh; /*-50vh*/
    left: 0;
    height: 130vh;
    width: 10px;
}

.ris_trig_01{position: absolute; top: 0%; width: 10px; }/* height: 2px; background: red; */
.ris_trig_02{position: absolute; top: 110vh; width: 10px; } /*110%*/
.ris_trig_03{position: absolute; bottom: 0; width: 10px; } /*160%*/

    @media  (max-width: 1200px) {
        .ris_trig_wrap{
            top: 15vh; /*-50vh*/
        }
        .ris_trig_02{top: 50vh;} 
        .ris_trig_03{top: 100vh;}
    }
    @media screen and (max-width: 800px) and (orientation: portrait){
        .ris_trig_wrap{
            top: 15vh; /*-50vh*/
        }
/*         .ris_trig_01{top: 0%; width: 10px; } */
        .ris_trig_02{top: 30vh; } 
        .ris_trig_03{top: 70vh; }
    }

.video_wrap{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}
.video_wrap.video{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.video_trig{
    position: absolute;
    top: 40vh;
    left: 0;
    height: 20vh;
    width: 10px;
}