
/* PLAYER SKIN */


/* 0-599 SMARTPHONES   /// iPhone6 375x667 / iPhone5 320x568 + 568x620
------------------------------------------------------------------------------------------------------ */

.video-js.vjs-w4b {
  font-size: 12px;
  color: #fff;
}

.video-js.vjs-w4b .vjs-big-play-button {
  font-size: 3.25em;
  line-height: 0.95em;
  height: 1.5em;
  width: 1.5em;
  border: 0em solid #fff;
  border-radius: 0em;
  background-color: rgba(17,17,17,0.7);
  left: 50%;
  top: 50%;
  margin-left: -0.75em;
  margin-top: -0.75em;  
}

.video-js.vjs-w4b .vjs-big-play-button .vjs-icon-placeholder:before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16' width='16px' height='18px' fill='%23ffffff'><path d='M14 8.863V7.144L1.751 0 0 1.142v13.724l1.747 1.141z' fill-rule='evenodd'/></svg>");
}

.video-js.vjs-w4b:hover .vjs-big-play-button,
.video-js.vjs-w4b .vjs-big-play-button:focus,
.video-js.vjs-w4b .vjs-big-play-button:active {
  background-color: rgba(17,17,17,0.7);
}

.video-js.vjs-w4b .vjs-control-bar,
.video-js.vjs-w4b .vjs-menu-button .vjs-menu-content {
  background:-webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background:-o-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background:-moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.video-js.vjs-w4b .vjs-slider {
  background-color: #999999;
  background-color: rgba(153, 153, 153, 0.5);
}

.video-js.vjs-w4b .vjs-volume-level,
.video-js.vjs-w4b .vjs-play-progress,
.video-js.vjs-w4b .vjs-slider-bar {
  background: #e31927;
}

.video-js.vjs-w4b .vjs-load-progress,
.video-js.vjs-w4b .vjs-volume-bar {
  background: #cccccc;
  background: rgba(204, 204, 204, 0.5);
}

.video-js.vjs-w4b .vjs-load-progress div {
  background: white;
  background: rgba(204, 204, 204, 0.75);
}

.video-js.vjs-w4b .vjs-loading-spinner {
  border-color: #e31927;
}

.video-js.vjs-w4b .vjs-poster {
  -webkit-transition: transform .2s linear;
  transition: transform .2s linear;
}


/* 600-1200 TABLETS   /// iPhone6 667x375 / iPad2 768x1024 + 1024x768
------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 600px) {

    
}


/* 1200-1800 DESKTOP   /// MacBookPro 1680x1050
------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 1200px) {

.video-js.vjs-w4b {
  font-size: 15px;
}
    
.video-js.vjs-w4b .vjs-big-play-button {
  font-size: 3.25em;
  line-height: 1.6em;
  height: 2em;
  width: 2em;
  margin-left: -1em;
  margin-top: -1em;  
}
	
.video-js.vjs-w4b .vjs-big-play-button .vjs-icon-placeholder:before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16' width='26px' height='30px' fill='%23ffffff'><path d='M14 8.863V7.144L1.751 0 0 1.142v13.724l1.747 1.141z' fill-rule='evenodd'/></svg>");
}
    
.video-js.vjs-w4b:hover .vjs-big-play-button,
.video-js.vjs-w4b .vjs-big-play-button:focus,
.video-js.vjs-w4b .vjs-big-play-button:active {
  background-color: rgba(17,17,17,0.9);
}   

.video-js.vjs-w4b:hover .vjs-poster {
  -ms-transform:scale(1.04);
  -webkit-transform:scale(1.04);
  transform:scale(1.04);
}
    
}


/* 2080+ BIG DESKTOP   /// iMac Retina 2560x1440
------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 2080px) {

	
}

