/*player new*/

   .page-id-20718 .plyr-video-loading {
   z-index:100;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #000;
   flex-direction:column;
   }

   .page-id-20718 .plyr-video-loading__p {
   font-family:arial;
   text-shadow:1px white;
   font-size:8px;
   padding-top:6px;
   color:white;
   }
   .page-id-20718 .plyr-video-loading__img {
           margin-bottom:12px;
   }
   .page-id-20718 .plyr-video-loading-line {
   width: 80%;
   height: 3px;
   background-color: #EF462F;
   animation: loading 3.3s ease-in-out infinite;
   }

   @keyframes loading {
   0% {
       width: 0;
   }
   50% {
       width: 50%;
   }
   100% {
       width: 0;
   }
   }


.page-id-20718 .gcx-plyr-test-banner span:nth-child(2) {
    font-family: 'ivypresto-display';
    display: inline-block;
    margin-left: 5px;
}
.page-id-20718 .plyr-video-unmute.hide {
    display: none;
  }
@media(min-width: 768px){
    .page-id-20718 .plyr-container {
    border: 10px solid #FF3D1D;
    border-radius: 20px;
    position: relative;
    margin: -10px -10px;
    transition: all 0.15s ease-in-out;
}
    .page-id-20718 .plyr-container .plyr-video-loading, .page-id-20718 .plyr-container video {
      border-radius: 10px;
  }
  .page-id-20718 .plyr-container .plyr {
      border-radius: 10px;
  }
  body.page-id-20718 .gcx-plyr-test-banner {
      display: block;
      position: absolute;
      z-index: 999;
      color: #fff;
      background-color: #FF3D1D;
      font-family: 'obviously', sans-serif;
      font-size: 24px;
      border-radius: 0 0 16px 0;
      padding: 5px 32px 15px 22px;
  }
}
.page-id-20718 .plyr-container.ov-vd-playing {
    border-color: transparent;
}

.page-id-20718 .plyr-container.ov-vd-playing .gcx-plyr-test-banner {
    opacity: 0;
    visibility: hidden;
}
@media(max-width: 767px){

  .page-id-20718 .plyr-container {
    border: 2px solid #FF3D1D;
    border-radius: 20px 20px 0 0;
    position: relative;
    margin: -2px;
    transition: all 0.15s ease-in-out;
  }

  .page-id-20718 .plyr-container .plyr-video-loading {
    top: 50px;
    height: auto;
    bottom: 0;
}
  body.page-id-20718 .gcx-plyr-test-banner {
      display: block;
      text-align: center;
      font-family: 'obviously', sans-serif;
      font-size: 16px;
      line-height: normal;
      color: #FF3D1D;
      padding: 10px;
    transition: all 0.15s ease-in-out;
  }
}
/*player new*/