#mainContainer {
  display:block;
  position: relative;
   width: 100%;
  height: 100%;
}

#content {
	display:block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.ctrBtnCont {
	display:block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ctr_play_pause {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 60px;
      color: white;
      cursor: pointer;
      user-select: none;
      z-index: 10;
      transition: 0.3s ease;
	  pointer-events: none;
    }

    .ctr_play_pause.play::before {
      content: "▶"; /* play icon */
    }

    .ctr_play_pause.pause::before {
      content: "⏸"; /* pause icon */
    }
#adContainer {
	display:block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index:9;
}

#contentElement {
  display:block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


::-webkit-media-controls {
  display:none !important;
}
video::-webkit-media-controls {
  display:none !important;
}
video::-webkit-media-controls-enclosure {
  display:none !important;
}

video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {display: none !important;}
video::-webkit-media-controls-volume-slider {display: none !important;}
video::-webkit-media-controls-mute-button {display: none !important;}
video::-webkit-media-controls-timeline {display: none !important;}
video::-webkit-media-controls-current-time-display {display: none !important;}
video::-webkit-media-controls-panel {
	display: none !important;
	opacity: 1 !important;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
}
video::-webkit-media-controls-start-playback-button { display: none;}


/*-----START Loader CSS HERE --------*/
.md_cntnr .loader_wrapper {
	width: 100%
}

.loader_wrapper .loader {
	position: relative;
	display: inline-block;
	border: 5px solid rgba(108, 108, 108, .2);
	border-left: 5px solid #6c6c6c;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loader .9s infinite linear;
	animation: loader .9s infinite linear
}

.loader_wrapper .loader,
.loader_wrapper .loader:after {
	border-radius: 50%;
	width: 40px;
	height: 40px
}

user agent stylesheet div {
	display: block
}

.loader_wrapper {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 80px;
	margin: auto;
	text-align: center;
	padding-top: 25px;
	top: 50%;
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loader_wrapper .loader,
.loader_wrapper .loader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px
}

0% {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.loader_wrapper .loader,
.loader_wrapper .loader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px
}
.loader_wrapper .loader {
	position: relative;
	opacity: 1;
	display: inline-block;
	border: 5px solid rgba(108, 108, 108, .2);
	border-left: 5px solid #6c6c6c;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loader .9s infinite linear;
	animation: loader .9s infinite linear
}
.loader_wrapper.showLoader {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
/*-----END Loader END--------*/