* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
.background{
overflow-x: hidden;
position:relative;
width: 100%;
}
.leng1 img{
width:25px;

}
.leng1{
float:right;
padding-right:10px;
}
.text-video {
	width: 470px;
	display:inline;
	font-size:25px;
	color:#ffffff;
	line-height: 1.5;
	font-family: 'Open Sans';
	font-weight:400;
	margin-left: 7%;
}
.text-video-container {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}
.background > .container
{
	height: 500px;
	overflow: hidden;
}
.background > .container > .video-container video
{
	width: auto;
}
.background > .container > .video-container
{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-video-info > *
{
	transform: translate(-100%, 0);
	opacity: 0;
}

.text-video-info > .active
{
	opacity: 1;
	transform: translate(0%, 0);
	animation-name: line-animation;
	animation-duration: 1.5s;
}

.text-video-info > .disabled
{
	opacity: 0;
	transform: translate(-100%, 0);
	animation-name: line-animation-disable;
	animation-duration: 1.5s;
}

@keyframes line-animation {
	from {
		transform: translate(-100%, 0);
		opacity: 0;
	}
	to {
		transform: translate(0%, 0);
		opacity: 1;
	}
}
@keyframes line-animation-disable {
	from {
		transform: translate(0%, 0);
		opacity: 1;
	}
	to {
		transform: translate(-100%, 0);
		opacity: 0;
	}
}
.nadpis-video{
font-size:40px;
font-weight:900;
font-family: 'Roboto';
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.mobile-container
{
	height: 100%;
	width:100%;
}

.mobile-container > .background
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width:100%;
}
.green-line
{
	height: 2px;
	width: 100%;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(175,210,117,1) 20%, rgba(175,210,117,1) 50%, rgba(175,210,117,1) 80%, rgba(0,0,0,0) 100%);
}

.detail-primary{
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:2.5px;
padding-left:2.5px;
letter-spacing: 0.25em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
display: inline-block;
transition-property: color, text-shadow;
}
.text-video-info .button-detail{
position:absolute;
margin-top:20px;
background-color: #0f3614;
font-size: 0.7em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
position: relative;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;
}

.button-detail:hover{
background-color: #ffffff;
color: #0f3614;
}

@media only screen and (max-width: 600px) 
{
	.background > .container
	{
		height: 300px;
	}
	.text-video
	{
		width: 300px;
		font-size: 15px;
	}
	.nadpis-video
	{
		font-size: 25px;
	}
}
	
/* CSS Document */