@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
.video-playerMetrodora-24-24 {
    width: 100%;
    margin: 0 auto;
    background: #1b3440;
    border-radius: 15px;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
  }
  
  .video-remoteMetrodora-24-24 {
    width: 20%;
    float: left;
  }
  
    .remote-buttonMetrodora-24-24 {
      display: block;text-align: center;
      margin-bottom: 2px;
      color: #FFF;
      cursor: pointer;
      padding: 1em;
      font-size: 16px;
    }
  
    /* .remote-button.current {
      background: #15528D !important;
      color: #FFF;
      cursor: default !important;
    } */
  
    .remote-buttonMetrodora-24-24:hover {
      background: #dc6e52;
      color: #FFF;
    }
  
  .video-holderMetrodora-24-24 {
    width: 80%;
    float: left;
  }
  
    .video-singleMetrodora-24-24 {
      opacity: 0;
      display: none;
      transition: opacity 1s;
    }
  
    .video-singleMetrodora-24-24.current {
      display: inherit;
      opacity: 1;
    }
  
    .embed-containerMetrodora-24-24 {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
    }
  
    .embed-containerMetrodora-24-24 iframe,
    .embed-containerMetrodora-24-24 object,
    .embed-containerMetrodora-24-24 embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0 15px 15px 0;
    }
  
  @media screen and (max-width: 767px) {
    
    .video-remoteMetrodora-24-24,
    .video-holderMetrodora-24-24  {
      float: none;
      width: 100%;
    }
    
  }
  
  .clearme:after {
    content: "";
    display: table;
    clear: both;
  }