@charset "utf-8";
body{
	background-color:#D3D3D3;
	margin:0;
	font-size:18px;
	font-family: Gayane,sans-serif;
}
.ejy_ir_mej_pahox_div{
	max-width: 1920px;
	background-color: #fff;
	margin:0 auto;
}
.headeri_mec_div{
	background-color: #424242;
	position:relative;
}
.headeri_menu{
	display:table;
	width:100%;
	position:fixed;
	top:0;
	z-index: 99;
	left:0;
	right:0;
	margin:auto;
	max-width:1920px;
	padding-top:0.9em;
	padding-bottom:0.9em;
	background-color: #000000;
}
.haederi_menu_tr{
	display: table-row;
	white-space: nowrap; 
}
.headeri_menu_td_mek{
	display: none;
	vertical-align: middle;
	width:8%;
}
.haederi_menu_td_erku{
	display: table-cell;
	vertical-align: middle;
}
.headeri_menu_td_ereq{
	display: table-cell;
	vertical-align: middle;
}
.haederi_menu_td_chors{
	display: table-cell;
	vertical-align: middle;
}
.headeri_menu_td_hing{
	display: table-cell;
	vertical-align: middle;
}
.haederi_menu_td_vec{
	display: table-cell;
	vertical-align: middle;
}
.headeri_menu_td_yot{
	display: table-cell;
	vertical-align: middle;
}
.haederi_menu_td_ut{
	display: none;
	vertical-align: middle;
}
.headeri_menu_logo{
	height:4.6em;
	aspect-ratio:1/1;
	margin:auto;
	display:block;
	transition:0.5s;
}
.headeri_menu_logo:hover{
	filter:hue-rotate(180deg);
}
.headeri_menu_a{
	color:#FFE300;
	margin-left:2%;
	margin-right: 2%;
	border-radius: 20px;
	display:block;
	background-color:#000000;
	text-decoration: none;
	font-size:1.4em;
	text-shadow:1px 1px 1px #333333; 
	text-align: center;
	padding: 1em 5px;
	text-decoration-color: transparent;
	transition:0.2s;
}
.headeri_menu_a:hover{
	background-color:#363636;
}
.headeri_patvirel_a{
	background-color:#131313;
}
.headeri_patvirel_a:hover{
	background-image: linear-gradient(to left, #FF8D28 ,#F7FF08);
	text-shadow:none; 
	color:#000;
}
.div_menui_nshan{
	height:4em;
	aspect-ratio: 1/0.85; 
	position:relative;
	margin: auto;
}
.gic{
	background-color:yellow;
	height:20%;
	width:100%;
	position:absolute;
	transform-origin:2%;
	transition:0.5s;
	border-radius:20px;
}
.div_menui_nshan:hover .gic-mek{
	transform: rotate(37.5deg);
	width: 123%;
	top:-2.5%;
}
.div_menui_nshan:hover .gic-erku{
	opacity:0;
}
.div_menui_nshan:hover .gic-ereq{
	transform: rotate(-37.5deg);
	width: 123%;
	top:83%;
}
.gic-mek{
	top:0;
}
.gic-erku{
	top:40%;
	transition:0.2s;
}
.gic-ereq{
	top:80%;
}
.datark_div_fixedi_hamar{
	height:6.34em;
}
.label_headeri_menui_nshan{
	cursor:pointer;
}
#ptichka_poqr_ekrani_menu{
	display:none;
}
.poqr_ekranum_koxic_ekox_menui_div{
	background-color: #000;
	position: absolute;
	left:-100%;
	width: 100%;
	top:100%;
	transition: 0.6s;
	border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; 
}
#ptichka_poqr_ekrani_menu:checked ~ .poqr_ekranum_koxic_ekox_menui_div{
	left:0%;
}
.poqr_ekranum_koxic_ekox_menui_a{
	color:#FFE300;
	text-decoration:underline;
	text-decoration-color:transparent;
	padding:8px ;
	background-color:#000;
	display:block;
	font-size: 1.5em;
	border-top:1px solid #929292;
	text-align: center;
	border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; 
	transition: 0.2s;
	text-shadow:1px 1px 1px #333333; 
}
.poqr_ekranum_koxic_ekox_menui_a:hover{
	text-decoration-color:#FFE300;
	transform: scale(1.01);
}
.headeri_nkarneri_mayr_div{
	width:100%;
	position: relative;
  aspect-ratio:1/0.2469;
}
.headeri_mec_nkar_mek{
	width: 100%;
	position: absolute;
	left:0;
	top:0;
	filter: saturate(150%);
	aspect-ratio:1/0.2469;
	animation: headeri_nkar_mek 15s infinite linear;
	animation-direction: alternate; 
	opacity: 1;
}
.headeri_mec_nkar_erku{
	width: 100%;
	position: absolute;
	left:0;
	top:0;
	filter: saturate(150%);
	aspect-ratio:1/0.2469;
	animation: headeri_nkar_erku 15s infinite linear;
	animation-direction: alternate; 
	opacity: 0;
}
@keyframes headeri_nkar_mek {
0%{opacity:1;}
45%{opacity:1;}
50%{opacity:0;}
100%{opacity:0;}
} 
@keyframes headeri_nkar_erku {
0%{opacity:0;}
45%{opacity:0;}
50%{opacity:1;}
100%{opacity:1;}
} 
.loader {
	background-color: #CFF1FEB0;
	transition: 0.2s;
	position: absolute;
  font-family: amyu,sans-serif;
	left:55%;
	top:50%;
	transform:translateY(-14%); 
	height:10em;
  overflow: hidden;
  border-right: 3px solid;
  width: 0px;
  animation: typewriter 3s steps(20)  infinite alternate , blink 0.5s steps(20) infinite;
}
.loader-text {
  font-size: 2.8em;
  font-weight: 700;
  background: linear-gradient(to top,#fffb09, #06fd15);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-shadow: 1px 1px 1px #403e4b;
}
@keyframes typewriter {
  0% {width: 0%;}
  100% {width:40%;}
}
@keyframes blink {
  0% {border-right-color: rgba(255,255,255,.75);}
  100% {border-right-color: transparent;}
}
.eji_anun_mec_div{
	position: absolute;
	left:3%;
	top:50%;
	width:38em;
	height:5em;
	perspective:400px;
  transform-style:preserve-3d;
	animation: mec_tarer 2.4s infinite alternate linear;
} 
.eji_anun_mec_pttvox_tarer_mek{
	position: absolute;
	left:0;
	top:0;
	z-index: 1;
	background: linear-gradient(-45deg, #088A9F, #D312EF, #E3F412, #DF3333, #0008FF);
	color:transparent;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 4em;
	font-weight: 900;
	font-family: arial,Cambria, sans-serif;
	transform:translateZ(0px);
	transition: 0.2s;
}
.eji_anun_mec_pttvox_tarer_erku{
	position: absolute;
	left:0;
	top:0;
	z-index: 2;
	background: linear-gradient(-90deg, #088A9F,#D312EF, #E3F412, #DF3333, #0008FF);
	color:transparent;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 4em;
	font-weight: 900;
	font-family: arial,Cambria, sans-serif;
	transform:translateZ(3px);
	transition: 0.2s;
} 
.eji_anun_mec_pttvox_tarer_ereq{
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	background: linear-gradient(-90deg, #088A9F, #D312EF, #E3F412, #DF3333, #0008FF);
	color:transparent;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 4em;
	font-weight: 900;
	font-family: arial,Cambria, sans-serif;
	transform:translateZ(6px);
	transition: 0.2s;
} 
.eji_anun_mec_pttvox_tarer_chors{
	position: absolute;
	left:0;
	top:0;
	z-index:4;
	background: linear-gradient(45deg, #088A9F, #32DB9C, #E3F412, #DF3333, #0008FF);
	color:transparent;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 4em;
	font-weight: 900;
	font-family: arial,Cambria, sans-serif;
	transform:translateZ(10px);
	transition: 0.2s;
} 
@keyframes mec_tarer {
  0% {transform: rotateY(0deg) }
  50% {transform: rotateY(90deg)}
	100% {transform: rotate(0deg)}
}














