@CHARSET "ISO-8859-1";

.content-media--video {
   background-color: #ddd;
   display: block;
   position: relative;
   padding: 0 0 56.25% 0;
}
.content-media--video #my-video {
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    width: 100%;
    height: 100%;
}

.content-media--video #my-video.video-js-sticky{
	background-color: transparent;	
	padding-top: 0px;
  z-index: 1100;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}

.content-media--video #my-video.video-js-sticky .vjs-control-bar{
	display: none;
}

#my-video {
  transition: width .2s ease-in-out, height .2s ease-in-out, transform .38s ease-in-out, box-shadow .38s ease-in-out;
}
/** Use .sticky */
#my-video.is-sticky {
  position: fixed;
  bottom:1.5em; top: auto;
  right: 1.5em; left: auto;
}
#my-video.is-sticky,
.content-media--video #my-video.video-js-sticky video {
  height: 28.125vw;
  width: 50vw;
}
.content-media--video #my-video.video-js-sticky video{
	border:none !important;	
}
@media (min-width: 48em ) { /* 768px */
  #my-video.is-sticky,
  .content-media--video #my-video.video-js-sticky video {
    height: 20.0em;
    width: 35.5em;
  }
}
@media screen and (min-width: 1120px) {
   #my-video.is-sticky {
      
   }
}
@media screen and (min-width: 1300px) {
   #my-video.is-sticky {
 
   }
}