Kindel Kasi / scroller x75 / 20.06

<style>
  html,
  body,
  div,
  video,
  img {
    margin: 0;
    padding: 0;
  }

  #scroller-ad {
    position: fixed;
    z-index: 61000;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;
    overflow: hidden;

    width: 100vw;
    height: 75px;
  }

  #close {
    position: absolute;
    z-index: 100002;
    top: 5px;
    right: 5px;

    width: 30px;
    height: 30px;

    cursor: pointer;

    border: none;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGFBMVEUzMzMzMzMzMzMzMzMzMzMzMzNhYWHi4uKlBsqQAAAABXRSTlMBjepSvuAZtcwAAACBSURBVHjahZNJDsAgDAPJYvr/H/eAWsulyD4hRk4gy6AqOoHsqLErEq8yPrASoiyxYlOQNn7U4j36Cwet/HnCydCH8DRf87mdF+3Fy/kemD0gnHRFbwgXih4J4aQrOSBcKGCwCW6eZj5mymKKalpiGmrGwQyTGUUzyGYNzBKZFbwBG+kN0QGWd+wAAAAASUVORK5CYII=);
    background-size: 30px;
  }
</style>



<div id="scroller-ad">
  <div id="html-content">
    <iframe src="//v.postimees.ee/reklaam/dfp/Kindelkasi/18/06/1200x75-kindelkasi-v3/?clickTAG=%%CLICK_URL_ESC%%%%DEST_URL%%"
      frameborder="0" rel="nofollow" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="75"></iframe>
    </iframe><img src="%%VIEW_URL_UNESC%%"></div>
	<div id="close-button">
		<button id="close" onclick="closeScrollerAd()"></button>
	</div>
</div>



<script>
  ! function() {
    var frameElement = window.frameElement;
    frameElement.style.position = 'fixed';
    frameElement.style.width = '100%';
    frameElement.style.height = '75px';
    frameElement.style.bottom = '0';
    frameElement.style.left = '0';
    frameElement.style.overflow = 'hidden';
    frameElement.style.zIndex = '61000';
  }(window, document);

  function closeScrollerAd() {
    window.frameElement.outerHTML = "";
  }
</script>