/* .buttons {
     position: relative;
     margin: 0 auto 20px auto;
     padding: 20px;
     float: left;
     display: block;
     background-color: #eee;
     border-radius: 4px;
 } */
 
 .buttons:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(238, 238, 238, 0);
     border-top-color: #eee;
     border-width: 10px;
     margin-left: -10px;
 }
 
 .button {
     padding: 10px 20px;
     font-weight: bold;
     letter-spacing: 5px;
     outline: none;
     cursor: pointer;
     color: white;
     background-color: #7F8C8D;
     border: none;
     border-radius: 4px;
 }
 
 #video1-play-button {
     background-color: #2ECC71;
 }
 
 #video2-play-button {
     background-color: #2ECC71;
 }
 
 #video3-play-button {
     background-color: #2ECC71;
 }
 
 #video4-play-button {
     background-color: #2ECC71;
 }
 
 #video5-play-button {
     background-color: #2ECC71;
 }
 

 #video1-play-button:hover {
     background-color: #27AE60;
 }
 
 #video2-play-button:hover {
     background-color: #27AE60;
 }
 
 #video3-play-button:hover {
     background-color: #27AE60;
 }
 
 #video4-play-button:hover {
     background-color: #27AE60;
 }
 
  #video5-play-button:hover {
     background-color: #27AE60;
 }
 
 #video1-pause-button {
     background-color: #E67E22;
 }
 
 #video2-pause-button {
     background-color: #E67E22;
 }
 
 #video3-pause-button {
     background-color: #E67E22;
 }
 
 #video4-pause-button {
     background-color: #E67E22;
 }
 
 #video5-pause-button {
     background-color: #E67E22;
 }
 
 #video1-pause-button:hover {
     background-color: #D35400;
 }
 
 #video2-pause-button:hover {
     background-color: #D35400;
 }
 
 #video3-pause-button:hover {
     background-color: #D35400;
 }
 
 #video4-pause-button:hover {
     background-color: #D35400;
 }
 
 #video5-pause-button:hover {
     background-color: #D35400;
 }
 
 #video1-stop-button {
     background-color: #E74C3C;
 }
 
 #video2-stop-button {
     background-color: #E74C3C;
 }
 
 #video3-stop-button {
     background-color: #E74C3C;
 }
 
 #video4-stop-button {
     background-color: #E74C3C;
 }
 
  #video5-stop-button {
     background-color: #E74C3C;
 }
 
 #video1-stop-button:hover {
     background-color: #C0392B;
 }
 
 #video2-stop-button:hover {
     background-color: #C0392B;
 }
 
 #video3-stop-button:hover {
     background-color: #C0392B;
 }
 
 #video4-stop-button:hover {
     background-color: #C0392B;
 }
 
 #video5-stop-button:hover {
     background-color: #C0392B;
 }
 
 
 #video1-pause-button,
 #video1-stop-button {
     margin-left: 15px;
 }
 
 #video2-pause-button,
 #video2-stop-button {
     margin-left: 15px;
 }
 
 #video3-pause-button,
 #video3-stop-button {
     margin-left: 15px;
 }
 
 #video4-pause-button,
 #video4-stop-button {
     margin-left: 15px;
 }
 
 
 #video5-pause-button,
 #video5-stop-button {
     margin-left: 15px;
 }
 /* iframe {
     margin: 0 auto;
     width: 900px;
     height: 576px;
     float: left;
     clear: both;
     display: block;
     background-color: #eee;
 } */
 
 #video6-play-button {
    background-color: #2ECC71;
}

#video6-play-button:hover {
    background-color: #27AE60;
}

#video6-pause-button {
    background-color: #E67E22;
}

#video6-pause-button:hover {
    background-color: #D35400;
}

#video6-stop-button {
    background-color: #E74C3C;
}

#video6-stop-button:hover {
    background-color: #C0392B;
}

#video6-pause-button,
#video6-stop-button {
    margin-left: 15px;
}

#video7-play-button {
    background-color: #2ECC71;
}

#video7-play-button:hover {
    background-color: #27AE60;
}

#video7-pause-button {
    background-color: #E67E22;
}

#video7-pause-button:hover {
    background-color: #D35400;
}

#video7-stop-button {
    background-color: #E74C3C;
}

#video7-stop-button:hover {
    background-color: #C0392B;
}

#video7-pause-button,
#video7-stop-button {
    margin-left: 15px;
}

#video8-play-button {
    background-color: #2ECC71;
}

#video8-play-button:hover {
    background-color: #27AE60;
}

#video8-pause-button {
    background-color: #E67E22;
}

#video8-pause-button:hover {
    background-color: #D35400;
}

#video8-stop-button {
    background-color: #E74C3C;
}

#video8-stop-button:hover {
    background-color: #C0392B;
}

#video8-pause-button,
#video8-stop-button {
    margin-left: 15px;
}

#video9-play-button {
    background-color: #2ECC71;
}

#video9-play-button:hover {
    background-color: #27AE60;
}

#video9-pause-button {
    background-color: #E67E22;
}

#video9-pause-button:hover {
    background-color: #D35400;
}

#video9-stop-button {
    background-color: #E74C3C;
}

#video9-stop-button:hover {
    background-color: #C0392B;
}

#video9-pause-button,
#video9-stop-button {
    margin-left: 15px;
}

#video10-play-button {
    background-color: #2ECC71;
}

#video10-play-button:hover {
    background-color: #27AE60;
}

#video10-pause-button {
    background-color: #E67E22;
}

#video10-pause-button:hover {
    background-color: #D35400;
}

#video10-stop-button {
    background-color: #E74C3C;
}

#video10-stop-button:hover {
    background-color: #C0392B;
}

#video10-pause-button,
#video10-stop-button {
    margin-left: 15px;
}

#video11-play-button {
    background-color: #2ECC71;
}

#video11-play-button:hover {
    background-color: #27AE60;
}

#video11-pause-button {
    background-color: #E67E22;
}

#video11-pause-button:hover {
    background-color: #D35400;
}

#video11-stop-button {
    background-color: #E74C3C;
}

#video11-stop-button:hover {
    background-color: #C0392B;
}

#video11-pause-button,
#video11-stop-button {
    margin-left: 15px;
}
-------------------
#video12-play-button {
    background-color: #2ECC71;
}

#video12-play-button:hover {
    background-color: #27AE60;
}

#video12-pause-button {
    background-color: #E67E22;
}

#video12-pause-button:hover {
    background-color: #D35400;
}

#video12-stop-button {
    background-color: #E74C3C;
}

#video12-stop-button:hover {
    background-color: #C0392B;
}

#video12-pause-button,
#video12-stop-button {
    margin-left: 15px;
}
-------------
#video13-play-button {
    background-color: #2ECC71;
}

#video13-play-button:hover {
    background-color: #27AE60;
}

#video13-pause-button {
    background-color: #E67E22;
}

#video13-pause-button:hover {
    background-color: #D35400;
}

#video13-stop-button {
    background-color: #E74C3C;
}

#video13-stop-button:hover {
    background-color: #C0392B;
}

#video13-pause-button,
#video13-stop-button {
    margin-left: 15px;
}