#popup-banner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#popup-banner .close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  z-index: 50;
}

#popup-banner .close > DIV {
  background-image: url("data:image/svg+xml,%3Csvg height='30px' width='30px' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M50,0C22.384,0.004,0.004,22.384,0,50.001C0.004,77.617,22.384,99.997,50,100c27.617-0.003,49.996-22.383,50-49.999 C99.996,22.384,77.617,0.004,50,0z M76.611,76.612C69.782,83.432,60.412,87.631,50,87.634c-10.411-0.003-19.781-4.202-26.61-11.021 c-6.82-6.83-11.021-16.2-11.022-26.611C12.369,39.589,16.569,30.22,23.39,23.39c6.829-6.82,16.199-11.021,26.61-11.023 c10.412,0.003,19.782,4.203,26.611,11.023c6.82,6.83,11.02,16.199,11.022,26.611C87.631,60.412,83.432,69.782,76.611,76.612z M69.295,30.705c-2.565-2.565-6.725-2.565-9.29,0L50,40.71L39.995,30.705c-2.565-2.565-6.725-2.565-9.29,0 c-2.566,2.565-2.566,6.726,0,9.29l10.004,10.006L30.705,60.005c-2.566,2.566-2.566,6.726,0,9.291 c1.282,1.282,2.964,1.925,4.645,1.925c1.682,0,3.362-0.643,4.646-1.925L50,59.291l10.005,10.005 c1.282,1.282,2.964,1.925,4.646,1.925c1.681,0,3.362-0.643,4.645-1.925c2.566-2.565,2.566-6.725,0-9.291L59.29,50.001l10.005-10.006 C71.861,37.431,71.861,33.271,69.295,30.705z'%3E%3C/path%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
}

#popup-banner-curtain {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 10;
}