.click-grabber {
  display:  block;
  cursor:   pointer;
  height:   115px;
  left:     78px;
  position: absolute;
  top:      210px;
  width:    115px;
  z-index:  222;
  background: url('invisible.png');
}

.youtube-modal {
  position: absolute;
  left: 50%;
  z-index: 2111;
  display: block;
  width: 560px;
  height: 315px;
  background: rgb(0, 0, 0);
  top: 50%;
  margin-left: -280px;
  margin-top: -158px;
  display:  none;
}

.youtube-modal iframe {
  position: fixed;
  z-index:  2222;
}

.modal-close {
  color: rgb(255, 255, 255);
  float: right;
  background: rgb(0, 0, 0);
  position: absolute;
  right: -12px;
  width: 22px;
  height: 20px;
  text-align: center;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid rgb(255, 255, 255);
  top: -7px;
  z-index: 2999;
  font-family: 'lato';
}

.modal-shield {
  display:    none;
  position:   fixed;
  top:        0px;
  right:      0px;
  height:     100%;
  width:      100%;
  opacity:    0.7;
  background: rgb(255, 255, 255);
  z-index:    2000;
}

.modal-open {
  margin-top: -20px;
  cursor:     pointer;
}