[class^="ngy_optimized_iframe"] { margin: 15px 0; }[class^="video-play-button"], [class^="video-play-button"]:after, [class^="video-play-button"]:before { border-radius: 50%; display: block; position: absolute }[class^="video-play-button"], [class^="video-play-button"]:after, [class^="video-play-button"]:before { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }[class^="video-play-button"] { z-index: 10; box-sizing: content-box; width: 32px; height: 44px; padding: 18px 20px 18px 28px; cursor: pointer }[class^="video-play-button"]:before { content: ""; z-index: 0; width: 80px; height: 80px; background: #325fd2; -webkit-animation: 1.5s ease-out infinite pulse-border; animation: 1.5s ease-out infinite pulse-border }[class^="video-play-button"]:after { content: ""; z-index: 1; width: 80px; height: 80px; background: #6184db; transition: .2s }[class^="video-play-button"]:hover:after { background-color: #325fd2 }[class^="video-play-button"] img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto }[class^="video-play-button"] span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent }@-webkit-keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } }@keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } }[class^="ngy-iframe-overlay"] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .8); z-index: 9999; transition: .5s; }[class^="ngy-iframe-overlay"].open { position: fixed; z-index: 999999999999999; opacity: 1 }[class^="overlay-close-ngy-iframe"] { position: absolute; z-index: 99999999999999999; top: 20px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: .2s; border: 2px solid #fff; border-radius: 50%; padding: 0 7px; background:none }[class^="overlay-close-ngy-iframe"]:hover { color: grey }[class^="ngy-iframe-overlay"] iframe, [class^="ngy-iframe-overlay"] amp-iframe { position: absolute; box-shadow: 0 0 15px rgba(0, 0, 0, .75); width: 100%; height: 100%; z-index: 999999 }.unlazy_iframe { z-index: 999999; }[class^="ngy_optimized_iframe"] { position: relative; }[id^="ngy_iframe"]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; } @media (min-width: 520px) { [class^="ngy_optimized_iframe"] { overflow: hidden; width: 100%; padding-top: 56.25% }[class^="ngy_optimized_iframe"] amp-iframe, [class^="ngy_optimized_iframe"] amp-img, [class^="ngy_optimized_iframe"] amp-video-iframe, [class^="ngy_optimized_iframe"] iframe, [class^="ngy_optimized_iframe"] img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }}@media (max-width: 520px) { .unlazy_iframe { position: absolute; top: 0; z-index: 99999999999999; width: 100%; left: 0; } }
Skip to main content