/* GAMMA */
 body ::selection, .bg, #menu details li:hover, a.button:hover, .nav a:hover, #menu .catsTable .catName:hover
{background-color:#20b2aa;}
.light, .lightH, #menu a:hover, .content a, .eText a, .breadcrumbs, .forumContent a
{color:#00e0d7}
.content a:hover 
{color:#fff}

/* GLOBAL */

::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background: #444;}
::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}

body * {transition:all .3s ease-out}
@font-face {font-family: 'Exo 2'; font-weight: 400; src: url(http://l2admin.at.ua/Design/Exo2-Regular.ttf)}
body {margin:0;font-family: sans-serif;font-family: 'Exo 2', sans-serif;font-size: 17px;color: #fff;background:#444}
.pad20 {padding: 20px;}
a {color:#fff;text-decoration: none;}
a:hover img {opacity:.9}
b {font-weight:100; text-shadow:1px 0px}
clear, .clear {clear:both; display:block}
#hue {transition:.3s}
.off, .mob {display:none}
*:focus {outline:0}
ol {padding-left:20px}
.code {padding: 20px;background-color: #383838;border-radius:5px;box-shadow: inset 0 0 25px rgba(0,0,0,.3);}

/* AD */
#promo {display:block}
.promo {min-height: 200px;transition:.2s; position:relative; background: url(http://l2admin.at.ua/note.png) center no-repeat, url(http://l2admin.at.ua/MURD.jpg) center no-repeat #20b2aa;background-size: 0px,100%}
.promo:hover {background-size:100px, 0px}
.promo:hover:before, .promo:hover:after {color:#fff}
.promo:before, .promo:after {color:transparent;position:absolute;padding: 15px;text-align: center;min-width: 200px;box-sizing: border-box;transition: .2s}
.promo:before {content:'WANTA BLACK'; top:0}
.promo:after {content:'MURDER BEATS';bottom:0}

div#crt_adb_cont {background-color: #383838; box-shadow: inset 0 0 25px #0003}
iframe#crtadbifr {max-width:100%}

/* HEADER */
.header {position:fixed;z-index: 2;top:0;min-width:100%}
.placer {width: 100%;padding: 0;margin: 0}
.placer li {list-style-type: none;float: left;}
.placer li:hover {background-color: #444;}
.placer a {display: block;padding: 15px;padding-top: 13px;padding-bottom: 17px;box-sizing: border-box;text-decoration:none;}
.placer .logo {min-width:200px;background: url(http://l2admin.at.ua/Design/Header/logo_white.png) left bottom no-repeat, url(http://l2admin.at.ua/Design/Header/zdarova.png) left top no-repeat;background-size: 200px 50px, 200px 0px;text-align:center;font-size: 42px;padding:0;transition: 0.2s;color: rgba(0,0,0,0);color: #0000;background-color: rgba(0,0,0,.2);background-color: #0002;}
.placer .logo:hover {background-size:200px 0px, 200px 50px;/* background-color: #222; */}
.placer a.logo_m {display:none; min-width:50px}
.find {position: absolute;transition:.3s;float:right;max-height:50px;overflow:hidden;width: 100%;right: -200px;max-width: 250px}
.find[open] {right: 0}
.find form {transition:.3s; height: 50px}
.find summary {transition:.3s linear;outline:none;float:left;min-width: 50px;min-height: 50px;line-height: 50px;text-align: center;background: url(http://l2admin.at.ua/Design/eDetails/read.png) center no-repeat;color: rgba(0,0,0,0);color: #0000;cursor: pointer;}
.find:hover, .find[open], .find:focus {background-color: #444}
.find input[type="search"] {width: 190px;border: 0;padding: 6px;margin-top: 11px}
.find input[type="submit"] {display:none; border: 0; background: 0; min-height: 50px; min-width: 50px; padding: 0; background: #00f5; color: #fff}
.find summary::-webkit-details-marker {display:none}

/* BOX */
.close {min-width: 50px;display:none;position: fixed;top: 0;text-align: center}
#menu {position: fixed;z-index: 2;max-width:200px;min-height: calc(100% - 100px);background-color: #383838;box-shadow: inset 0 0 25px rgba(0,0,0,.3);transition: .3s;}
#menu:hover {z-index:3}
#menu ::selection {background-color:#0000}
#menu details {max-height:50px;transition: .3s;overflow:hidden;color: #fff}
#menu details ul {padding:0;margin: 0}
#menu details li {list-style-type: none;position: relative;}

#menu details li, #menu .catsTable .catName {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5))}

#menu details li:before {position: absolute;top: 8px;left: 5px;content:"";display:block;width: 25px;height: 25px;background: url(http://l2admin.at.ua/Design/Header/nav_spr.png) 0px -25px no-repeat;background-size: cover;}
#menu details li:nth-child(2):before {background-position:0px -50px}
#menu details li:nth-child(3):before {background-position:0px -75px}
#menu details li:nth-child(4):before {background-position:0px -100px}
#menu details li:nth-child(5):before {background-position:1px -125px}
#menu details li a {padding: 10px 0 10px 35px;display: block}
#menu details[open] {max-height:300px;box-shadow: inset 0 0 200px #fff1}
#menu summary::-webkit-details-marker {display:none}
#menu summary {cursor:pointer;padding: 15px;min-width: 200px;box-sizing: border-box;outline:none;list-style: none;}
#menu summary:hover, #menu details[open] summary {background-color: #282828}
#menu details[open] summary:hover {background-color: #222}

#menu .catsTable, #menu .catsTable tbody, #menu .catsTable tr, #menu .catsTable td, #menu .catsTable .catName, #menu .catsTable .catNumData {display:block}
#menu .catsTable .catName {padding:10px}
#menu .catsTable .catNumData {position:absolute;right: 10px;margin-top: -32px;}
#menu .catsTable .catName:hover {color:#fff}

#menu a.user:hover img {filter:saturate(2)}
#menu li a:hover {color:#fff}

#menu:target {left:0; box-shadow:0 0 100px 1000px #000a}
#menu:target .close {display:block; color:#fff}
#menu:target .close:hover {background-color:#222}

/* CONTENT */
.middle {margin-top: 50px}
#allEntries:after {content:""; display:block; clear:both}
.content {padding: 14px;width: calc(100% - 200px);min-height: calc(100% - 100px);box-sizing: border-box;padding-bottom:105px;margin-left: 200px;}
.main .eBlock {position:relative;border-radius:3px;min-width:154px;max-width:154px;min-height: 190px;padding:0 10px 10px;float:left;margin:0 14px 14px 0}
.main .eBlock td {vertical-align:top}
.main .eBlock .eImage {max-width:128px}
.main .eTitle {vertical-align: middle;position:absolute;left:0;right:0;margin:0 auto;text-align:center;min-height:42px;max-height:42px;padding:0 11px;padding-bottom:1px;box-sizing:border-box;overflow:hidden;border-radius:0 0 2px 2px;color: #fff}
.breadcrumbs {margin:auto;padding-left: 15px}
.main .eBlock:hover {background-color: #383838}
.main .eBlock:hover .eTitle {z-index:1;max-height:168px;background-color:#383838;padding-bottom:15px}
.main .eMessage {display:none}
.main .eDetails {display:none;line-height: 40px;position:fixed;z-index: 1;bottom: 50px;width: 100%;left: 200px;background-image: linear-gradient(to right, #0000, #444)}
.main .eBlock:hover .eDetails {display:block}
.main .eDetails img {margin-bottom:-5px}
.main .eDetails a {padding: 10px;color: #fff}
.main .eDetails a:hover {background-color:#333}
.eDetails1 {color: #fff;background-color: #383838;padding: 10px;margin: 20px 0 10px;display: block;}
.eDetails1 span .ed-value {padding: 0 10px 5px 0;display:inline-block;}
.eDetails1 a {color:#fff}
.eDetails1 img {margin-bottom:-3px}
.save {transition:.3s;cursor:pointer;color: #fff;font-size: 18px;padding: 0;border: 0;border-radius: 3px;margin: 10px 0px 25px 0px;}
.save span {display:block;box-sizing: border-box;float:left;padding: 10px;padding-bottom: 5px;border-bottom: 5px solid #0002}
.save span:nth-child(2) {background: #0002}
.save:hover span:nth-child(1) {background-color:#0002}
.save:hover span:nth-child(2) {background-color:#0000}
.commReg {color: #fb0;background: url(http://l2admin.at.ua/Design/eDetails/warning.ico) no-repeat 5px center/64px #383838;text-align: left;padding: 10px;padding-left: 75px;padding-bottom: 15px;border: 3px dotted;box-sizing: border-box}
.commReg a {color: #fff}
.commReg a:hover {color:#fb0}

/* FORUM */
.forumContent {margin: 50px 0}
.forumContent table {border-collapse:collapse}
.forumContent a:hover {color:#fff}
.gTable {background-color: #333}
.postTable {display: flex;}
.gTableTop {padding:10px}
.postTdInfo {background: #383838;min-width: 200px;max-width: 200px;box-sizing: border-box;padding: 10px;box-shadow: inset 0 0 25px 0px #0003}
.postTdInfo details {cursor:pointer;max-height: 200px;transition: .5s}
.postTdInfo details[open] {max-height:500px}
.postTdInfo summary::-webkit-details-marker {display:none}
.postTdInfo summary {position: relative}
.postUser {display: block;position: absolute;text-align: center;width: 100%}
.postUser:hover {background-color: #555}
.userAvatar {margin: auto;display: block;max-width: 100%}
.user_avatar img {margin-bottom:-3px;filter: saturate(0.5)}
.postRankIco {max-width: 100%;margin: auto;display: table}
.posttdMessage {padding: 10px; padding-bottom:52px;position: relative;width: 100%;background: #444}
.detailsF {display: flex;justify-content: space-between;position: absolute;bottom: 0;right:0;width: 100%;background-color: #383838;padding: 10px;box-sizing: border-box;opacity: .1;}
.detailsF:hover {opacity:1}

.user_avatar {text-align:center; display:block; background-position: center bottom;background-repeat: no-repeat;filter: saturate(2) drop-shadow(0px 0px 5px);}

.rank1 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/1.png); color:#07f}
.rank2 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/2.png); color:#0f0}
.rank3 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/3.png); color:#fd0}
.rank4 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/4.png); color:#f70}
.rank5 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/5.png); color:#f00}
.rank6 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/6.png); color:#0ef}
.rank7 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/7.png); color:#4f0}
.rank8 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/8.png); color:#fc0}
.rank9 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/9.png); color:#f50}
.rank10 .user_avatar {background-image: url(http://l2admin.at.ua/avatar/aura/10.png);color:#f00}

/* FOOTER */
.footer {position: fixed;z-index: 2;bottom: 0px;background-color: #383838;min-width: 100%;max-height: 50px;box-sizing: border-box;line-height:50px}
.nav {float: left}
.nav a {display: block;width: 50px;height: 50px;float: left;text-align: center;color:transparent}
.nav a div {background-image: url(http://l2admin.at.ua/Design/Header/nav_spr.png);width: 25px;height: 25px;background-size: 30px;background-position: -3px -32px;margin: auto;margin-top: 13px;filter: drop-shadow(0px 2px 0px black);opacity: .3;}
.nav a:nth-child(2) div {background-position: -3px -62px;}
.nav a:nth-child(3) div {background-position: -3px -91px;}
.nav a:hover div {opacity:1} 

/* ADMIN-BARS */
.uadm.uadm--animate.uadm--black.uadm--bottom.uadm--mini {bottom: 10px;border-color: #0000;background: #383838;}
.uadm-collapse.uadm--animate.uadm-collapse--empty {bottom: 10px; left: 9px}

/* PROFILE */
.popup .bg {padding: 14px;text-align: center}
.user-profile-popup-wrapper {padding: 15px}

body {background:#282828; margin:0; color:#fff}
.pLayout {width: fit-content;margin: 70px auto 0px;padding-bottom: 70px;color:#aaa;}
.pLayout hr {border: 0px;border-top: 1px solid #666;margin: 20px 0 20px -20px;width: calc(100% + 40px);}
 .pLayout summary {padding:10px; border-radius:5px; cursor:pointer; margin:10px 0}
 .pLayout summary:hover {background-color:#666}
.pHeader {background: darkcyan; text-align: center; padding:20px; position: fixed; top: 0; left: 0; width: 100%}
.pContent {width: 240px;float: left;margin-right: 20px;}
 .pConBlock {background:#444; padding:20px; border-radius:5px; margin-bottom:20px}
 .pButton {display: block;line-height: 40px;text-align: center;background: #555;border-radius:5px;margin: 20px 0;}
 .pButtonL {display: table-cell;width: 100%;border-radius: 5px 0 0 5px;}
 .pButtonR {display: table-cell;border-radius: 0 5px 5px 0;padding: 0px 14px;border-left: 1px solid #444;}
 a.pButton:hover {background-color:#666}
 .pConBlock .pButton:last-child {margin:0;}
.pInfo {float: left;width: 550px;padding:20px;background: #444;border-radius:5px;}
 .pInfoBlock {width: 30%;display:inline-block;margin: 5px 0;}
 .pInfoBlock:nth-child(odd) {width: 70%;}
 .pEntries {display: flex;}
 .pEntrie {flex-grow: 1;text-align:center;border-radius: 5px;color: #aaa;padding: 10px 0;margin: 5px;}
 .pEntrie:hover {background: #666}
 .pEntrie:hover * {color:#fff}
 .pEntrieName {}
 .pEntrieCount {font-size: 30px;color: #ccc;}

 .pRankIco {border-radius: 5px;overflow: hidden;}

/* ADAPTIVE */
@media all and (orientation: portrait) {
.mob {display:inherit}
.main .eBlock:hover .eDetails, .placer a.logo, .mod, .cat {display:none}
.placer {display: table}
.placer a.logo_m {display:block}
.placer li.home, li.link {display:table-cell}
.link {text-align:center;width:calc(100% - 100px);text-shadow:1px 1px 0 #000;max-height: 50px;height: 50px}
.placer a.logo_m {display:block}
body.forum a.logo {display:block}
body.forum a.logo_m {display:none}
body.forum a.logo {min-width: 50px}

#menu{left: -200px}
.content{margin-left:0px; width:100%}
.main .eBlock {margin: 7px;min-width: 144px;max-width: 144px;min-height: 175px;padding: 12px}
.eTitle {text-align:center}
.eTitle a {padding:10px;display: block;background-color: #fff1}
.save {width:100%}
.save span:nth-child(1) {width:100%; max-width:60%}
.save span:nth-child(2) {width:100%; max-width:40%}
.ulightbox img {width:100%}
.postTdInfo {min-width:100px}
.detailsF {display:block}
.detailsF * {float:left}