body {
	
	margin: 0 auto;
	
	   background: linear-gradient(30deg,#1b1c21,#1b1c21);
	   color:#b9bac1;
font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
}
.background {
	background-image: linear-gradient(30deg,#7f7fd5,#86a8e7,#91eae4);
}
.fade{
color: #595959;
background: rgba(0,0,0,.6);
}
.menu {
	border-radius: 15px;
	display: flex;
	align-items: center;
justify-content:center;

}
.processing {
background: url('load.svg') no-repeat;
width: 100px;
height: 100px;
}
.load{
display: flex;
justify-content: center;
}
table {
	font-size:30px;
}
.modal{
	max-width:1100px!important;
	height:auto!important;
	overflow:visible!important;
}
.profile {
display: flex;
justify-content: center;
font-size: 25px;
align-items: center;
height:100vh;
}

.profile > * {
	margin: 10px;
	
}
.info{
	background: white;
	padding: 20px;
	border-radius: 10px;
}
.info > * {
	
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.under_profile {
	display:none;
font-size: 30px;
align-items: center;
	flex-direction: column;
}
.buttons_under_profile {


display: flex;
justify-content: center;

}

.buttons_under_profile>* {
border-radius: 10px;
margin-left: 15px;
padding: 10px;
color: #fff;
	background: rgb(212,75,56);
	margin-top:10px;
}

.button_games_last:hover,.button_inventory:hover  {
transition: .6s ease-out;
	background: rgb(232,95,76);
cursor: pointer;
}
.#id_profile:hover  {
transition: .6s ease-out;
	background: rgb(232,95,76);

}
.games_last {
font-size: 18px; 
padding-top: 15px;
flex-direction:column;
}

.m1tv_game_div{
margin-top:35px;
}

.m1tv_game{
border-radius: 10px;
padding: 10px;
color: #b9bac1;
	background: #2e3036;
}
.m1tv_game:hover{
transition: .2s ease-out;
	background: #4a4c54;

}
.inventory{

padding-top: 15px;
}
.sorev,.ord_game,.retro,.ruletka,.quick_game{
	color: white;
	border-radius: 20px;
	padding: 7px;	
}
.sorev{
	background: orange;
}
.ord_game{
	background: green;
}
.retro{
	background: brown;
}
.ruletka{
	background: #d870ad;
}
.quick_game{
	background: red;
}

.info_game{
	display: flex;
width: 100%;
background:  #2e3036;
justify-content: space-between;
align-items: center;
}
.info_game>*{
	margin: 15px;
}
.players{
	
display: flex;
flex-direction: row;


}
.players_game{
	flex-direction: column;
	flex: 1 0 auto;
}
.a_img{
	
	display:flex;
	justify-content:center;
	align-items:center;
}
.a_img>img{
	width: 110px;
	height: 110px;
	border-radius: 1000px;
	margin-bottom: 15px;
	
}


.ulMenu {
	margin: initial!important;
	list-style: none;
	display: flex;

}
ul a{
	color: white;
	text-decoration: none;	
	
	margin-left: 15px;
	
}

li ul {
    position: absolute ; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: -50px; /* Сдвигаем подменю */
	padding-top: 10px;
	animation: show .4s 1; /* Указываем название анимации, её время и количество повторов*/
animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
animation-delay: 0s; /* Задержка перед началом */
   }
.menu_a {
    min-height: 35px;
	width: 170px;
	align-items: center;
	border-radius: 3px;
    display: flex; /* Ссылка как блочный элемент */
    padding: 7px 7px 7px 15px; /* Поля вокруг надписи */
    color: #343434; /* Цвет текста */
    background-color: white; /* Цвет фона */
    border-bottom: 0.7px solid grey; /* Границу снизу  проводим */
}

 


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


   
   .menu_a:hover { 
    list-style: none;
	
    color: black; /* Цвет текста активного пункта */
    background-color: #f1f1f1; /* Цвет фона активного пункта */
	
	
   }
   li:hover ul {
   
     list-style: none;
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
a#menu_gl {
	
	text-decoration: none;
	color: white;

	border-radius: 6px;

		padding: 13px;
		margin: 4px;
		margin-right: 50px;
}
a#menu {
		padding: 13px;
		margin: 4px;
	text-decoration: none;
	color: white;
	
	border-radius: 6px;

}

a#menu:hover {
	
background: #85f3ff;
color: white;
transition: 0.35s;
}
a#menu_gl:hover {

background: #85f3ff;
color: white;
transition: 0.35s;
}

.cssload-container {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
}

.cssload-zenith {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 4px 4px 1px rgb(3,61,0);
	animation: cssload-spin 360ms infinite linear;
		-o-animation: cssload-spin 360ms infinite linear;
		-ms-animation: cssload-spin 360ms infinite linear;
		-webkit-animation: cssload-spin 360ms infinite linear;
		-moz-animation: cssload-spin 360ms infinite linear;
}



@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
#id_profile {
   border: 1px solid #cccccc;
   border-radius: 3px; 
   -webkit-border-radius: 3px; //з
   -moz-border-radius: 3px; 
   -khtml-border-radius: 3px; 

   outline: none; 
   height: 24px;
   width: 300px; 
   color: #464646; 
   font-size: 14px; 
   font-family: Tahoma; 
}
.orangeBTN{
border-radius: 10px;
margin-left: 30px;

padding: 15px;
padding-left: 50px;
padding-right: 50px;
display: flex;
justify-content: center;
color: #fff;
background: rgb(212,75,56);
text-decoration:none;
cursor:pointer;
}
#search_btn_index{

display: flex;


align-items: center;

}
.search_btn_index{

flex-direction: column;
margin-top: 10px;

}
.search_btn_index>*{


margin-top: 10px;

}