/* == 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 {width:95%;max-width: 1000px;display:block;margin:0 auto;height:100%;position:relative;}
.YouTubePopUp-Content iframe {max-width:100%!important;width:100%!important;display:block!important;height:600px!important;max-height:80%;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;cursor:pointer;top:50px;right:0px;margin:auto 0;width:24px;height:24px;background:url(../images/close.png) 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 */}
}