html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body, body * {
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0; }

.hidden {
  display: none; }

#adContainer {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  background-color: black;
  cursor: pointer; }

#border {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  border: 1px solid black; }

img {
  position: absolute;
  top: 0;
  left: 0; }

.tagline {
  position: absolute;
  top: 0;
  left: 0;
  width: 728px;
  height: 90px;
  -webkit-mask-image: linear-gradient(to right, black, black 33%, transparent 66%, transparent);
  -webkit-mask-size: 720px 90px;
  -webkit-mask-position: 0 0; }

.tune-in {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  background-image: url(../images/tune-in-sunday.png);
  background-repeat: no-repeat; }

.tonight .tune-in {
  background-image: url(../images/tune-in-tonight.png); }

.now .tune-in {
  background-image: url(../images/tune-in-now.png); }

.cta {
  position: absolute;
  top: 46px;
  left: 67px;
  width: 114px;
  height: 29px;
  cursor: pointer;
  z-index: 11;
  outline: 1px solid rgba(255, 255, 255, 0.7);
  background-color: #5d7b7b;
  background-repeat: no-repeat;
  background-image: url(../images/cta-watch-trailer.png);
  transition: background-color 300ms ease-in-out; }

.cta:hover {
  background-color: #c96d3d; }

.now .cta {
  background-image: url(../images/cta-watch-now.png); }