/* Form *
 ********/
 #select-animation{
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
  }
  
  @media (min-width: 1200px) { #form-select { margin: 67px 10px 0 0; } }
  @media (max-width: 1199px) { #form-select { margin: 0 0 1em 0; } }
  
  #begmonth,#endmonth { width: 135px; }
  /********
   * Form */
  
  /* Slider *
   **********/
  #slides-title h3 { margin-bottom: 0; }
  #slides-title h4 { margin-top: 0; color: #3d4551; }
  
  #slides-container {
    position: relative;
    width:    650px;
  }
  
  .overlay {
    display:          none;
    position:         absolute;
    width:            100%;
    height:           100%;
    z-index:          1001;
    background-color: rgba(125,125,125,0.2);
    transition:       background-color 0.5s ease;
  }
  
  .overlay > #noaa-loader { position: absolute; top: calc(50% - 33px); left: calc(50% - 33px); }
  
  #viewSlide { z-index: 1002; display: none; position: absolute; width: 100%; }
  #viewSlide a { display: block; float: right; margin: 0.25em; padding: 0.25em 1em; border-radius: 8px; text-decoration: none; }
  #viewSlide a:hover { background-color: rgba(36,145,255,0.1); }
  
  #slides {
    position: relative;
    width:    100%;
    height:   475px;
  }
  
  .slide {
    position: absolute;
    display:  none;
  }
  
  .missing {
    width:      650px;
    height:     475px;
    padding:    200px 15px 10px 15px;
    background: radial-gradient(#dcdee0,#ffffff);
    text-align: center;
    font-size:  26px;
  }
  
  #slide-controls { display: flex; align-items: baseline; }
  
  #play-pause { flex: 0 1 auto; }
  
  .control {
    text-decoration: none;
    padding:         0.2em;
    border-radius:   15%;
    font-weight:     bold;
    font-size:       18px;
    transition:      0.6s ease;
    color:           #8d9297;
  }
  .control:hover { color: #3d4551; }
  
  .overlay div { position: absolute; top: calc(50% - 26px); width: 100%; text-align: center; }
  .overlay .control { font-size: 52px !important; background-color: rgba(255,255,255,0.5); padding: .33em 0.5em !important; }
  .overlay .control:hover { background-color: rgba(255,255,255,0.75); }
  
  .pause { display: none; }
  
  #slider-container { flex: 1 0 auto; }
  #slider { cursor: grab; width: 100%; vertical-align: middle; }
  #slider:active { cursor: grabbing; }
  /**********
   * Slider */