@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; }
    100% { opacity: 1; }
}

@keyframes YouTubePopUp {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

body.logged-in .YouTubePopUp-Wrap { /* For WordPress */ 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; }
    100% { opacity: 0; }
}

@keyframes YouTubePopUpHide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.YouTubePopUp-Close { position: absolute; top: 110px; cursor: pointer; bottom: 528px; right: -25px; margin: auto 0; width: 18px; height: 18px; background: url(close.png) no-repeat; -moz-background-size: 18px 18px; -o-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }
.YouTubePopUp-Close:hover { opacity: 0.5; }

@media all and (max-width: 768px) and (min-width: 10px) {
    .YouTubePopUp-Content { max-width: 90%; }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height: 320px !important; }
    .YouTubePopUp-Close { bottom: 362px; }
    .YouTubePopUp-Close { top: 90px; right: 0px; }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe { height: 220px !important; }
    .YouTubePopUp-Close { bottom: 262px; }
}