@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(font/Montserrat-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(font/Montserrat-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: local('Rajdhani Regular'), local('Rajdhani-Regular'), url(font/Rajdhani-Regular.ttf);
}

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: local('Rajdhani Bold'), local('Rajdhani-Bold'), url(font/Rajdhani-Bold.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(font/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(font/Roboto-Bold.ttf);
}

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.2em;
  line-height: 2.7em;
  text-align: center;
}

.vjs-playlist .vjs-playlist-name {
  font-family: 'Arial';
}

.vjs-playlist .vjs-up-next-text {
  font-family: 'Arial';
  color: #f5b00a;
}

.vjs-playlist-now-playing-text {
  font-family: 'Arial';
  color: #03af18;
}



/** Suggested video plugin **/
.vjs-suggested-video-endcap-header {
  margin-bottom:30px;
  font-size:2.5em;
}
.vjs-suggested-video-endcap-link {
  font-family: 'Roboto';
  color: #FFFFFF;
  text-decoration: none;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 1.5em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vjs-suggested-video-endcap {
  height:auto;
  bottom:0;
  margin-bottom:3em;
}
/** We use centered crop to display images (https://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/) **/
.vjs-suggested-video-endcap-img-container {
  position: relative;
  width: 80%;
  overflow: hidden;
  background-color:#000000;
  margin-bottom:7px;
  border:1px solid #1f1f1f;
}
.vjs-suggested-video-endcap-img-container:hover {
  border: 1px solid #b3b3b3;
}
.vjs-suggested-video-endcap-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  max-width: 120%;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
@media screen and (min-height: 768px) {
  .vjs-suggested-video-endcap-link {
    margin-bottom: 40px;
  }
  .vjs-suggested-video-endcap-header {
    margin-bottom: 50px;
  }
}
@media screen and (min-height: 900px) {
  .vjs-suggested-video-endcap-link {
    margin-bottom: 50px;
    font-size:1.9em;
  }
  .vjs-suggested-video-endcap-header {
    margin-bottom: 60px;
  }
}
/** Keep 16/9 ratio **/
.vjs-suggested-video-endcap-img-container:after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.gifPlayer {
  background-color: transparent !important;
}