/**
 * videojs.ads.css
 */

/* Ad playback */
.vjs-ad-playing.vjs-ad-playing .vjs-progress-control {
	pointer-events: none;
}

.vjs-ad-playing.vjs-ad-playing .vjs-play-progress {
	background-color: #ffe400;
}

/* Ad loading */
.vjs-ad-playing.vjs-ad-loading .vjs-loading-spinner {
	display: block;
}

/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.ima-ad-container {
	top: 0px;
	position: absolute;
	display: block;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
	margin-top: -40px;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
	margin-top: 0px;
}

.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
	margin-top: -40px;
}

#ima-controls-div {
	bottom: 0px;
	height: 37px;
	position: absolute;
	display: none;
	opacity: 1;
	background-color: rgba(7, 20, 30, .7);
	background: -moz-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(7, 20, 30, .7)), color-stop(100%, rgba(7, 20, 30, 0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* IE10+ */
	background: linear-gradient(to top, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#0007141E', endColorstr='#07141E', GradientType=0); /* IE6-9 */
}

#ima-countdown-div {
	height: 11px;
	color: #FFFFFF;
	text-shadow: 0 0 0.2em #000;
}

#ima-seek-bar-div {
	top: 12px;
	height: 3px;
	position: absolute;
	background: rgba(255, 255, 255, .4);
}

#ima-progress-div {
	width: 0px;
	height: 3px;
	background-color: #ECC546;
}

#ima-countdown-div {
	height: 10px;
}

#ima-play-pause-div,#ima-mute-div,#ima-slider-div,#ima-fullscreen-div {
	width: 35px;
	height: 20px;
	top: 11px;
	left: 0px;
	position: absolute;
	color: #CCCCCC;
	font-family: VideoJS;
	font-size: 1.5em;
	line-height: 2;
	text-align: center;
}

#ima-mute-div {
	left: auto;
	right: 85px;
}

#ima-slider-div {
	left: auto;
	right: 35px;
	width: 50px;
	height: 10px;
	top: 20px;
	background-color: #555555;
}

#ima-slider-level-div {
	width: 100%;
	height: 10px;
	background-color: #ECC546;
}

#ima-fullscreen-div {
	left: auto;
	right: 0px;
}

.ima-playing:before {
	content: "\e002";
}

.ima-paused:before {
	content: "\e001";
}

.ima-playing:hover:before,.ima-paused:hover:before {
	text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
	content: "\e006";
}

.ima-muted:before {
	content: "\e003";
}

.ima-non-muted:hover:before,.ima-muted:hover:before {
	text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
	content: "\e000";
}

.ima-fullscreen:before {
	content: "\e00b";
}

.ima-non-fullscreen:hover:before,.ima-fullscreen:hover:before {
	text-shadow: 0 0 1em #fff;
}

/**
 *
 * custom by CM
 *
 */
body {
	margin: 0;
}

.video-code {
	width: 100%;
	height: 100%;
	position: relative;
}

.cm_mediaplayer-dimensions {
	width: 100% !important;
	height: 100% !important;
}

#cm_mediaplayer_html5_api {
	object-fit: fill;
}

#ima-ad-container {
	top: 0px;
	position: absolute;
	display: block;
	overflow: hidden; /* overlay reklamda scroll cıkıyor*/
}

.vjs-ad-playing #ima-ad-container {
	z-index: 3000; /* playerın bazı ogeleri reklamın üstünde kalabiliyor */
}

#ima-ad-container.bumpable-ima-ad-container {
	top: -40px;
}

.video-js.vjs-playing .bumpable-ima-ad-container {
	margin-top: 0px;
}

.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
	margin-top: 0px;
}

/* navbar sürekli sabit*/
.vjs-default-skin:hover  .vjs-seek-handle:before {
	display: block;
}

/* sadece gorsellik*/
.vjs-default-skin .vjs-big-play-button {
	top: 40%;
	left: calc(50% - 2em);
	background-color: rgba(204, 0, 0, 0.80) !important;
	border-radius: 5px !important;
	border: 0 !important;
}

.vjs-default-skin .vjs-play-progress,.vjs-default-skin .vjs-volume-level {
	background: rgba(204, 0, 0, 1) !important;
}

.vjs-default-skin .vjs-control-bar {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#00000000', endColorstr='#a6000000', GradientType=0) !important; /* IE6-9 */
}

.vjs-default-skin .vjs-slider {
	background-color: rgba(73, 73, 73, 0.35);
}

.vjs-default-skin .vjs-load-progress {
	background-color: rgba(0, 0, 0, .35);
}

.vjs-poster {
	object-fit: fill;
}

.vjs-default-skin.vjs-ended .vjs-big-play-button {
	display: block;
}

.vjs-default-skin.vjs-ended .vjs-big-play-button:before {
	content: "\e01e";
}

.vjs-default-skin.vjs-ended .vjs-play-control:before {
	content: "\e01e";
}
/* sadece gorsellik bitti*/