@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{ top:32px;
z-index:99998;
}
.YouTubePopUp-Content{
max-width:940px;
display:block;
margin:0 auto;
height:100%;
position:relative;
}
.YouTubePopUp-Content iframe {
max-width: 100% !important;
width: 100% !important;
display: block !important;
height: 530px !important;
border: none !important;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
animation-timing-function: ease-out;
animation-duration: .3s;
transition:opacity .3s ease-out !important;
webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
}
.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: 0;
cursor: pointer;
bottom: 552px;
right: -30px;
margin: auto 0;
width: 50px;
height: 50px;
}
.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;
}
}
@media all and (max-width: 480px) and (min-width: 10px){
.YouTubePopUp-Content iframe{
height:220px !important;
}
.YouTubePopUp-Close{
bottom:262px;
}
}