html, body {
	background-color: black;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
	overflow-y: scroll; 
}

body::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}



body, p { margin:0; padding:0}

#fade-out-img-div
{
	width: 99%;
	height: 99%;
	background-image: url(/img/DF0D6D0F-FD0B-4881-B.jpeg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	font-size: 2em;
	text-align: center;
	position: absolute;
}

#online {
	position: relative;
	float: right;
	display: none;
	width: 100%;
}

#users_counter {
	padding-right: 24px;
	font-size: 0.8em;
	color: #fafafa;
	position: relative;
	float: right;
}

#watching {
	height: 12px;
	position: absolute;
	right: 0;
}

#player
{
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: none;
	text-align: center;
	overflow: hidden;
	align-items: center;
}

#player > video {
	width: 100%;
}

#header
{
	width: 100%;
	height: 28vh;
	background-size: cover;
	font-size: 2em;
	text-align: center;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto 0;
    text-align: center;
    background-position: center center;
    height: 100%;
}

@media (min-width: 768px) {
    .container {
        width:750px;
	height: 100%;
	background-position: center center;
    }
}

@media (min-width: 992px) {
    .container {
        width:970px;
	height: 100%;
	background-position: center center;
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px;
	height: 100%;
	background-position: center center;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#logo {
	position: absolute;
	right: 2%;
	top: 1%;
}

#logo .logo {
	display: inline-block;
	height: 20vh;
	width: 20vh;
	background-image: url(/img/pirate_drift.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
	cursor: pointer;
	transition: all 0.5s;
}

#logo.pirate .logo {
	display: inline-block;
	height: 20vh;
	width: 20vh;
	background-image: url(/img/DF0D6D0F-FD0B-4881-B.jpeg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right;
	cursor: pointer;
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8vh;
	margin: 1vh;
	text-align: center;
}

.video-js {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

.vjs-tech {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

.video-js > video {
	height: 100% !important;
}

.vj-techs > video {
	height: 100% !important;
}

video[poster]{
}

video[poster] > video {
    object-fit: fill;
	width: auto !important;
	height: 100% !important;
}

#c0 {
	opacity:1;
	z-index=-1;
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.heading1 {
	color: red;
	font-size: 2vw;
}

.heading3 {
	color: red;
	font-size: 1vw;
}

#donate_button {
	color: white;
	font-size: 1vw;
	background-color: red;
	cursor: pointer;
}

#telegram_social {
	margin: 24px;
}