/* == YouTubePopUp == */
@charset "UTF-8";.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999
}
.YouTubePopUp-animation{
    opacity:0;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:YouTubePopUp;
    animation-name:YouTubePopUp
}
@-webkit-keyframes YouTubePopUp{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes YouTubePopUp{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
body.logged-in .YouTubePopUp-Wrap{
    top:32px;
    z-index:99998
}
.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative
}
.YouTubePopUp-Content iframe{
    max-width:100%!important;
    width:100%!important;
    display:block!important;
    height:480px!important;
    border:none!important;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto 0
}
.YouTubePopUp-Hide{
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:YouTubePopUpHide;
    animation-name:YouTubePopUpHide
}
@-webkit-keyframes YouTubePopUpHide{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes YouTubePopUpHide{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(https://dsngrid.com/) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px
}
.YouTubePopUp-Close:hover{
    opacity:0.5
}
@media (max-width:768px) and (min-width:10px){
    .YouTubePopUp-Content{
        max-width:90%
    }
}
@media (max-width:600px) and (min-width:10px){
    .YouTubePopUp-Content iframe{
        height:320px!important
    }
    .YouTubePopUp-Close{
        bottom:362px
    }
}
@media (max-width:480px) and (min-width:10px){
    .YouTubePopUp-Content iframe{
        height:220px!important
    }
    .YouTubePopUp-Close{
        bottom:262px
    }
}