#howToGetHereBtn {
  background: #00a5e2;
}

#howToGetHere .modal-header {
  background: #00a5e2;
}

#howToGetHere .modal-title {
  color: #fff;
}

#howToGetHere .close {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #fff;
}

#howToGetHere .pull-left {
  background: #00a5e2;
  color: #fff;
}

#howToGetHere iframe {
  width: 80%;
}

@media (max-width: 768px){
#howToGetHere iframe {
  width: 100%;
}  
}

.directions-wrapper #step2,
.directions-wrapper #step3,
#howToGetHere #step2-btn,
#howToGetHere #step3-btn{
  display: none;
}

.directions-wrapper .fa {
    position: absolute;
    top: 50%;
    font-size: 60px;
    cursor: pointer;
    color: #555;
}

.directions-wrapper .fa-chevron-right {
    right: 20px;
}

.directions-wrapper .fa-chevron-left {
    left: 20px;
}

.directions-wrapper .fa {
  animation: arrowPulse 2s infinite;
}

@keyframes arrowPulse {
  0% {
    color: #555;
  }
  50%{
    color: #00a5e2;
  }
  100% {
    color: #555;
  }
}