@extends('layouts.front')

@section('content')
<div style="position:fixed;top:50px;left:50px;z-index:9999999;background:#ff0000;color:#ffffff;padding:30px;font-size:30px;font-weight:bold;">
    TEST MOOOBY
</div>
<style>
	.alert-section {
		position: absolute;
		right: 0px;
		top: 0px;
		min-width: 330px;
		z-index: 999999;
	}

	.alert-section .close {
		display: block;
		top: 92px;
		right: 20px;
		position: sticky !important;
	}

	.video-container,
	.video-section {
		width: 100%;
		min-height: 640px;
		height: 640px;
		object-fit: fill;
		cursor: pointer;
		/* background:#000; */
	}

	.video-small.video-container,
	.video-small..video-section {
		width: 100%;
		min-height: 425px;
		height: 425px;
		object-fit: fill;
		cursor: pointer;
		/* background:#000; */
	}

	.video_title {
		max-height: 140px;
		overflow-y: scroll;
	}
</style>


@include('includes.topbar')

<section class="h4-about ">
	@if ($message = Session::get('success'))
	<div class="alert alert-success alert-block alert-section">
		<button type="button" class="close" data-dismiss="alert">×</button>
		<strong>{{ $message }}</strong>