body
{ 
height: 100vh;
background: #D7D9E1;
overflow-x: hidden;
overflow-y: hidden;
font-family: "PHFont"; 
margin: 0px;
}

@font-face {
font-family: "PHFont"; 
src: url("../fonts/1.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 


@font-face {
font-family: "PHFont_Logo"; 
src: url("../fonts/2.TTF") format("truetype"); 
font-style: normal; 
font-weight: normal; 
}


div::-webkit-scrollbar {
width: 0px;
}
div{
scrollbar-width: none;
}

textarea::-webkit-scrollbar {
width: 0px;
}
textarea{
scrollbar-width: none;
}








#MainPH
{
position: absolute; 
width:1100px;
height:630px;
background: #F2F3F7;
border-radius: 30px;
margin: auto;
overflow: hidden;
left: 0; right: 0; top: 0; bottom: 0;
box-shadow: 0 13px 15px -11px #73737385;
}

#TopMenu
{
position: absolute; 
width:1100px;
height:50px;
background: #FFFFFF;
top: 0;
z-index: 5;
}

#LeftMenu
{
position: absolute; 
width: 80px;
height: 630px;
left: 0px;
bottom: 0px;
background: #FFFFFF;
overflow: hidden;
z-index: 7;
}

#LoginForm
{
position: absolute; 
width: 1100px;
height: 630px;
margin: auto;
overflow: hidden;
top: 0px;
z-index: 5;
}


#GuestBlock
{
position: absolute; 
width: 1100px;
height: 580px;
background: #FFFFFF;
margin: auto;
overflow: hidden;
top: 50px;
z-index: 2;
}

#UserBlock
{
position: absolute; 
width: 1100px;
height: 580px;
background: #F2F3F7;
margin: auto;
visibility: hidden;
top: 50px;
z-index: 3;
}

#UserInteractiveBlock
{
position: absolute; 
width: 1020px;
height: 580px;
background: #F2F3F7;
overflow: hidden;
/* visibility: hidden; */
right: 0;
z-index: 3;
}




/* PH Logos, Thanks to Aaron! */
.PHDunderLogoIcon
{
position: absolute;
top: 0px;
left: 0px;
padding-top: 10px;
padding-left: 10px;
}
/* PH Logos, Thanks to Aaron! */




/* PH Shadows, Thanks to Michael! */



.AllShadow
{
box-shadow: 0 0 20px rgb(221, 221, 221);
}

.BottomShadow
{
box-shadow: 0 18px 25px -20px #737373
}

.BottomShadowLong
{
box-shadow: 0 18px 30px -20px #737373;
}

.BottomShadowShort
{
box-shadow: 0 15px 20px -20px #737373;
}

.EllipseShadow
{
box-shadow: 0 13px 15px -11px #737373;
}

.ColoredShadow
{
box-shadow: 0 13px 15px -11px #4dcabe;
}

/* PH Shadows, Thanks to Michael! */








/* PH Buttons, Thanks to Irisa! */

.MainButton
{
background: #D7D9E1;
color: #4D4D4D;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
border-radius: 15px;
overflow: hidden;
width: max-content;
height: 14px;
font-size: 10px;
cursor: pointer;
outline: none;
user-select: none;
text-align: center;
}

.MainButtonShadow
{
background: #D7D9E1;
color: #4D4D4D;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
border-radius: 15px;
overflow: hidden;
width: max-content;
height: 14px;
font-size: 10px;
cursor: pointer;
outline: none;
user-select: none;
text-align: center;
box-shadow: 0 13px 15px -11px #737373;
}

.MainButtonShadowIcon
{
background: #D7D9E1;
color: #4D4D4D;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
padding-right: 15px;
border-radius: 15px;
overflow: hidden;
width: max-content;
height: 14px;
font-size: 10px;
cursor: pointer;
outline: none;
user-select: none;
text-align: center;
box-shadow: 0 13px 15px -11px #737373;
}

.CloseButton
{
position: absolute;
width: 25px;
height: 25px;
background: url('../img/sprites/I_15.png');
background-position: center;
background-position-y: 5px;
background-color: #D7D9E1;
border-radius: 15px;
background-repeat: no-repeat;
cursor: pointer;
box-shadow: 0 6px 12px -7px #737373;
}
/* PH Buttons, Thanks to Irisa! */










/* PH Inputs, Thanks to Artem! */

.DarkInput
{
background: #0c1330;
border: 0;
width: 140px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #1D2C6B;
outline: none;
color: #FFFFFF;
}

.LightInput
{
background: #FFFFFF;
border: 0;
width: 140px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #D7D9E1;
outline: none;
color: #000000;
resize: none;
}
/* PH Inputs, Thanks to Artem! */





/* PH Animations, Thanks to Errera! */
.a_05
{
transition: all 0.5s ease 0s;
}

.a_1
{
transition: all 1s ease 0s;
}

.a_5
{
transition: all 5s ease 0s;
}

@keyframes FrozenThrone
{
	
	0%		{top: 60px; }
	50% 	{top: 120px;}
	100%	{top: 60px;}
	
}

@keyframes FrozenThroneShadow
{
	
	0%		{top: 240px;}
	50% 	{top: 280px;}
	100%	{top: 240px;}
	
}


@keyframes PH_Sword_1
{
	0%		{top: 320px; transform: rotate(-93deg); }
	50% 	{top: 340px; transform: rotate(-105deg);}
	100%	{top: 320px; transform: rotate(-93deg);}
	
}


@keyframes PH_Sword_2
{
	0%		{top: 330px; transform: rotate(-109deg); }
	50% 	{top: 350px; transform: rotate(-91deg);}
	100%	{top: 330px; transform: rotate(-109deg);}
	
}



@keyframes PH_Sword_3
{
	0%		{top: 330px; transform: rotate(-90deg); }
	50% 	{top: 370px; transform: rotate(-81deg);}
	100%	{top: 330px; transform: rotate(-90deg);}
	
}



@keyframes Avatar_Settings
{
	0%		{transform: rotate3d(-82, -387, 0, 8deg); }
	30% 	{transform: rotate3d(-82, -500, 200, 30deg);}
	60% 	{transform: rotate3d(50, -100, 50, -30deg);}
	100%	{transform: rotate3d(-82, -387, 0, 8deg);}
	
}





@keyframes Play_Button
{
	0%		{box-shadow: 0 13px 15px -11px #4dcabe;}
	50%		{box-shadow: 0 13px 15px -11px #a965fb;}
	100%	{box-shadow: 0 13px 15px -11px #4dcabe;}
	
}





/* PH Animations, Thanks to Errera! */



/* PH Text, Thanks to Heser! */
.Text_1
{
position: absolute;
margin-top: 10px;
width: 197px;
border-right-style: solid;
border-color: #FFFFFF;
color: #b0b0b0 !important;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
cursor: pointer;
}

.Text_1:hover
{
position: absolute; 
width: 197px;
border-right-style: solid;
border-color: #18fac6;
color: #000000 !important;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}


.Text_2
{
position: absolute; 
color: #d7d9e1;
}


.Text_3
{
margin-left: 15px;
color: #b0b0b0;
display: block;
margin-top: 10px;
margin-top: 10px;
max-width: calc(100% - 30px);
}

.Text_4
{
position: absolute;
width: max-content;
border-bottom-style: solid;
border-color: #FFFFFF;
color: #b0b0b0;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
cursor: pointer;
}

.Text_4:hover
{
color: #000000;
border-color: #18fac6;

}


.Text_5:hover
{
opacity: 1 !important;
padding-top: 50px !important;
}



.Text_6
{
position: relative !important;
width: max-content;
display: block;
font-size: 12px;
user-select: none;
padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 10px; 
padding-right: 10px; 
border-radius: 20px;
cursor: pointer;
}



.Text_6:hover
{
background: #d7d9e1; 
}




.Text_7
{
color: transparent;
background-image: linear-gradient(90deg, rgb(0, 158, 253) 0%, rgb(0, 247, 191) 100%);
background-clip: text;
}



.Text_Label
{
width: max-content;
height: 17px;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
border-radius: 10px;
border-width: 1px;
border-style: solid;
}


.Text_Label_Standart
{
width: max-content;
height: 17px;
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
border-radius: 10px;
padding-bottom: 2px;
color: #00000078;
background: #D7D9E187;
border-color: #AAA;
border-width: 1px;
border-style: solid;
}


.Text_Label_Standart_Mini
{
width: max-content;
height: 17px;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
border-radius: 10px;
color: #00000078;
background: #D7D9E1;
border-color: #CACACA;
border-width: 1px;
border-style: solid;
box-shadow: 0 6px 12px -7px #737373;
}





/* PH Text, Thanks to Heser! */




/* PH Super-Support, Thanks to Chandler! */
.SupportBlock-Button
{
position: absolute; 
width: 50px; 
height: 50px; 
bottom: 20px; 
right: 20px;
background: linear-gradient(90deg, rgba(0,158,253,1) 0%, rgba(0,247,191,1) 100%); 
cursor: pointer;
border-radius: 30px; 
z-index: 10;
}
/* PH Super-Support, Thanks to Chandler! */



/* PH Alignment. It's just cool! */
.O_Center
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}

.O_CenterWidth
{
position: absolute;
left: 0;
right: 0;
margin: auto;
}

.O_CenterHeight
{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
/* PH Alignment. It's just cool! */






/* PH Other and other, Thanks to All of US! */

.Scroller
{
transform: rotate3d(0, 0, 0, 0deg);
}

.ProgressLine
{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 0%;
border-radius: inherit;
background: linear-gradient(90deg, #009efd 0%, #00f7bf 100%);
}

#F_Home_News:hover
{
flex-shrink: 0;

}

#F_Home_News:hover > #F_Home_News_Title
{
opacity: 1 !important;

}



#MyAvatar
{
position: absolute;
width: 100px;
height: 100px;
cursor: pointer;
background-size: cover;
border-radius: 50px;
left: 30px;
top: 30px;
}

#MyAvatar:hover
{

border-radius: 20px;

}

#MyAvatarStandart
{
position: absolute;
width: 100px;
height: 100px;
background-size: cover;
border-radius: 50px;

}


#MyAvatarReduced40x40
{
position: absolute;
width: 40px;
height: 40px;
background-size: cover;
border-radius: 40px;
}

#MyAvatarReduced30x30
{
position: absolute;
width: 30px;
height: 30px;
background-size: cover;
border-radius: 20px;
}


#SearchedItem
{
position: absolute;
width: 100px;
height: 100px;
background-size: cover;
border-radius: 20px;
left: 30px;
top: 30px;
}




#MainXP
{
position: absolute;
width: 395px;
height: 10px;
background: #EEEEEE;
border-radius: 20px;
box-shadow: 0 4px 10px -4px #5e5e5e;
overflow: hidden;
left: 140px;
bottom: 30px;
}

#MainHP
{
position: absolute;
width: 200px;
height: 10px;
background: #EEEEEE;
border-radius: 20px;
box-shadow: 0 4px 10px -4px #5e5e5e;
overflow: hidden;
left: 140px;
bottom: 70px;
}


#SupportAlert
{
position: absolute;
background: #FF5F5F;
border-radius: 100%;
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
font-family: century gothic;
color: #FFFFFF;
}


#GuestNews1:hover #GuestNews1Info
{
bottom: 0 !important;
}


#GuestNews2:hover #GuestNews2Info
{
bottom: 0 !important;	
}


/* PH Other and other, Thanks to All of US! */



/************************* PH DualColor Whoa! **************************/
.PH_DualColor_0
{
background: #FFFFFF;
}

.PH_DualColor_1
{
background: #000000;
/*not use */
}

.PH_DualColor_2
{
background: #fbfbfb;
}

.PH_DualColor_3
{
color: #000000;
}




/************************* PH DualColor Whoa! **************************/










	.S_Text_Label_0
	{
	color:#00000078;
	background:#7cf3ff4d;
	border-color:#36a8d56b;
	}
	
	
	.S_Text_Label_1
	{
	color:#82004978;
	background:#ff7ce438;
	border-color:#f57fff;
	}
	
	
	.S_Text_Label_2
	{
	color:#00621478;
	background:#87ff7c5c;
	border-color:#6cff8a;
	}
	
	
	.S_Text_Label_3
	{
	color:#00000078;
	background:#fff7754f;
	border-color:#f7f57f;
	}
	
	
	.S_Text_Label_4
	{
	color:#00000078;
	background:#ff696938;
	border-color:#ff7487;
	}
	
	
	.S_Text_Label_5
	{
	color:#00000078;
	background:#7f50ff40;
	border-color:#8836ff91;
	}
	
	
	.S_Text_Label_6
	{
	color:#092b6078;
	background:#758bff4f;
	border-color:#7fa8f7;
	}
	
	
	.S_Text_Label_7
	{
	color:#9663dff2;
	background:#ba8aff38;
	border-color:#ad75fde8;
	}
	
	
	.S_Text_Label_8
	{
	color:#78aa6df2;
	background:#9eff8a38;
	border-color:#9eff8a73;
	}
	
	
	.S_Text_Label_9
	{
	color:#c47878c9;
	background:#ff6a6a3b;
	border-color:#ff6a6a96;
	}