/* Video Modal */
.modal {
  z-index: 9999908;
  background: rgba(0, 0, 0, 0.6); 
}
.modal .modal-dialog {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	height: 100%;
	top:inherit;
	margin:0px;
}
.modal .modal-content {
	align-items: center;
}
.modal .modal-body {
	width: 60%;
}
.modal .close {
	outline: none;
}
.modal .modal-body {
    position: relative;
    padding: 0px; 
}
.modal .modal-content {
    background: none !important; 
}

.video-js .vjs-control-bar {
    opacity: 1;
}
.video-js button{
    font-size:1.4rem;
}

.video-js .vjs-time-control {
    line-height: 4em;
}

.video-js .vjs-control-bar {
    height: 4em;
    background-color: #2b333f;
    background-color: rgba(0,0,0,.7);
}
.video-js .vjs-slider {
    background-color: #ffffffa3;
    background-color: rgb(255,255,255,.5);
    box-shadow: none!important;
}
.video-js .vjs-load-progress div{
    background: (0,0,0,.5);
}
.video-js .vjs-play-progress{
   background-color: #39cad7;
}
.videoClose {
  position: absolute;
  top: calc(52px + 2%);
  right: 5%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  position: fixed;
  z-index:4000;
  border:none;
  outline: none!important;
}
.videoClose:focus{
    border:none;
   outline: none!important;
}
.video-js .vjs-tech {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.modal .close {
    position: absolute;
    right: -60px;
    top: -10px;
    z-index: 999;
    font-size: 3rem;
    font-weight: normal;
    color: #fff;
    opacity: 1; 
}

.modal-open .modal {
  position: fixed;
  z-index: 10008; 
  padding-right: 0px!important;
}
#example_video{
	width:100%;
	height:100%;
}
.vjs-big-play-centered .vjs-big-play-button.show{
	display:block!important;
}
.vjs-big-play-centered .vjs-big-play-button.hide{
	display:none!important;
}
.video-js .vjs-big-play-button {
    line-height: 2em;
    height: 2em!important;
    width: 2em!important;
    background-color: rgba(0,0,0,.7);
    border-radius: 50%!important;
    border:none!important;
    margin-top: -1em!important;
    margin-left: -1em!important;
}
.modal.modal-static .modal-dialog {
    -webkit-transform: inherit!important;
    transform: inherit!important;
}
@media (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
  .modal .modal-dialog {
     max-width: 100%;
  } 
  .modal .modal-body {
        width: 90%;
    }
    .videoClose {
        width: 28px;
        height: 28px;
        background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-size: contain;
    }
    .video-js button{
        font-size:14px;
    }

}