.hidden { display: none; }

.fullscreen-carousel-item {
  height: calc(100vh - 56px);
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.thumbnail {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
/*  width: 150px; */
}

.thumbnail:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  opacity: 0.7;
  cursor: zoom-in;
}

.modal.modal-dark { background-color: rgba(0,0,0,0.7); }
.modal.modal-dark .modal-body {
  background: #D3D3D3;
}
.modal.modal-dark .modal-header {
  background: #C0C0C0;
  border-bottom: 1px solid #A9A9A9;
}
/*.modal.modal-dark .modal-header h1, .modal.modal-dark .modal-header h2, .modal.modal-dark .modal-header h3, .modal.modal-dark .modal-header h4, .modal.modal-dark .modal-header h5 {
  color: #ccc;
} standard is pretty */
.modal.modal-dark .modal-footer {
  background: #C0C0C0;
  border-top: 1px solid #A9A9A9;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* https://codepen.io/bitstarr/pen/XjaJGz also check https://codepen.io/bewley/pen/revRQv */
.arrow
{
  position: relative;
  bottom: -2rem;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;

  /**
   * Dark Arrow Down
   */
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADmwAAA5sBPN8HMQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAElSURBVGiB7dFJbgIxEEZhiwgj4LZkzXAbVoGEJVGi5GQvG1sUrepADx5aqrd22/+nds6yLMuyLMvKFjArveFR2sZZ48DaOfcLbLOt6ljY9hO2qgeWwCe3qsMAW7HvCiy1Qyvgm/s2BfaqAa+NbV/Aqu2wBy6ND4r/GWDX2HQB/KOPqsL0QoiPq8AoiI+nEeISDbNLtFl7fzhCXObDBVkxoyLEpVkxSRDi8iwYYJ8MIR5JilEQ76MjxGNJMFkR4lEfHhoFUwQhHtcw+x73lEOIEYMwCuKcHSHG+DCgE6YqhBjVCQMcFMQ85+bWnsVUjYgB8/8wk0DEWjAHBXGqFhFrwUwLEQuY06QRMQXzNjlETGCOwEvpPYMCFsCi9A7LsizLsiyrf38l7sDJjB6YwQAAAABJRU5ErkJggg==);
  background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}  /* down arrow bounce include over */