#player {
	position:relative;
	float:left;
	padding:0;
	background-color:#0192C1;
	width:100%;
	height:100%;
}
#controls {
	position:absolute;
	bottom:0;
	width: 100%;
	height: 50px;
	background:#6b6b6b;
	text-align: center;
	margin: 0px;
	padding: 12px 0px;
}

.fullscreen-bg {
  position: fixed;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #0192C1; /*rgba($gray-base, .5);*/
        z-index: 1;
    }
}
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  /*left: 0;
  width: 100%;
  height: 100%;*/
  left: 16%;
  width: 64%;
  height: 64%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 300px) {
  .fullscreen-bg {
    background: url('../siteimages/video1-poster.jpg') center center / cover no-repeat;
    @include background-size(cover);
  }

}

@media (max-width: 900px) 
{
    .fullscreen-bg__video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*left: 8%;
      width: 81%;
      height: 81%;*/
    }
    
}

/*    
video {
    width:420px;
    height:231px;
    background:black;
}
*/
  
/*  
button {
    text-indent:-9999px;
    width:26px;
    height:26px;
    border:none;
    cursor:pointer;
    background:transparent url('../siteimages/player-icon.png') no-repeat -1px 0;
}
*/    

/*.pause { background-position:-31px 0; }
.stop { background-position:-61px 0; }
.prev { background-position:-91px 0; }
.next { background-position:-121px 0; }
.fullscreen { background-position:-151px 0; }
    */

.prev
{
    text-indent:-9999px;
    width:30px;
    height:27px;
    border:none;
    cursor:pointer;
    display:inline-block;
    background:transparent url('../siteimages/Backward.png') no-repeat -1px 0;
}

.play
{
    text-indent:-9999px;
    width:29px;
    height:27px;
    border:none;
    cursor:pointer;
    display:inline-block;
    background:transparent url('../siteimages/Play.png') no-repeat -1px 0;
}

.next
{
    text-indent:-9999px;
    width:29px;
    height:27px;
    border:none;
    cursor:pointer;
    display:inline-block;
    background:transparent url('../siteimages/Forward.png') no-repeat -1px 0;
}

.fullscreen
{
    text-indent:-9999px;
    width:28px;
    height:28px;
    border:none;
    cursor:pointer;
    display:inline-block;
    background:transparent url('../siteimages/Full_screen.png') no-repeat -1px 0;
}


.pause
{
    text-indent:-9999px;
    width:31px;
    height:27px;
    border:none;
    cursor:pointer;
    display:inline-block;
    background:transparent url('../siteimages/Pause.png') no-repeat -1px 0;
}

.volume-panel
{
    display:inline-block;
}

@media (max-width: 600px) 
{
    .prev
    {
        background-size: 100%;
    }
    .play
    {
        background-size: 100%;
    }
    .next
    {
        background-size: 100%;
    }
    .fullscreen
    {
        background-size: 100%;
        display:none;
    }
    .pause
    {
        background-size: 100%;
    }
    .volume-panel
    {
        display:none;
    }
}


#volume-bar {
	width: 50px;
    vertical-align: middle;
    padding:0px;
}

progress {
    color: #fff;
    font-size: 12px;
    width: 80%;
    height: 16px;
    border: none;
    margin-right: 5px;
    background: #6b6b6b;
    border-radius: 0;
    vertical-align: middle;
    border:1px solid #89c53f;
	
}
::-moz-progress-bar {
  background-color: #89C53F;
}

/*
progress::-moz-progress-bar { 
    color:#fff;
    background:#6b6b6b; 
}
*/
    
progress[value]::-webkit-progress-bar {
    background-color:#6b6b6b;
    border-radius: 0;
}

progress[value]::-webkit-progress-value {
    background-color: #89c53f;
}

    
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 6.8px 0;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4.4px;
    cursor: pointer;
    background: #205928;
    border-radius: 0;
    border: 1.1px solid #fff;
}
input[type=range]::-webkit-slider-thumb {
    border: 2.5px solid #fff;
    height: 18px;
    width: 9px;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 4.4px;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
    border: 1.1px solid #fff;
}
input[type=range]::-moz-range-thumb {
    border: 2.5px solid #fff;
    height: 18px;
    width: 9px;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 4.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #194620;
    border: 1.1px solid #fff;
    border-radius: 0;
}
input[type=range]::-ms-fill-upper {
    background: #205928;
    border: 1.1px solid #fff;
    border-radius: 0;
}
input[type=range]::-ms-thumb {
    border: 2.5px solid #fff;
    height: 18px;
    width: 9px;
    border-radius: 0;
    background: #439643;
    cursor: pointer;
    height: 4.4px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #fff;
}
input[type=range]:focus::-ms-fill-upper {
    background: #fff;
}
    
@media (max-width: 300px){
	.video-control, .info-control { margin: 0 10px; }
	progress, .stop{display:none;}
	.info-icon a{margin-right:5px;}
}	

.disp_per
{
    font-size:13px;
    color:white;
    padding-left:0px;
    padding-right:10px;
}

.playerbutton
{
    border:none;
}