.n3_videoplayer_wrapper { 
	background-color: black; 
	position: relative; 
	width: 100%; 
} 

.n3_videoplayer_wrapper_16_9 {
	padding-top: 56.25%; /* 16:9 Aspect Ratio */ 
}

.n3_videoplayer_holder {
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
}


.video-js {
	font-family: unset;
}

.sticky-video-holder {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 480px;
	z-index: 9999;
	max-width: 95%;
	background-color: #000000;
	display: none;
}

@media screen (max-width: 480px) {
	.sticky-video-holder {
		top: unset;
		bottom: 10px;
		right: unset;
		width: 100%;
	}
}

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
	display: none;
}



.video-js .vjs-slider {
	background-color: #212121;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.video-js .vjs-load-progress {
	background-color: #FFbb00;
	background: #FFbb00;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}

.video-js .vjs-load-progress div {
	background-color: #FFbb00;
	background: #FFbb00;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}


.video-js .vjs-time-control {

	-webkit-box-flex: none;
	-moz-box-flex: none;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	font-size: 1em;
	line-height: 4.8em;
	min-width: 2em;
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
}


.video-js .vjs-volume-bar {
	margin: 2.4em 0.45em;
}

.video-js .vjs-play-progress {
	background-color: #FF2200;

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}


.vjs-remaining-time-display {
	background-color: #d0122d;
	background: #d0122d;
	display: block;
	height: 2em;
	margin-top: 0.9em;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0.5em;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	min-width: 70px;
}


.video-js .vjs-control:before {
	font-size: 2.5em;
	line-height: 2em;
}

.video-js .vjs-play-control:before {
	font-family: 'ElegantIcons';
	content: "\e04e";
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
	font-family: 'ElegantIcons';
	content: "\e041";
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
	font-family: 'ElegantIcons';
	content: "\e042";
}

vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
	font-family: 'ElegantIcons';
	content: "\e08f";
}

.vjs-volume-menu-button.vjs-vol-0:before {
	font-family: 'ElegantIcons';
	content: "\e067";
}

.vjs-volume-menu-button.vjs-vol-1:before {
	font-family: 'ElegantIcons';
	content: "\e068";
}

.vjs-volume-menu-button.vjs-vol-2:before {
	font-family: 'ElegantIcons';
	content: "\e069";
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
	font-family: 'ElegantIcons';
	content: "\e067";
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
	font-family: 'ElegantIcons';
	content: "\e068";
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
	font-family: 'ElegantIcons';
	content: "\e068";
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control.vjs-vol-3:before,
.video-js .vjs-volume-menu-button.vjs-vol-3:before {
	font-family: 'ElegantIcons';
	content: "\e069";
}

.video-js .vjs-live-control {
	
	font-weight: bold;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-flex: auto;
	-moz-box-flex: auto;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	font-size: 1.2em;
	line-height: 4em;
}

.video-js .vjs-menu-button-inline {
	width: 5em;
	overflow: hidden;
}

.video-js .vjs-progress-holder {
	-webkit-box-flex: auto;
	-moz-box-flex: auto;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	height: 0.5em;
}

.vjs-volume-bar.vjs-slider-horizontal {
	width: 4em;
	height: 0.4em;
	margin-top: 23px;
}

.vjs-slider-horizontal .vjs-volume-level {
	height: 0.4em;
}

.vjs-menu-button-inline .vjs-menu {
	left: 4.5em;

}



.video-info {
	display: flex;
	position: absolute;
	min-height: 60px;
	color: #212121;

	padding: 1em;
	left: 0px;
	right: 0px;
	width: 100%;
	align-items: center;
	justify-content: center;
	display: none;

}


.video-js .video-info {
	display: none;
}

.vjs-has-started .video-info {
	display: flex;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility 0.1s, opacity 0.1s;
	-moz-transition: visibility 0.1s, opacity 0.1s;
	-o-transition: visibility 0.1s, opacity 0.1s;
	transition: visibility 0.1s, opacity 0.1s;
}



.vjs-has-started.vjs-user-inactive.vjs-playing .video-info {
	visibility: visible;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	-moz-transition: visibility 1s, opacity 1s;
	-o-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .video-info,
.vjs-using-native-controls .video-info,
.vjs-error .video-info {
	display: none !important;
}





.video-info-title h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding: 0.5em;
	border: #000000 solid 1px;
	margin-right: 0.5em;
	background-color: #FFFFFF;
	color: #212121;
	z-index: 999999;
}

.video-info-share {
	flex: 0 1 auto;
}





.socialnetworks_ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

.socialnetworks_ul li {
	float: left;
}

.socialnetworks_ul li a {
	color: #FFFFFF;
}

.socialnetworks_ul li a:hover {
	color: #FFFFFF;
}

.socialnetworks_ul li a:active {
	color: #FFFFFF;
}

.socialnetworks_ul li a:visited {
	color: #FFFFFF;
}



.share_button {
	color: #FFFFFF;
	font-size: 1.5em;
	padding: 0.3em 0.4em 0.3em 0.4em;
	width: 1.8em;
	text-align: center;
	float: left;
	margin-right: 0.2em;
	margin-left: 0.2em;
	margin-bottom: 0.4em;
}

.facebook_button {
	background-color: #3b5999;
}

.twitter_button {
	background-color: #00aced;
}

.pinterest_button {
	background-color: #C92228;
}

.googlePlus_button {
	background-color: #000000;
}

.whatsapp_button {
	background-color: #25D366;
}

.linkedin_button {
	background-color: #4875B4;
}

.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.share-video-title {
	font-size: 1.1em;
	color: #212121;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
}

.share-video-modal-header {
	background-color: #212121;
	display: block;
	padding: 0.8em;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #FFFFFF;
	font-family: Roboto, Arial, sans-serif;

}


.player_ui_button {
	flex: 0 1 auto;
	padding: 1em;
	background-color: #FFFFFF;
	margin: 0.2em;
}

.player_ui_button a {
	color: #212121;
}

.player_ui_button a:hover {
	color: #212121;
}

.player_ui_button a:visited {
	color: #212121;
}

.player_ui_button a:active {
	color: #212121;
}




.video-info-title {
	flex: 1 1 auto;
}

.n3_video_title {
	font-weight: bold;
	text-transform: none;
	color: #54565a;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.n3_video_options {
	display: flex;
	flex-direction: column;
	color: #212121;
	padding: 0.5em;
	padding-left: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	/*align-items:center;*/
	/*justify-content: center;*/
	min-width: 250px;
	margin-right: 1em;
}

.n3_video_actions {
	display: flex;
	left: 0px;
	right: 0px;
	background: #FFC600;
}


.n3_video_options a {
	color: #000000;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.2em;
}

.n3_video_options a:hover {
	color: #FCE444;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.2em;
}


.n3_video_data_wrapper {
	display: none;
}



.video-js .vjs-big-play-button {
	cursor: pointer;
	border-radius: 50%;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 3px;
	border-color: #212121;
	color: #212121;
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 3em;
	height: 1.7em;
	width: 1.7em;

}

.video-js .vjs-big-play-button:hover {
	cursor: pointer;
	border-radius: 50%;
	background-color: #212121;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 3em;
	height: 1.7em;
	width: 1.7em;

}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
	cursor: pointer;
	border-radius: 50%;
	background-color: #212121;
	border-style: solid;
	border-width: 3px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 3em;
	height: 1.7em;
	width: 1.7em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
	 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
	 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
	
	visibility: visible;
	font-size: 0.6em;
}

.video-js .vjs-mouse-display:before {
	display: none;
}



.video-js .vjs-play-progress:before {
	font-family: "Poppis" !important;
	position: absolute;
	top: -0.333333333333333em;
	right: -0.5em;
	font-size: 1.1em;
	background-color: #d0122d;
	color: #FFFFFF;
}

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
	
	visibility: hidden;
	pointer-events: none;
	position: absolute;
	top: -3.4em;
	right: -1.9em;
	font-size: 1.1em !important;

	content: attr(data-current-time);
	padding: 6px 8px 8px 8px;
	background-color: #d0122d !important;
	color: #FFFFFF !important;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
}