html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0px 0px -3px 0px;
	/*margin: 0;*/
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-size: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, textarea {
    padding:0;
    margin:0;
}
a {outline:none;}
a:visited {outline:none;}

button.invert, a.invert {text-decoration:none;}
a.invert:hover, button.invert:hover {text-decoration:underline; cursor:pointer;}

.clear {clear:both; display:block;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix{zoom:1;}

textarea {resize:none; overflow-y:auto;}

.hidden {display:none;}

a.btn:hover {text-decoration:none !important;}

body {color:#333; background:#222; overflow:hidden; line-height:1.2; font-size:13px;}
a {color:#f81;}
a:hover {text-decoration:none;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

html, body {min-width: 1280px; min-height: 720px; overflow: auto;}
html, body {height:100%; cursor : url("../cur/1.cur"), auto;  }

#wrap {height:100%; margin-bottom:-75px; position:relative;}
#view {height:100%; background:url(../img/fon.jpg) repeat; position:relative; overflow:auto; overflow-x:hidden;}
.wrapper {width:990px; margin:0 auto;}

/** Transition **/
.tacb {-webkit-transition:500ms all cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:500ms all cubic-bezier(0.77, 0, 0.175, 1); -o-transition:500ms all cubic-bezier(0.77, 0, 0.175, 1); -ms-transition:500ms all cubic-bezier(0.77, 0, 0.175, 1); transition:500ms all cubic-bezier(0.77, 0, 0.175, 1);}

.tacb-fast {
	-webkit-transition:200ms all cubic-bezier(0.77, 0, 0.175, 1); 
	-moz-transition:200ms all cubic-bezier(0.77, 0, 0.175, 1); 
	-o-transition:200ms all cubic-bezier(0.77, 0, 0.175, 1); 
	-ms-transition:200ms all cubic-bezier(0.77, 0, 0.175, 1); 
	transition:200ms all cubic-bezier(0.77, 0, 0.175, 1); 
	cursor : url("../cur/2.cur"), pointer; 	
	}

body {-webkit-backface-visibility:hidden;}

#wrap {
    -webkit-perspective:2000px;
    -moz-perspective:2000px;
    -ms-perspective:2000px;
    perspective:2000px;

    -webkit-perspective-origin:50% 50%;
    -moz-perspective-origin:50% 50%;
    -ms-perspective-origin:50% 50%;
    perspective-origin:50% 50%;
}


/** Menu **/
#menu {position:fixed; left:0; top:0; bottom:0; z-index:1900; 	cursor : url("../cur/2.cur"), pointer;}
    #menu .hoverable {width:90px; position:absolute; top:0; bottom:0; left:0;}
        #menu .hoverable .bg {background:#fff; opacity:0.4; position:absolute; top:0; bottom:0; left:0; right:0;}
        #menu .hoverable .icon {position:absolute; left:50%; top:41%; width:20px; margin:-12px 0 0 -10px;}
            #menu .hoverable .icon span {display:block; margin:6px 0 0 0; background:#333333; height:2px;}


/** Left menu **/
.left-menu {background:#222; width:180px; padding:30px; position:fixed; left:-250px; top:0; bottom:0;}
    .left-menu .logo {width:65px; height:65px; margin:0 0 20px 52px; display:block; background:url(../bundles/ablog/i/s.png) -200px 0 no-repeat; position:relative;}
    .left-menu .logo:after {content:''; width:65px; height:65px; display:block; background:url(../bundles/ablog/i/s.png) -100px 0 no-repeat; position:absolute; top:0; left:0; opacity:0; -webkit-transition:0.3s opacity linear; -moz-transition:0.3s opacity linear; -o-transition:0.3s opacity linear; -ms-transition:0.3s opacity linear; transition:0.3s opacity linear;}
    .left-menu .logo:hover:after {opacity:1;}

    .left-menu .title {display:block; padding-bottom:5px; margin-bottom:7px; border-bottom:1px dotted #ccc; font-size: 30px; font-family: snow; color:#ccc; white-space:nowrap; opacity:0.4; cursor:default; cursor : url("../cur/2.cur"), pointer;}

    .left-menu ul {display:block; margin-bottom:15px;}
    .left-menu ul:last-child {margin-bottom:0;}
        .left-menu ul li {display:block; margin-bottom:5px;}
        .left-menu ul li:last-child {margin-bottom:0;}
            .left-menu ul li a {display:block; 	color: #5364e0; text-decoration:none; font-size: 20px; font-family: snow; padding:4px 10px 6px;}
            .left-menu ul li a:hover {background:#f81; color:#fff;}


/** Menu visible state **/
.menu-visible #view {
    -webkit-transform: rotateY(-25deg) translateZ(0px) translateX(190px);
    -moz-transform: rotateY(-25deg) translateZ(0px) translateX(190px);
    -ms-transform: rotateY(-25deg) translateZ(0px) translateX(190px);
    transform: rotateY(-25deg) translateZ(0px) translateX(190px);
}

.menu-visible #menu .hoverable {left:-100px;}
.menu-visible #menu .left-menu {left:0;}


@media (max-width: 820px) {
    #menu .hoverable {width:60px;}
}







@font-face {
    font-family: logo; 
    src: url(../fonts/logo.ttf); 
}
  
.textlogo {	
	font-size: 90px;
	color: #2D66FF;
	font-family: logo;
}  

.all {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*background-color: yellow; */
}

.topconteiner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	/*background-color: green;*/
}

.topborder {
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 210;
	width: 100%;
	height: 35px;
}

/*Блок второй анимации названия сервера - Начало*/
.logoBlock {
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	width: 1024px;
	height: 95px;
	/*background: red;*/
	z-index: 300;
}

/* Блок Логин/Сервер - Начало */
.onlofl { 
	position: absolute;
	top: 55px;
	right: 10px;
	width: 210px;
	height: 65px;
	/*border: 1px solid red;*/
	font-family: snow;
	font-size: 25px;
	color: #2736ad;
}
/* Блок Логин/Сервер - Конец */


.maincontainer {
		position: relative;
		margin: 0 auto;
		width: 900px;
		height: 78%;
		z-index: 300;
		/*background-color: grey;*/
	
}


.bottomcontainer {
	position: absolute;	
	left:0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	/*background-color: red;*/
}
.bottomborder {
	position: relative;
	left: 0px;
	top: 5px;
	z-index: 210;
	width: 100%;
	height: 35px;
}

.menuTitle {
	    font-family: snow; 
		color: #5364e0;
		font-size: 30px;
		text-shadow: 1px 1px 1px black;
}

svg {

	font-family:logo;
	border: 1px solid black;
	width: 1024px;
	height: 90px;
	border-radius: 6px;
	background: rgba(1, 1, 1, 0.6);
	
}
/*Блок второй анимации названия сервера - Конец*/


/* Блок Логин/Сервер - Конец */

.acr {
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 400px;
	height: 485px;
	/*border: 1px solid red;*/
	background-image: url("../img/acr.png");
	background-size: 100%;
	background-repeat: no-repeat;
   /* background-attachment: fixed;*/
   z-index: 200;
   opacity: 0.9;   
}
.acrmmotop {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 250px;
	height: 372px;
	/*border: 1px solid red;*/
	background-image: url("../img/acrmmotop2.png");
	background-size: 100%;
	background-repeat: no-repeat;
   /* background-attachment: fixed;*/
   z-index: 250;
   opacity: 0.9;
   
}


#mmo-btn {
	background: url(../img/mmotop.png) no-repeat;
	width: 160px;
	height: 160px;
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	position: fixed;
	right: 0px;
	/*border: 1px solid red;*/
	animation: anim-mmo 4000ms ease infinite;
	-webkit-animation: anim-mmo 4000ms ease infinite;
	z-index: 320;
	cursor : url("../cur/2.cur"), pointer;
}
#mmo-btn:hover {
	background: url(../img/mmotop-hover.png) no-repeat;
		width: 160px;
	height: 160px;
	background-size: 100%;
	background-repeat: no-repeat;
	
}
@keyframes anim-mmo {
	0% {bottom: 310px;}
	50% {bottom: 370px;}
	100% {bottom: 310px;}
}
@-webkit-keyframes anim-mmo {
	0% {bottom: 310px;}
	50% {bottom: 370px;}
	100% {bottom: 310px;}
}



@font-face {
    font-family: snow; 
    src: url(../fonts/snow.otf); 
}

@font-face {
    font-family: text; 
    src: url(../fonts/text.ttf); 
}


.textBorder {
	position: absolute;
	top: 132px;
	left: 0px;
	right: 0px;
	margin: 0px auto;	
	bottom: 35px;
	width: 900px;
	/*height: 79%;	*/
	z-index: 400;
	/*border: 1px solid red;*/


}

.textBorderText {
	color: #00d9f1;
	text-shadow: 1px 1px 2px black;
	font-family: text100; 
	font-size: 30px;
	/*background-color: rgba(1, 1, 1, 0.5);*/
	overflow: auto;
    overflow-y: auto;
	z-index: 329;
	text-align: right;
	width: 100%;
	height: 74%;

}


@font-face {
    font-family: text100; 
    src: url(../fonts/text100.ttf); 
}


.marg {
	position: relative;
	margin: 0px 10px 0px 10px;
	/*border: 1px solid red;*/


}

.td1 {
	position: relative;
	/*border: 1px solid red;*/
	background: url("../img/menuBorderUp.png") no-repeat;
	width: 100%;
	height: 90px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.td3 {
	position: relative;
	/*border: 1px solid white;*/
	background: url("../img/menuBorderDown.png") no-repeat;
	width: 100%;
	height: 70px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}




.notice {
	position: absolute;
	top: 300px;
	left: 200px;
	background: rgba(255, 0, 0, 0.5);
	width: 300px;
	height: 100px;
	z-index: 400;
	border-radius: 30px 10px 30px 10px;
	
	cursor : url("../cur/2.cur"), pointer;
	
	
	
	box-shadow: 0px 0px 10px black;
	animation: anim-txt 4000ms ease infinite;
	-webkit-animation: anim-txt 4000ms ease infinite;
	
    -moz-transform: rotate(-15deg); /* Для Firefox */
    -ms-transform: rotate(-15deg); /* Для IE */
    -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-15deg); /* Для Opera */
    transform: rotate(-15deg);
}

@keyframes anim-txt {
	0% {box-shadow: 0px 0px 10px black;}
	50% {box-shadow: 0px 0px 20px white;}
	100% {box-shadow: 0px 0px 10px black;}
}
@-webkit-keyframes anim-txt {
	0% {box-shadow: 0px 0px 10px black;}
	50% {box-shadow: 0px 0px 20px white;}
	100% {box-shadow: 0px 0px 10px black;}
}

.noticeText {
	margin: 12px 5px 5px 5px;
	color: #00d9f1;
	font-size: 32px;
	font-family: snow;
	text-align: center;
	text-shadow: 1px 1px 2px black;
}


.copyright {
		position:absolute;
		top: 15px;		
		width: 100%;
		font-size: 14px;
		text-align: center;
		color:black;
		text-shadow: 0px 0px 10px #2D66FF;
		display:block;
		z-index: 450;
		/*background-color: red;*/
		font-family: text100; 
		
}
.Fenomen {
	color: yellow;
	cursor : url("../cur/2.cur"), pointer;
}

#authorInfo {
	display: none;
	position: absolute;
	bottom: 40px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 350;
	width: 630px;
	height: 44px;
	background: rgba(1, 1, 1, 0.8);
	font-size: 20px;
	font-family: text100; 
	color:black;
	text-shadow: 0px 0px 10px #2D66FF, 0px 0px 15px white;	
	border-radius: 20px 0px 20px 0px;
}

.InfoText {
	margin: 10px 0px 0px 0px;
	text-align: center;
}

.Fenomen:hover .authorInfo{
		display: block; 
}

::-webkit-scrollbar-button {
	background-image:url('');
	background-repeat:no-repeat;
	width: 4px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color:#32312e;
	box-shadow:0px 0px 3px #000 inset;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*background-color: #ffcb17;*/
	background-color: #5364e0;
	box-shadow:0px 1px 1px #fff inset;
	background-image:url('https://yraaa.ru/_pu/24/59610063.png');
	background-position:center;
	background-repeat:no-repeat;
}

::-webkit-resizer{
	background-image:url('');
	background-repeat:no-repeat;
	width:7px;
	height:0px
}

::-webkit-scrollbar{
	width: 8px;
}