html, body, div, span, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 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; } a:hover { border: 0; } body, input, button, textarea,* { font-family: 'motiva_sansthin';} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#969696;background:#000; font-family: 'motiva_sansthin'; padding-bottom:40px;}
@font-face {
font-family: 'motiva_sansmedium';
src: url('../fonts/motivasansmedium.woff-webfont.woff2') format('woff2'),
url('../fonts/motivasansmedium.woff-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'motiva_sansthin';
src: url('../fonts/motivasansthin-webfont.woff2') format('woff2'),
url('../fonts/motivasansthin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.header-overflow {background:#171D25; padding-bottom:30px;}
.header-article {display:flex; flex-flow:column; max-width:940px; margin-left:auto; margin-right:auto;}
.header-topbar {display:flex; align-items:center; padding:6px 0; justify-content: flex-end;}
.ht-right {display:flex; align-items:center; gap:9px;}
.ht-right a {color:#969696;}
.ht-right a:hover {color:#fff;}
.lang-btn {display:flex; align-items:center; gap:5px; cursor:pointer;}
.lang-btn:hover {color:#fff;}
.lang-btn:after {content:''; display:inline-flex; width:12px; height:9px; background:url('../images/ropdown.gif') center/15px no-repeat;}
.download-btn {display:inline-flex; align-items:center; gap:6px; line-height:24px; color:#fff; background:#5c7e10; border:0; padding:0 8px; cursor:pointer;}
.download-btn:before {content:''; width:18px; height:18px; min-width:18px;background:url('../images/download.png') center/13px no-repeat;}
.download-btn:focus {outline:none;}
.header-bottom {display:flex; align-items:center; gap:40px;}
.mobileNav {display:inline-flex; cursor:pointer; width:35px; height:35px; min-width:35px; padding:0; background:url('../images/menu.png') center/32px no-repeat; border:0; display:none;}
.mobileNav:focus {outline:none;}
.header-logo {}
.header-logo a {display:block;}
.header-logo a img {vertical-align:bottom; height:44px;}
.nav-bar {}
.nav-list {display:flex; gap:15px; align-items:center; }
.nav-list li {}
.nav-list li a {color:#fff; font-size:16px; text-transform:uppercase; font-family: 'motiva_sansmedium'; color:#DCDEDF; position:relative;}
.nav-list li a:before {content:''; display:inline-block; position:absolute; left:0; right:0; bottom:0; height:2px; background:#1a9fff; display:none;}
.nav-list li.select a:before {display:block;}
.nav-list li.select a,
.nav-list li a:hover {color:#1a9fff;}
.invintation-section {border-bottom:1px solid #8F98A0; background:#5C6E84; padding:27px 0; position:relative; z-index:11;}
.invintation-article {display:flex; flex-flow:column; max-width:940px; margin-left:auto; margin-right:auto; align-items: flex-start;}
.invintation-article h2 {font-size:22px; color:#fff; margin-bottom:7px;}
.invintation-article p {font-size:14px; line-height:1.3; color:#fff; margin-bottom:16px;}
.invintation-article button {border-radius:2px; background:#00000033; display:inline-flex; cursor:pointer; border:0; font-size:15px; color:#D3D3D3; line-height:30px; padding:0 30px;}
.invintation-article button:focus {outline:none;}
.profile-animation{position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden;}
.profile-animation video {position: absolute; left: 50%; transform: translateX(-50%); width: 1920px;}
.article-section {position:relative;}
.article-container {max-width:940px; margin:0 auto;}
.profile_header {display:flex; justify-content:space-between; padding-top:35px;display: grid ; grid-template-columns: 1fr 268px; gap:36px;}
.profile-user-cell {display:flex; gap:36px;}
.profile-user-avatar {position: relative;}
.profile-user-avatar .user-pic {position: relative; width: 166px; height: 166px;}
.profile-user-avatar div {position:absolute; left:0; right:0; bottom:0; width:100%;}
.profile-user-avatar .user-layer {transform: scale(1.22); width: 100%; vertical-align: bottom;}
.profile-details {}
.profile-details h2 {font-size:24px; color:#fff; margin-bottom:10px; display:flex; gap:6px; align-items:center;}
.profile-details h2:after {content:''; width:10px; height:5px; min-width:10px;background:url('../images/ropdown.gif') center/15px no-repeat; margin-top:5px;}
.profile-details p {font-size:13px; line-height:1.3; color:#C4C4C4; font-family: sans-serif;}
.profile-user-details {display:flex; flex-flow:column;gap:14px;}
.profile-level {display:flex; align-items:center; gap:6px; color:#fff; font-size:24px;}
.profile-level i {display:inline-flex; width:32px; height:32px; border-radius:100px; border:2px solid #542437; color:#fff; font-weight:100; font-size:16px;align-items: center; justify-content: center;}
.profile-info-cell {display:flex; gap:8px; align-items:center;border-radius: 3px; background-color: rgba(0, 0, 0, 0.3); height: 70px; margin-bottom: 13px; padding:0 10px; }
.profile-info-cell img {vertical-align:bottom; width:54px; height:54px;}
.profile-info-cell p {font-size:12px; color:#EBEBEB; line-height:1.3;}
.game-table {display:flex; gap:12px; margin-top:40px;}
.gt-article {flex:1;}
.gt-box {display:flex; flex-flow:column; padding:10px; background:#0000004D; backdrop-filter: blur(20px); margin-bottom:12px;}
.gt-box h2 {padding:10px 0; font-size:16px; font-weight:100; color:#fff; margin-bottom:30px;}
.gt-box h2.minimal {font-size:13px; color:#898989; margin-bottom:10px;}
.profile_customization {display:flex; flex-flow:column; gap:10px;}
.showcase_content {display:flex; padding:8px; border-radius:5px; background:#0000004D;}
.showcase_content.nobg {padding:0; background:none; border-radius:0;}
.showcase_content li {width:25%;}
.showcase_content li a {display:flex; flex-flow:column;}
.showcase_content li a strong {color:#fff; font-size:34px; font-weight:100; margin-bottom:15px;}
.showcase_content li a small {font-weight:400; color:#9B9B9B; font-size:17px; white-space: nowrap;}
.showcase_content li a:hover small {color:#fff;}
.featured-list {display:flex; gap:7px;}
.featured-list li {width:25%;}
.featured-list li a {display:block;}
.featured-list li a img {vertical-align:bottom; width:100%;}
.shocase-list {display:flex; gap:5px; margin-bottom:25px;}
.shocase-list li {width:16.6%;}
.shocase-list li:nth-child(2) .sl-item,
.shocase-list li:nth-child(5) .sl-item {border:1px solid #8650AC;}
.sl-item {height:98px; width:100%; border:1px solid #D2D2D2; display:flex;}
.sl-item:hover {border:1px solid;}
.sl-item img {vertical-align:middle;}
.favgame-table {}
.game-info-table {display:flex; flex-flow:column; gap:25px;}
.git-header {display:flex; align-items:center; gap:16px;}
.git-header a {}
.git-header a img {vertical-align:bottom;}
.git-name {font-size:24px; color:#EBEBEB; font-weight:100;}
.git-name:hover{color:#66C0F4;}
.git-info-list {display:flex; margin-top:20px;}
.git-info-list li {width:25%;}
.git-info-list div {display:flex; flex-flow:column;}
.git-info-list div strong {color: #fff; font-size: 34px; font-weight: 100; margin-bottom: 15px;}
.git-info-list div a,
.git-info-list div small {font-weight: 400; color: #9B9B9B; font-size: 17px; white-space: nowrap;}
.git-info-list div a:hover {color:#fff;}
.git-body {display:flex; flex-flow:column;}
.gitb-head {display:flex; align-items:flex-start; gap:40px;}
.gitb-progress {padding:8px; display:flex; align-items:center; border:1px solid #212121; border-radius:3px;box-shadow: 1px 1px 0px 0px #343944; background:#222223; gap:16px; width:50%;}
.gitb-progress i {width:36px; height:36px; min-width:36px; }
.gitb-progress i img {vertical-align:middle; max-width:100%;}
.gitb-progress p {display:flex; flex-flow:column; gap:4px;}
.gitb-progress p a {font-weight:400; font-size:13px; color:#EBEBEB;}
.gitb-progress p a:hover {color:#66C0F4;}
.gitb-progress p small {color:#969696; font-size:12px;}
.achievement-cell {width:50%;}
.ac-header {display:flex; align-items:center; justify-content:space-between;}
.ac-header a {font-weight:400; color:#EBEBEB; font-size:13px; margin-bottom:5px;}
.ac-header a:hover {color:#66C0F4;}
.ac-header small {font-size:13px; color:#969696;}
.ac-progress {position:relative; overflow:hidden;margin:8px 0;}
.ac-progress span {background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 80%); border-radius:5px; height:8px; display:block;}
.acp-list {display:flex; gap:8px;}
.acp-list li {}
.acp-list li a {display:block;}
.acp-list li a img {vertical-align:bottom; width:32px;}
.acp-list li a.more {background:#222223; border:1px solid #212121;box-shadow: 1px 1px 1px 0px #353535; font-size:13px; color:#fff; display:inline-flex; width:32px; height:32px;align-items: center; justify-content: center;}
.gitb-bottom {display:flex; align-items:center; gap:15px; border-top:1px solid #00000080; padding-top:10px; margin-top:10px;}
.gitb-bottom a {display:inline-flex; align-items:center; gap:6px;}
.gitb-bottom a img {}
.gitb-bottom a span {font-size:13px; color:#EBEBEB;}
.gitb-bottom a:hover span {text-decoration:underline;}
.as-pic-list {display:flex; padding:8px; margin-bottom:10px;}
.as-pic-list li {width:14.2%;}
.as-pic-list li a {display:flex;}
.as-pic-list li a img {}
.galbox {padding:15px 10px 10px 10px; display:flex;flex-flow:column;}
.galbox-top {display:flex; gap:8px;}
.galbox-main {flex:1;}
.galbox-main a {display:block; border: 1px solid #000000;}
.galbox-main a:hover {border:1px solid #97C0E3;}
.galbox-main a img {width:100%; vertical-align:bottom;}
.galbox-column { min-width:100px; width:100px;}
.galbox-column ul {gap:10px;display:flex; flex-flow:column;}
.galbox-column li {}
.galbox-column li a {display:flex; border:1px solid #000;}
.galbox-column li a:hover {border:1px solid #97C0E3;}
.galbox-column li a img {vertical-align:bottom; width:100%;}
.galbox-column li:last-child a {background:#222223; display:flex; justify-content: center; align-items: center; height:58px;}
.galbox-column li a small {}
.galbox-bottom {display:flex; flex-flow:column; margin-top:8px; gap:6px;}
.galbox-bottom h3 {font-size:13px; color:#969696;}
.galbox-rate {display:flex; gap:6px;}
.galbox-btns {display:flex; gap:10px; align-items:center;}
.galbox-btns span {display:flex; gap:4px; font-weight:400; font-size:13px;}
.group-table {display:flex; padding:20px 10px 10px 10px; gap:10px;}
.gt-pic {width:157px; height:157px; min-width:157px;}
.gt-pic img {vertical-align:bottom; width:100%;}
.gt-details {display:flex; flex-flow:column; justify-content: space-between; flex:1;}
.gth-top {display:flex; flex-flow:column; gap:8px;}
.gth-top h3 {color:#EBEBEB; font-size:24px;}
.gth-top h3 small {font-size:16px; color:#828282;}
.gth-top p {font-size:13px; color:#969696;}
.gth-list {display:flex;}
.gth-list li {display:flex; flex-flow:column; gap:10px; width:25%;}
.gth-list li span {font-size:22px; color:#fff;}
.gth-list li:nth-child(2) span {color:#8BC53F;}
.gth-list li:nth-child(3) span {color:#62A7E3;}
.gth-list li small {font-size:17px; font-weight:400; color:#9B9B9B;}
.bigpic-row {margin-top:30px; display:flex; flex-flow:column; gap:8px;}
.bigpic-img {display:block;}
.bigpic-img img {vertical-align:bottom; width:100%;}
.bigpic-img a { border:1px solid #000; display:flex;}
.bigpic-img a:hover {border:1px solid #97C0E3;}
.recent-activity-row {display: flex ; flex-flow: column; padding: 10px 0; background: #0000004D; backdrop-filter: blur(20px); margin-bottom: 12px;}
.rar-header {display:flex; align-items:center; justify-content:space-between; margin-top:25px; margin-bottom:35px;}
.rar-header h3 {font-size:16px; color:#fff; font-weight:100;}
.rar-header span {color:#fff; font-weight:100;}
.rar-header span strong {font-weight:400;}
.git-header.two-column {justify-content:space-between; margin-top:35px;}
.git-tc {display:flex; align-items:center; gap:10px;}
.git-tc-bottom {margin-top:auto;}
.git-tc-bottom p {color:#969696; font-size:13px; line-height:1.3;}
.ap-row-bottom {display:flex; align-items:center; justify-content:space-between; margin-top:12px;}
.ap-row-bottom h3 {display:flex; align-items:center; gap:12px;}
.ap-row-bottom h3 small {font-size:13px; color:#969696;}
.apr-list {display:flex; gap:8px;}
.apr-list li {}
.apr-list li a {display:flex;}
.apr-list li a img {vertical-align:bottom; width:32px;}
.apr-list li:last-child a {display:inline-flex; color:#fff; border:1px solid #212121; background:#222223; box-shadow: 1px 1px 1px 0px #353535; color:#fff; font-size:13px; width:32px; height:32px;justify-content: center; align-items: center;}
.view-links {display:flex; align-items:center; gap:6px; font-size:13px; color:#969696; justify-content: flex-end; margin-top:10px;}
.view-links a {color:#EBEBEB;}
.view-links a:hover {color:#66C0F4;}
.gt-sidebar {flex:0 288px;}
.gts-inner {display:flex; flex-flow:column; padding:12px 10px; background:#0000004D; backdrop-filter: blur(20px);}
.gts-inner h2 {font-size:20px; color:#898989; margin-bottom:5px;}
.gts-inner p {font-size:15px; color:#898989; margin-bottom:20px;}
.awards-cell {display:flex; flex-flow:column; margin-top:10px; margin-bottom:15px;}
.ac-link a {display:flex; gap:6px; color:#EBEBEB; font-size:14px; align-items: flex-end;}
.ac-link a:hover span {text-decoration:underline;}
.ac-link a small {color:#9B9B9B; font-size:24px; font-weight:100; }
.ac-list {display:flex; margin-top:10px;}
.ac-list li {width:25%;}
.ac-list li a {display:flex;justify-content: center; align-items: center;}
.ac-list li a img {vertical-align:bottom; max-width:50px;}
.aw-groups {display:flex; flex-flow:column; margin-top:25px;}
.awg-cell {display:flex; align-items:center; gap:16px; margin-bottom:24px; margin-top:15px;}
.awg-cell .awgc-link {display:flex;}
.awg-cell img {width:64px; height:64px; min-width:64px; border-radius:2px;box-shadow: 2px 2px 3px 0px #0C0C0C;}
.awg-details {display:flex; flex-flow:column; gap:5px;}
.awg-details a {font-size:13px; color:#EBEBEB;}
.awg-details a:hover {color:#66C0F4;}
.awg-details p {font-size:13px; color:#969696; margin-bottom:0;}
.awg-cell.min {margin-top:0;}
.awg-cell.min .awgc-link img {min-width:32px; height:32px; width:32px;}
.footer-overflow {}
.footer-article {display:flex; flex-flow:column;}
.layer-overley {visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; transition: visibility 0.5s, opacity 0.5s; display:none;}
@media screen and (max-width: 960px) {
.invintation-article,
.header-article,
.article-container {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 900px) {
.header-topbar {display:none;}
.header-overflow {padding:15px 10px;}
.nav-bar {position:fixed; left:0; top:0; bottom:0; z-index:20;background:#171a21; display:none;}
.nav-list {flex-flow:column; overflow:auto; align-items: flex-start;}
.nav-list { min-width:240px; padding-top:30px;}
.nav-list li a:hover:before,
.nav-list li.select a:before,
.nav-list li a:before {display:none;}
.nav-list li {width:100%;}
.nav-list li a {border-bottom:1px solid #2f3138; line-height:45px; width:100%; display:flex; padding-left:25px;}
.navVisible {overflow:hidden;}
.navVisible .layer-overley {display:block; opacity:1; visibility:inherit;}
.navVisible .nav-bar {display:flex;}
.mobileNav {display:inline-flex; margin-right:auto;}
.header-bottom { justify-content: center;}
.header-logo { margin-right: auto; margin-left: -50px; }
.game-table {flex-flow:column; gap:24px;}
.gt-article {order:2;}
.gt-sidebar {flex:auto; order:1;}
.mb-grid br {display:none;}
.mb-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap:12px;}
.gts-inner {padding:0; background:none; backdrop-filter:none;}
.aw-groups,
.awards-cell,
.gtsi-head {display: flex ; flex-flow: column; padding: 12px 10px; background: #0000004D; backdrop-filter: blur(20px);}
.gtsi-head p {margin-bottom:0;}
.ac-list li a img {max-width:32px;}
.awg-cell img {width:32px; height:32px; min-width:32px;}
.awg-cell.min,
.aw-groups {margin:0;}
.ac-link:nth-child(13),
.ac-link:nth-child(7),
.ac-link:nth-child(3) {display:none;}
}
@media screen and (max-width: 680px) {
.mb-grid {display:flex; flex-wrap:wrap;}
.aw-groups,
.awards-cell {width:calc(50% - 6px);}
.sl-item img {width:100%; height:100%; object-fit: contain;}
.sl-item {height:100%;}
}
@media screen and (max-width: 640px) {
.profile_header {gap:20px; flex-flow:column; display:flex;}
.profile-user-details {flex-flow:nowrap; justify-content:space-between;background: #0000004D; backdrop-filter: blur(20px); padding-left:20px; margin-top:20px;}
.profile-info-cell {margin-bottom:0; background:none; backdrop-filter: none;}
.game-table {margin-top:15px;}
}
@media screen and (max-width: 560px) {
.mb-grid {flex-flow:column;}
.aw-groups, .awards-cell {width:100%;}
.awards-cell {margin-bottom:0;}
.git-info-list div strong,
.showcase_content li a strong {font-size:25px;}
.git-info-list div a, .git-info-list div small,
.showcase_content li a small {font-size:12px;}
.group-table {flex-flow:column;}
.gt-pic {margin-bottom:12px;}
.gt-details {gap:15px;}
}
@media screen and (max-width: 520px) {
.gitb-head {gap:15px; flex-flow:column;}
.achievement-cell,
.gitb-progress {width:100%;}
.as-pic-list li a img {width:90%;}
}
@media screen and (max-width: 460px) {
.profile-user-cell {gap:15px;}
}
@media screen and (max-width: 400px) {
.profile-user-avatar {width:40%;}
.profile-user-avatar .user-pic {width:100%; height:auto;}
}