/* Changes to make page videos/headers play in mobile below */

#FlashID {visibility:hidden}


#promo {
padding: 0px;
margin: 2px 2px 0px 2px;
height: 384px;
border: 1px solid grey;
width: 1019px;

}

#promo .vjs-poster, #promo .video-js  {
background-color: #FFFFFF;
background-size: cover;
margin: 0px;
padding: 0px;
background-position: left;
}

  video  {
background-image: url('/images/background.jpg');
}




@-webkit-keyframes pulse { 
    0% {  -webkit-filter: grayscale(30%)
          brightness(100%)
          contrast(100%); } 
    50% {  -webkit-filter: grayscale(0%)
          brightness(110%)
          contrast(120%);  } 
    75% {  -webkit-filter: grayscale(30%)
          brightness(100%)
          contrast(100%); } 
    100% {  -webkit-filter: grayscale(30%)
          brightness(100%)
          contrast(100%); } 
} 
@keyframes pulse { 
    0% {filter: grayscale(30%)
          brightness(100%)
          contrast(100%);  } 
    50% {filter: grayscale(0%)
          brightness(110%)
          contrast(120%); } 
    75% {filter: grayscale(30%)
          brightness(100%)
          contrast(100%); } 
    100% {filter: grayscale(30%)
          brightness(100%)
          contrast(100%); } 
} 


#promo div.vjs-big-play-button {

   -webkit-animation-name: pulse; 
    animation-name: pulse; 

    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 

    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 

    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 

}