*{
    margin:  0;
	padding: 0;
	border:  0;
	outline: 0;	
	vertical-align: baseline;
	background:     transparent;			        
	box-sizing:     border-box;
	z-index:        1;	

	font-family: 'Arial', sans-serif;
	font-weight: 300;
	font-style: normal;	
	font-size: 14pt;
	letter-spacing: 1px;

	color:#000;
}

html, body {
	width: 100%;
    height:   100%;
    position: relative;	
	background: linear-gradient(253.61deg, rgba(0, 0, 0, 0.1) 0.16%, rgba(0, 0, 0, 0.5) 100.26%), #000000;
	overflow: hidden;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {    
    border-radius: 0;
}

/* index */

#container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
}

.bars-video {
	position: absolute;
	bottom:0;
	height: 100%;
  	opacity: 0.5;
  	mix-blend-mode: screen;
	animation: showBgVideo 5s ease-in-out infinite alternate;
}

video {
	height: 100%;
 	opacity: 0;
	transform: scale(1.1);	
    transition: opacity 3s ease-out 1s, transform 2s ease-out 1s;
}

.start-video_animation {	
	opacity: 1;
	transform: scale(1.0);
}

#bars-logo {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: auto;
	max-width: 50%;	
	border-radius: 50%;
	overflow: hidden; 
	opacity: 0.7;
	box-shadow: 0 0 250px 0px rgba(255, 0, 0, 0.8);
	/* animation: show_logo 2s ease-in-out; */
	animation: show_logo 2s ease-in-out;
}

@keyframes show_logo {	
	0% {transform: scale(1.2);opacity: 0;}
	100% {transform: scale(1.0);opacity: 0.7;}
}

@keyframes show_video {	
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes showBgVideo {
    from {               
		opacity: 0.2;
    }
    to {        
		opacity: 0.5;
    }
}

#deviz {
    position: relative;        
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 90%;
    white-space: nowrap;
	opacity: 1;

	
	margin: 0 auto;
	margin-top:30px;
}

#deviz > div > img {
    display: block;
    height: 30px;
    width: auto;
}

.deviz-firstpart {
    position: relative;    
    display: block;
	opacity: 0.5;
}


.deviz-nextpart {
    position: relative;
    display: block;
    width: 250px;
    height: 30px;
}


.deviz-nextpart > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 30px;
    opacity: 0;
    transform: translateX(calc(-50% - 18px));
    animation-name: d_word_change;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}


.d_bog {
    animation-delay: 0s;
}

.d_RodnaiaZemlia {
    animation-delay: -3s;
}

.d_semia {
    animation-delay: -6s;
}

@keyframes d_word_change {
    0% {
        opacity: 0;
        transform: translateX(calc(-50% - 18px));
    }
    10% {
        opacity: 1;
        transform: translateX(-50%);
    }
    23% {
        opacity: 1;
        transform: translateX(-50%);
    }
    33% {
        opacity: 0;
        transform: translateX(calc(-50% + 18px));
    }
    100% {
        opacity: 0;
        transform: translateX(calc(-50% + 18px));
    }
}


@media (prefers-reduced-motion: reduce) {
    .deviz-nextpart > img {
        animation: none;
    }
    .d_bog {
        opacity: 1;
        transform: translateX(-50%);
    }
    .d_semia,
    .d_RodnaiaZemlia {
        opacity: 0;
    }
}

/* ОТ АДМИНА БРАТЬЯМ ★ С НАМИ БОГ, СЕМЬЯ И РОДНАЯ ЗЕМЛЯ */