/*--------------------- Globals ---------------------*/
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
html,
body { background-color: #fff; margin: 0; padding: 0; }

#ad { color: white; position: absolute; cursor: pointer; }
#ad img,
#ad svg,
#ad div { display: block; overflow: hidden; position: absolute; width: 100%; height: 100%; }

#ad .lockup { width: 300px; height: 250px; }
#ad .hide { display: none; }

#ad #loading { width: 100%; height: 100%; }
#ad #loading img { width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }

#ad #border .line { background: red; }
#ad #border .hor { width: 100%; height: 1px; }
#ad #border .ver { width: 1px; height: 100%; }
#ad #border div:nth-child(2) { bottom: 0; }
#ad #border div:nth-child(4) { right: 0; }

#ad #cta #cta_bg { background: white; width: 100%; height: 100%; }
#ad:hover #cta #cta_bg { background: #00004b; }
#ad:hover #cta #cta_txt path { fill: white; }

#ad #dates div { display: flex; flex-direction: column; justify-content: center; align-items: center; }