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: 'Gilroy'; font-weight:400;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body a { color: #fff; text-decoration:none; transition: all 300ms ease-in-out 0s;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#696969; background:#0C0B1C;}
.main__cover {display: flex; min-height: 100vh; width: 100%; flex-flow: column;}
.main__table {display: flex; width: 100%; overflow: hidden;}
.main__sidebar {flex: 0 0 280px; transition: all 300ms ease-in-out 0s; border-right: 1px solid #333333; min-height: 100vh; position: relative; display: flex; flex-flow: column; justify-content: space-between;transition: all 300ms ease-in-out 0s;}
.header__column {display:flex; align-items:center; justify-content:space-between; padding:40px 10px 40px 50px; border:1px solid transparent1; transition: all 300ms ease-in-out 0s;}
.main__sidebar.slim {}
.main__sidebar.slim #slim__column { margin-left:5px;}
.main__sidebar.slim #slim__column i {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.main__sidebar.slim {flex: 0 0 100px; }
.main__sidebar.slim .header__column {padding-right:20px; }
.main__sidebar.slim .logotype span { display:none; visibility:hidden;}
#navButton {width:28px; min-width:28px; height:28px; cursor:pointer; border:0; padding:0; display:none; background:url('../images/menu.svg') center/contain no-repeat;}
#navButton:focus {outline:none;}
.logotype {display:flex; align-items:center; color:#fff; font-weight:700; font-size:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.main__sidebar.slim .logotype:before {margin-left:26px;}
.logotype span {display:flex; white-space:nowrap; overflow:hidden;}
.logotype:before {content:''; display:inline-flex; width:33px; height:33px; min-width:33px; margin-right:10px; background:url('../images/logotype.svg') center/contain no-repeat;}
#slim__column {cursor:pointer; border:0; padding:0; transition: all 300ms ease-in-out 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;background:none; align-items:center;}
#slim__column i {width:20px; height:20px; min-width:20px; background:url('../images/slim.svg') center/contain no-repeat; display:inline-flex;}
#slim__column:focus {outline:none;}
.bottom__cell {display:flex; flex-flow:column;}
.social__links {padding:40px 50px; border-top:1px solid #333333;}
.social__list {display:flex; flex-flow:column;}
.social__list li {margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.social__list li:nth-child(2) {animation-delay: .2s}
.social__list li:last-child {margin-bottom:0;}
.social__list a {display:flex; align-items:center; color:#fff; font-size:17px; font-weight:600;}
.social__list a:hover {color:#FF992D;}
.social__list a svg {margin-right:10px;}
.social__list a span {white-space:nowrap; display:block;}
.main__nav-column {display:flex; flex-flow:column; border:1px solid transparent1; justify-content: space-between; height:100%;}
.main__container {flex: 1; width: calc(100vw - 280px); overflow: hidden; transition: all 300ms ease-in-out 0s;}
.main__container.slim {width:calc(100vw - 100px);}
.main__header {padding: 32px 65px; border-bottom: 1px solid #333333; display: flex; align-items: center; justify-content: space-between; z-index:22; position:relative;}
.head__scoreboard {display:flex; align-items:center; font-size:14px; color:#fff;}
.balance__label {display:flex; align-items:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.user__label i,
.balance__label i {width:24px; height:24px; min-width:24px; margin-right:10px; background:url('../images/binance.png') center/contain no-repeat; display:inline-flex;}
.holders__label {margin:0 40px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .2s;}
.holders__label strong {color:#FF992D;}
.user__label {display:flex; align-items:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .3s;}
.user__label i {background:url('../images/pancake.png') center/contain no-repeat;}
.headUser {display:flex; align-items:center;}
.userIn {display:flex; align-items:center; position:relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
#swap__btn {line-height:48px; display:inline-flex; color:#FF992D; font-weight:600; font-size:17px; padding:0 30px; border:1px solid #FF992D; border-radius:12px; margin-right:22px;}
#swap__btn:hover {border:1px solid #FF992D; background:#FF992D; color:#0C0B1C; transition: all 300ms ease-in-out 0s;}
#logout__btn,
#notification__btn,
#coin__btn,
#rewards__btn,
#notification__btn {width:44px; height:44px; min-width:44px; background:#28303D url('../images/bell.svg') center/18px no-repeat; border-radius:10px; cursor:pointer; border:0; padding:0; position:relative; margin:0 8px;}
#coin__btn.binance {background:#28303D url('../images/binance.png') center/20px no-repeat;}
#rewards__btn i,
#notification__btn i {background:#BB2828; color:#fff; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px;border-radius:50px; display:inline-block; position:absolute; right:-9px; top:-9px;}
#rewards__btn {background:#28303D url('../images/gift.svg') center/18px no-repeat;}
#logout__btn {background:#28303D url('../images/exit.svg') center/18px no-repeat;}
#logout__btn:focus,
#rewards__btn:focus,
#notification__btn:focus {outline:none;}
.notification__modal {border:1px solid #333333; border-radius:10px; background:#333333; position:absolute; right:0; top:100%; margin-top:10px; min-width:420px; display:none;}
.notification__modal.visible {display:block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.notification__table {display:flex; flex-flow:column;}
.nt__header {display:flex; align-items:center; border-bottom:1px solid #0C0B1C; padding:13px 24px; justify-content: space-between;}
.nth__title {color:#fff; font-weight:600; font-size:14px;}
.nth__close {display:none; width:24px; height:24px; min-width:24px; background:url('../images/close.svg') center/20px no-repeat;}
.nt__body {padding:14px 30px 30px 30px;}
.nt__clean-row {text-align:right; margin-bottom:17px; justify-content: flex-end;}
.nt__clean-all { color:#9BA6B7; font-weight:600; font-size:14px; cursor:pointer; display:inline-flex; }
.nt__clean-all:hover {color:#fff;}
.close__item {width:24px; height:24px; min-width:24px; background:url('../images/close.svg') center/20px no-repeat; cursor:pointer;}
.notify__notification-list,
.rewards__notification-list {display:flex; flex-flow:column;}
.notify__notification-list li,
.rewards__notification-list li {margin-bottom:20px;}
.notify__notification-list li:last-child,
.rewards__notification-list li:last-child {margin-bottom:0;}
.rnl__item {display:flex; justify-content:space-between; background:#1B2029; border-radius:6px; padding:24px 30px;}
.rnli__info {display:flex; align-items:center; font-size:14px; color:#fff;width:100%; }
.rnli__text {display:flex; justify-content:space-between; width:100%; align-items:center;}
.rnli__info strong {color:#FF992D;}
.rnli__info i {width:35px; height:35px; min-width:35px; margin-right:15px;}
.rnli__info i.nft {background:url('../images/nft.svg') center/contain no-repeat;}
.rnli__info i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.close__item {}
.notify__notification-list {}
.nnl__item {display:flex; align-items:flex-start; border-radius:6px; background:#1B2029; padding:22px 30px;}
.nnl__avatar {width:35px; height:35px; min-width:35px; border-radius:80px; margin-right:15px; display:inline-flex; overflow:hidden;}
.nnl__avatar img {vertical-align:bottom; width:100%;}
.nnl__details {display:flex; align-items:center; justify-content:space-between; width:100%;}
.nnl__user-name {font-size:10px; color:#FF992D; margin-bottom:10px; align-items:center; display:flex;}
.nnl__user-name span {color:#9BA6B7; margin:0 4px;}
.nnl__verefy {width:14px; height:14px; min-width:14px; background:url('../images/verefy.svg') center/10px no-repeat; display:inline-flex;}
.nnl__user-action {font-size:14px; line-height:1.4; margin-bottom:12px; color:#fff;}
.message__bar {display:flex; align-items:center;}
.voice__loader {width: 21.6px; height: 28.8px; --c: linear-gradient(#78ff60 0 0); background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%; background-size: 4.3px 50%; background-repeat: no-repeat; animation: bars-7s9ul0mn 1s infinite linear alternate; }
@keyframes bars-7s9ul0mn { 20% { background-size: 4.3px 20% ,4.3px 50% ,4.3px 50%; } 40% { background-size: 4.3px 100%,4.3px 20% ,4.3px 50%; } 60% { background-size: 4.3px 50% ,4.3px 100%,4.3px 20%; } 80% { background-size: 4.3px 50% ,4.3px 50% ,4.3px 100%; } }
.voice__timer {color:#78FF60; font-weight:600; font-size:14px; margin-left:8px; margin-right:30px;}
.user__phone-action {display:flex; align-items:center;}
.user__phone-action button {border:0; cursor:pointer; height:30px; width:77px; border-radius:20px; margin:0 10px 0 0;}
.user__phone-action button:last-child {margin-right:0;}
.user__phone-action button:focus {outlin:none;}
#recall__btn {background:#78FF60 url('../images/missed__call.svg') center/20px no-repeat;}
#down__btn {background:#BB2828 url('../images/handset__down.svg') center/20px no-repeat;}
#call__btn {background:#78FF60 url('../images/handset.svg') center/20px no-repeat;}
.nnlu__informer {line-height:1.3; color:#9BA6B7; font-weight:600;}
.nnlu__informer a {background:#9BA6B7; line-height:30px; font-weight:600; color:#0C0B1C; font-size:14px; border-radius:50px; padding:0 25px; display:inline-block;}
.nnlu__informer a:hover {background:#FF992D; color:#1c274c;}
.nnld__body {display:flex; flex-flow:column; flex:1; width:100%; margin-right:30px;}
.if__notification-empty {padding:40px 0; text-align:center; line-height:1.4; font-size:14px; color:#fff;}
#connect {font-size:17px; color:#0C0B1C; font-weight:600; padding:0 30px; border-radius:12px; line-height:50px; cursor:pointer; background:#FF992D; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; border:0;}
#connect:hover {background:#ff8709;}
#connect:focus {outline:none;}
.main__article {padding:65px;}
.max__fixed {border:1px solid transparent1;}
.loader__bar { position: fixed; top: 0; left: 0; height: 4px; background-color: #FF992D; width: 0; transition: width 0.4s ease; }
.main__navigation {padding:60px 0 0 50px;}
.main__navigation li {margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.main__navigation li:nth-child(2) {animation-delay: .2s;}
.main__navigation li:nth-child(3) {animation-delay: .3s;}
.main__navigation li:nth-child(4) {animation-delay: .4s;}
.main__navigation li:nth-child(5) {animation-delay: .5s;}
.main__navigation li:nth-child(6) {animation-delay: .6s;}
.main__navigation li:nth-child(7) {animation-delay: .7s;}
.main__navigation li:nth-child(8) {animation-delay: .8s;}
.main__navigation li a {display:flex; align-items:center; color:#fff; font-size:17px; font-weight:600; transition: all 300ms ease-in-out 0s;}
.main__navigation li a svg {color:#fff; width:24px; height:24px; min-width:24px; margin-right:10px; transition: all 300ms ease-in-out 0s;}
.main__sidebar.slim li a svg {margin-right:0;}
.main__sidebar.slim span {display:none; visibility:hidden; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.main__navigation li a:hover,
.main__navigation li a:hover svg,
.main__navigation li.current a svg,
.main__navigation li.current a {color:#FF992D;}
.main__footer {background:#13122F; padding:55px 0; display:flex;}
.footer__cover {width: calc(100vw - 300px); margin-left:auto; transition: all 300ms ease-in-out 0s;}
.footer__cover.slim {width: calc(100vw - 135px);}
.footer__article {margin:0 65px; display:flex; align-items:center; justify-content: space-between;}
.footer__main-column {max-width:300px; display:flex; flex-flow:column;}
.footer__main-column .logotype {margin-bottom:20px;}
.footer__main-column p {line-height:1.3; font-size:14px;}
.footer__column {display:flex; flex-flow:column;}
.footer__navigation {display:flex; flex-flow:column;}
.footer__navigation li {margin-bottom:14px;}
.footer__navigation li a {font-weight:600; color:#fff;}
.footer__navigation li a:hover {color:#FF992D;}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-ExtraBold.eot');
src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Heavy.eot');
src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Heavy.woff') format('woff'),
url('../fonts/Gilroy-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-SemiBold.eot');
src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-SemiBold.woff') format('woff'),
url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Light.eot');
src: local('Gilroy Light'), local('Gilroy-Light'),
url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Light.woff') format('woff'),
url('../fonts/Gilroy-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Regular.eot');
src: local('Gilroy Regular'), local('Gilroy-Regular'),
url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Medium.eot');
src: local('Gilroy Medium'), local('Gilroy-Medium'),
url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Medium.woff') format('woff'),
url('../fonts/Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Bold.eot');
src: local('Gilroy Bold'), local('Gilroy-Bold'),
url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Bold.woff') format('woff'),
url('../fonts/Gilroy-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
.content__area {display:flex;flex-flow:column;}
.content__header {margin-bottom:40px;}
.content__header h1 {font-weight:700; font-size:48px; line-height:1.4; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; color:#fff;}
.content__body {}
/** Home **/
.home__table {display:flex; flex-flow:column;}
.home-main__screen {position:relative; overflow:hidden; background:url('../images/gameScreen01.png') center/cover no-repeat; border:1px solid #333333; border-radius:20px;}
.home-main__screen:before {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:#0C0B1CD9; z-index:2; content:'';}
.hms__article{position:relative; z-index:10; display:flex; flex-flow:column; padding:210px 50px 170px 50px; align-items: center;}
.hms__article h1 {color:#fff; font-weight:700; font-size:32px; margin-bottom:20px; line-height:1.3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.hms__article p {color:#BCBCBC;font-size:14px; line-height:1.4; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; text-align:center;}
.hms__action {display:flex; align-items:center; margin-top:20px;}
#whitepaper,
#get__started {font-weight:700; color:#0C0B1C; font-size:17px; border-radius:12px; border:2px solid #FF992D; line-height:48px; padding:0 30px; margin-right:12px; background:#FF992D; cursor:pointer; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
#whitepaper:focus,
#get__started:focus {outline:none;}
#whitepaper {border:2px solid #FF992D; background:none; color:#FF992D; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
#whitepaper:hover {border:2px solid #FF992D; background:#FF992D; color:#0C0B1C;}
.home__start-cell {background:#13122F; border:1px solid #333333; border-radius:20px; overflow:hidden; margin:100px 0;}
.hsc__article {display:flex; align-items:center; padding:40px 70px;}
.hsca__column {width:50%; display:flex; flex-flow:column; align-items: flex-start;}
.hsca__column h2 {font-weight:700; font-size:64px; color:#fff; line-height:1.4; margin-bottom:15px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft}
.hsca__column h2 strong {color:#FF992D;}
#start__timer {font-size:64px; color:#FF992D;}
#play__now {color:#0C0B1C; line-height:50px; padding:0 30px; font-weight:600; font-size:17px; border-radius:12px; cursor:pointer; border:0; background:#FF992D; margin-top:25px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
#play__now:focus {outline:none;}
.hsca__picture {width:50%; position:relative; text-align:center; }
.hsca__picture img {vertical-align:bottom; animation: levitate 12s ease-in-out infinite; position:relative; z-index:5;}
.hsca__left {position:absolute; left:50px; bottom:20px; z-index:2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.hsca__right {position:absolute; right:20px; bottom:-20px; z-index:2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@keyframes levitate { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); /* Поднимаем карточку */ } 100% { transform: translateY(0); } }
.discover__section{display:flex; flex-flow:column;}
.trending__section h2,
.discover__section h2 {color:#fff; font-weight:700; font-size:32px;}
.discover__list {display:flex; justify-content:space-between; margin:30px 0;}
.discover__list li {width:32%;}
.discover__item {border-radius:20px; background:#13122F; padding:30px; height:100%;}
.discover__pic {position:relative; overflow:hidden; border-radius:10px; padding-top:40%;}
.discover__pic img {position:absolute; left:0; top:0; width:100%; height:100%; bottom:0; right:0; object-fit:cover;}
.discover__details {display:flex; flex-flow:column; margin-top:40px;}
.dd__item-title {margin-bottom:10px;}
.dd__item-title a {line-height:1.3; font-size:20px;font-weight:700; color:#fff; }
.dd__item-title a:hover {color:#FF992D;}
.discover__details p {font-size:14px; color:#BCBCBC; line-height:1.3;}
.discover__loader {display:flex; margin-top:40px; justify-content: center;}
#loader__more {display:inline-flex; font-weight:600; font-size:17px; line-height:48px; border:2px solid #FF992D; padding:0 30px; color:#FF992D; cursor:pointer; border-radius:12px; background:none;}
#loader__more:hover {border:2px solid #FF992D; background:#FF992D; color:#0C0B1C;}
#loader__more:focus {outline:none;}
.trending__section {display:flex; flex-flow:column; margin:100px 0;}
.trending__section h2 {margin-bottom:20px;}
.trending__table {display:flex; flex-flow:column;}
.tt__header {display:flex; padding:14px 17px;}
.ttb__list li,
.tt__header li {width:14.28%;}
.ttb__list li:first-child,
.tt__header li:first-child {width:28.57%;}
.tt__header li span {font-weight:600; font-size:14px; color:#BCBCBC;}
.tt__body {display:flex; flex-flow:column; border:1px solid #333333; border-radius:20px; overflow:hidden;}
.ttb__row {background:#13122F; padding:16px;}
.ttb__row:nth-child(2n) {background:#0C0B1C;}
.ttb__list {width:100%; display:flex; align-items:center;}
.ttb__list li { }
.collection__cell {display:flex; align-items:center;}
.cc__picture {width:36px; height:36px; min-width:36px; position:relative; overflow:hidden;border-radius:10px; margin-right:10px;}
.cc__picture img {vertical-align:bottom; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; object-fit:cover; }
.cc__information {display:flex; flex-flow:column;}
.cci__name {color:#fff; font-weight:700; font-size:14px; margin-bottom:5px;}
.cci__label {color:#BCBCBC;}
.cc__rate {display:flex; align-items:center; font-size:14px; color:#BCBCBC; line-height:24px;}
.cc__rate:before {width:24px; height:24px; min-width:24px;}
.cc__rate.down {color:#BB2828;}
.cc__rate.down:before {content:''; background:url('../images/rateDown.svg') center/15px no-repeat;}
.cc__rate.up {color:#A5FF56;}
.cc__rate.up:before {content:''; background:url('../images/rateUp.svg') center/15px no-repeat;}
.cc__coin-price {display:flex; align-items:center; color:#fff;}
.cc__coin-price i {width:24px; height:24px; min-width:24px; margin-right:10px;}
.cc__coin-price i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.repositiory__section {overflow:hidden; border-radius:20px; padding:53px; background:url('../images/repositoreBg.png') center/cover no-repeat; display:flex; border:1px solid #333333; position:relative; margin-bottom:100px;}
.repositiory__section:before {content:''; display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:#13122FD9; z-index:3;}
.rs__body {position:relative; z-index:11; display:flex;justify-content: center; align-items: center;}
.rsb__picture {}
.rsb__picture img {vertical-align: bottom; max-width: 100%; min-width: 360px;}
.rsb__article {display:flex; flex-flow:column; margin-left:30px;}
.rsb__article .rsb__picture {display:none;}
.rsb__article h2 {color:#fff; margin-bottom:30px; font-size:32px; font-weight:700;}
.rsb__article p {color:rgba(255,255,255,.5); font-size:14px; line-height:1.4; margin-bottom:20px;}
.rsb__tags {display:flex; flex-wrap:wrap;}
.rsb__tags li {margin:0 20px 20px 0;}
.rsb__tags li a {color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5); line-height:38px; border-radius:50px; padding:0 12px; display:inline-block;}
.rsb__tags li a:hover {border:1px solid #FF992D; background:#FF992D; color:#fff;}
.rsb__comming{color:#fff; font-weight:600; margin-top:15px;}
/** Home end **/
/** Play **/
.play__table {display:flex; flex-flow:column;}
.play__main-screen {position:relative; overflow:hidden; border:1px solid #333333; border-radius:20px; background:url('../images/playBscbg.png') center no-repeat; background-size:cover;}
.play__main-screen:before {content:''; display:inline-block; position:absolute; left:0; width:100%; height:100%; right:0; top:0; bottom:0; z-index:2; background:#0C0B1CD9;}
.pms__article {display:flex; flex-flow:column; position:relative; z-index:10; padding:170px 40px 140px 40px; align-items: center;}
.pms__article h1 {font-weight:700; font-size:64px; line-height:1.4; color:#fff; margin-bottom:20px; text-align:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.pms__article h1 strong {color:#FF992D;}
.pms__article p {color:#BCBCBC; font-size:14px; line-height:1.4; margin-bottom:20px; text-align:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.pms__action {display:flex;}
.pmsc__cell {display:flex; flex-flow:column; margin:0 10px 0 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.pmsc__cell:last-child {margin:0 0 0 10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.pmsc__cell span {line-height:30px; font-weight:600; font-size:17px; color:#fff; text-align:center;}
#download__mobile,
#download__pc {line-height:50px; border:1px solid #FF992D; color:#0C0B1C; font-weight:600; font-size:17px; background:#FF992D; border-radius:12px; padding:0 45px; cursor:pointer;}
#download__mobile:focus,
#download__pc:focus {outline:none;}
#download__mobile {background:none; color:#FF992D; opacity:.6; cursor: not-allowed;}
#download__mobile:hover {color:#0C0B1C; background:#ff8709;}
#download__pc:hover {background:#ff8709;}
.play__bsc {margin:100px 0; position:relative; overflow:hidden; border-radius:20px; border:1px solid #333333; background:url('../images/playBscbg.png') center no-repeat; background-size:cover;}
.play__bsc:before {content:''; display:inline-block; position:absolute; left:0; width:100%; height:100%; right:0; top:0; bottom:0; z-index:2; background:#0C0B1C80;}
.pb__article {position:relative; z-index:10; padding:100px 50px;}
.pb__article:after,
.pb__article:before {width:145px; height:100%; content:''; display:inline-block; position:absolute; left:120px; top:0; z-index:5; background:url('../images/playBefore.png') center/contain no-repeat; animation: levitate 12s ease-in-out infinite;}
.pb__article:after {left:auto; right:120px; background:url('../images/playAfter.png') center/contain no-repeat; }
.pb__article h2 {color:#fff; font-weight:700; font-size:64px; text-align:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; position:relative; z-index:10;}
.pb__article strong {color:#F3BB2B;}
.game__video {margin-bottom:35px; border:1px solid #333333; border-radius:20px; position:relative; overflow:hidden;}
.game__video:before {}
.game__video img {vertical-align:bottom; width:100%; position:relative; z-index:10;}
#play__video {position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; display: flex; border-radius: 160px; margin: -50px 0 0 -50px; cursor: pointer; border: 0; padding: 0; background: #0C0B1C; align-items: center; justify-content: center; backdrop-filter: blur(12px); z-index:11;}
#play__video:focus {outline:none;}
#play__video:before {content: ''; display: inline-block; background: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 120%; width: 120%; margin: -10% 0 0 -10%; -webkit-animation: smallScale 2s infinite; animation: smallScale 2s infinite;}
#play__video span { width: 40px; height: 40px; background: url(../images/play.svg) center / 35px no-repeat; }
@-webkit-keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @keyframes triangleStroke { from { stroke-dashoffset: 90; } to { stroke-dashoffset: 0; } } @-webkit-keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } @keyframes smallScale { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
.video__screens {display:flex; justify-content:space-between;}
.video__screens li {width:24%;}
.video__screens li div {position:relative; overflow:hidden; padding-top:56.2%; border-radius:20px; cursor:pointer;}
.team__picture img,
.video__screens li div img {vertical-align:bottom; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; object-fit: cover;}
.team__list {display:flex; margin:100px 0; justify-content: space-between;}
.team__list li {width:19%;}
.team__card {}
.team__picture {position:relative; overflow:hidden; border-radius:20px; border:1px solid #333333; padding-top:120%;}
.team__picture img {}
.team__link {width:48px; height:48px; background:#333333 url('../images/x.svg') center/20px no-repeat; border-radius:20px 0 0 0; position:absolute; right:0; bottom:0; z-index:2;}
.team__link:hover {background:#333333 url('../images/xActive.svg') center/20px no-repeat;}
.team__info {display:flex; flex-flow:column; margin-top:20px;}
.team__name {color:#fff; font-weight:700; font-size:20px; margin-bottom:10px;}
.team__position {font-size:14px; color:#FF992D;}
.modal__gallery {position:fixed; left:0; top:0; right:0; bottom:0; z-index:40; border:1px solid transparent1; background:#0c0b1c94; display:flex; justify-content: center; align-items: center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.modal-gallery__view {position:relative; overflow:hidden; border-radius:20px; border:1px solid #333333; width:80vw; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.modal-gallery__view img {vertical-align:bottom; width:100%;}
.close__gallery {position:absolute; right:20px; top:20px; z-index:10; height:40px; width:40px; background:url('../images/close__gallery.svg') center/30px no-repeat; cursor:pointer;}
/** Play end **/
/** Profile **/
.profile__section {display:flex; flex-flow:column;}
.profile__promo {position:relative; overflow:hidden; border-radius:20px; border:1px solid #333333; margin-bottom:30px; background:url('../images/playBscbg.png') center/cover no-repeat;}
.profile__promo:before {content:''; display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; width:100%; height:100%; background:#0C0B1CCC; backdrop-filter: blur(12px);}
.profile__promo:after {content:''; display:inline-block; position:absolute; right:45px; top:0; height:100%; width:400px; background:url('../images/crowns.png') center bottom no-repeat; background-size:contain; z-index:3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.promo__inner {position:relative; z-index:10; padding:35px 50px;}
.promo__inner h1 {color:#fff; font-weight:700; line-height:1.3; font-size:64px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.promo__inner h1 strong {color:#FF992D;}
.promo__inner h1 strong span {font-weight:600; color:#fff; font-size:17px; margin-left:30px;}
.promo__inner h1 strong span b {color:#FF992D;}
.profile__row {border-radius:20px; border:1px solid #333333; padding:24px 50px; margin-bottom:30px; background:#0C0B1CD9; display:flex; justify-content:space-between; align-items:center;}
.user__profile-cell {display:flex; align-items:center;}
.upc__avatar {border-radius:20px; background:#FF992D url('../images/user_icon.svg') center/40px no-repeat; width:100px; height:100px; min-width:100px; margin-right:20px; position:relative; overflow:hidden;}
.upc__avatar img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.upc__avatar {border-radius:20px; background:#FF992D url('../images/user_icon.svg') center/40px no-repeat; width:100px; height:100px; min-width:100px; margin-right:20px;}
.upc__info {display:flex; flex-flow:column;}
.user__name {display:flex; align-items:center; margin-bottom:12px;}
.un__text {color:#fff; font-weight:700; font-size:32px;}
#user__edit-name {padding:0; background:none; border:0; cursor:pointer; }
#user__edit-name svg {color:#696969; transition: all 300ms ease-in-out 0s; margin-left:20px; min-width:24px;}
#user__edit-name:hover svg {color:#FF992D;}
#user__edit-name:focus {outline:none;}
.un__labels {display:flex; align-items:center;}
.user__subscribers {margin-right:30px;}
.user__subscribers a {color:#696969; font-size:14px;}
.user__subscribers a:hover {color:#fff;}
.user__wallet {display:flex; align-items:center;}
.user__wallet:before {content:''; display:inline-flex; width:24px; height:24px; min-width:24px; margin-right:10px; background:url('../images/wallet.svg') center/contain no-repeat;}
#copyWallet {padding:0; border:0; background:none; cursor:pointer; transition: all 300ms ease-in-out 0s; margin-left:22px;}
#copyWallet svg {color:#696969; width:24px;}
#copyWallet:hover svg {color:#FF992D;}
#copyWallet:focus {outline:none;}
.user__right-nav {display:flex; flex-flow:column;}
.user__social {display:flex; justify-content:space-between; margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.user__social li {}
.user__social li a {display:flex;}
.user__social li a svg {color:#696969; min-width:24px; height:24px; transition: all 300ms ease-in-out 0s;}
.user__social li a:hover svg {color:#FF992D;}
.user__balance {display:flex; align-items:center; color:#fff; font-size:14px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.user__balance i {width:24px; min-width:24px; height:24px; margin-right:10px;}
.user__balance i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.assets__table {display:flex; border:1px solid #333333; border-radius:20px; flex-flow:column; background:#0C0B1CD9;}
.at__header {display:flex; align-items:center; padding:30px 50px; border-bottom:1px solid #333333;}
.ath__tab {padding:0; border:0; background:none; color:#696969; font-weight:600; font-size:17px; transition: all 300ms ease-in-out 0s; margin-right:30px; cursor:pointer;}
.ath__tab:focus {outline:none;}
.ath__tab:last-child {margin-right:0;}
.ath__tab:hover,
.ath__tab.check {color:#fff;}
.at__body {padding:30px 50px;}
.atb__item {display:none;}
.atb__item.visible {display:flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.atb__item[aria-label="tab_Assets"] {}
.atb__item[aria-label="tab_Activity"] .if__empty,
.atb__item[aria-label="tab_Assets"] .if__empty {padding:170px 0; text-align:center; font-size:14px; color:#696969; display: flex; align-content: center; justify-content: center; align-items: center; display:flex; width:100%;}
.atb__item[aria-label="tab_Assets"] {}
.atb__item[aria-label="tab_Activity"] .if__empty {color:#fff; font-weight:600;}
.setting__profile {display:flex; flex-flow:column; background:#0C0B1CD9; border-radius:20px; border:1px solid #333333; padding:30px 50px;}
.edit__avatar {display:flex; align-items:center;}
.resut__avatar {cursor:pointer;}
.avatar__upload {position:relative; overflow:hidden; color:#fff; font-weight:600; cursor:pointer;}
.avatar__upload label {cursor:pointer;}
.avatar__upload #avatar {visibility:hidden; opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.edit__user-name {display:flex; flex-flow:column; align-items: flex-start; margin:30px 0;}
.eun__label {margin-bottom:20px; color:#696969; font-size:17px; font-weight:600;}
.eun__item {}
.eun__item input {color:#fff; font-weight:600; font-size:17px; border:1px solid #333333; border-radius:20px; background:#0C0B1CD9; padding:0 30px; width:100%; line-height:58px; transition: all 300ms ease-in-out 0s;}
.eun__item input:focus {outline:none; border:1px solid #FF992D;}
.edit__user-social {margin-bottom:30px; display:flex; flex-flow:column; align-items: flex-start;}
.social__wrapper {display:flex; align-items:center;}
.social__added {border:1px solid #333333; border-radius:20px; padding:20px 30px;}
.social__added,
.social__add-list {display:flex;align-items:center;}
.social__added,
.social__add-list li {margin-right:30px;}
.social__added li:last-child,
.social__add-list li:last-child {margin-right:0;}
.social__added li button,
.social__add-list li button {display:flex; align-items:center; cursor:pointer; border:0; background:none;}
.social__added li button:focus,
.social__add-list li button:focus {outline:none;}
.social__added li button svg,
.social__add-list li button svg {width:24px; height:24px; min-width:24px; margin-right:10px; color:#fff; transition: all 300ms ease-in-out 0s;}
.social__added li button svg {margin-right:0;}
.social__added li button:hover svg,
.social__add-list li button:hover svg,
.social__add-list li button:hover span {color:#FF992D;}
.social__add-list li button span {font-weight:600; color:#fff; font-size:17px; transition: all 300ms ease-in-out 0s;}
.social__added li button span {display:none;}
.setting-bottom-row {display:flex; align-items:center;}
#save__change{font-weight:600; font-size:17px; color:#0C0B1C; cursor:pointer; border:0; padding:0 30px; line-height:50px; background:#FF992D; border-radius:12px;}
#save__change:focus{outline:none; }
.saved__info {line-height:50px; color:#FF992D; font-weight:600; font-size:17px; margin-left:30px;}
.subscribe__status {margin-left:50px;}
#unfollow__him,
#follow__him {color:#0C0B1C; font-size:12px; line-height:35px; background:#7DFDFF; border-radius:100px; padding:0 20px; border:0; font-weight:600; cursor:pointer;}
#unfollow__him:focus,
#follow__him:focus {outline:none;}
#unfollow__him {border:1px solid #fff; color:#fff; background:none;}
.if__empty-user {border:1px solid transparent1; position:relative; padding:120px 20px; width:100%; background:url('../images/lockbg.png') center/contain no-repeat;}
/** Profile End **/
/** Message **/
.message__table {display:flex;}
.message-chat__column {border:1px solid transparent1;}
.mc__table {display:flex; flex-flow:column; margin-right:50px;}
.ms__search {margin-bottom:15px;}
#chat__search {font-size:18px; color:#fff; line-height:52px; border:1px solid #333333; border-radius:20px; transition: all 300ms ease-in-out 0s; padding:0 25px 0 60px; background:none; background: url(../images/search.svg) 20px 15px no-repeat;
background-size: 23px;}
#chat__search::placeholder {color:#696969;}
#chat__search:focus {outline:none; border:1px solid #FF992D;}
.ms_dialogues-list {display:flex; flex-flow:column;}
.ms_dialogues-list li {margin-bottom:30px;}
.ms_dialogues-list li:last-child {margin-bottom:0;}
.msd__item {cursor:pointer; position:relative;}
.msd__item:before {content:''; display:inline-block; height:0px; top:50%; margin-top:-18px; border-left:1px solid #FF992D;transition: all 300ms ease-in-out 0s; position:absolute; left:-10px;}
.ms_dialogues-list li.check .msd__item:before {height:36px;}
.ms_dialogues-list li.support__row {padding:15px 0 30px 0; border-bottom:1px solid #333333;}
.ms_dialogues-list li.support__row .msbd__name {color:#FF992D;}
.message__short-box {display:flex; align-items:center;}
.msb__avatar {position:relative; width:48px; height:48px; min-width:48px; margin-right:15px;}
.msb__avatar .online {width:12px; height:12px; background:#78FF60; border-radius:40px; border:2px solid #FEFDFD; position:absolute; right:0px; bottom:5px;}
.msb__avatar img {width:100%; vertical-align:bottom; border-radius:100px;}
.msb__details {flex:1; width:100%; justify-content:space-between;}
.msbd__informer {display:flex; flex-flow:column; width:100%;}
.msbd__top {display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;}
.msbd__name {font-weight:600; font-size:17px; color:#fff; margin-bottom:5px;}
.msbd__name span {display:block; max-width:calc(100% - 24px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.msbd__name.confirmed {display:flex; justify-content:space-between; max-width:calc(100% - 60px);}
.msbd__name.confirmed i{width:18px; height:18px; min-width:18px; background:url('../images/approveA.svg') center/10px no-repeat; display:inline-flex;}
.msbd__data {font-size:14px; color:#696969;}
.msbd__latest {display:flex; align-items:center; justify-content:space-between;}
.msbd__text {display:block;max-width:calc(100% - 40px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#696969; font-size:14px;}
.typing {color:#78FF60;}
.typing .dots {}
.typing .dots:after {content: '';display: inline-block; width: 1ch; text-align: left; animation: dots .8s steps(3, end) infinite;}
@keyframes dots { 0% { content: ''; } 33% { content: '.'; } 66% { content: '..'; } 100% { content: '...'; } }
.your__message {color:#fff;}
.your__message strong {color:#FF992D;}
.readed {width:24px; height:24px; min-width:24px; background:url('../images/readed.svg') center/15px no-repeat; display:inline-flex;}
.msbd__count {width:18px; min-width:18px; color:#fff; font-size:10px; height:18px; text-align:center; background:#BB2828; border-radius:40px; line-height:18px;}
.openChat__column {display:flex;}
.openChat__table {display:flex; flex-flow:column; max-width:700px;}
.openChat__user {display:flex; align-items:center; justify-content:space-between; padding:24px 20px; border-radius:20px; border:1px solid #333333; margin-bottom:20px;}
.oCu__user {display:flex; align-items:center;}
.oCu__user .msb__avatar {width:64px; height:64px; min-width:64px;}
.oCu__info {display:flex; flex-flow:column;}
.oCu__info .msbd__name {font-weight:700; font-size:32px;}
.oCu__status {position:relative;}
.oCu__status span {font-size:14px;}
.oCu__status span.online {color:#78FF60;}
.oCu__action {}
#callUser {cursor:pointer; width:24px; height:24px; min-width:24px; border:0; padding:0; background:url('../images/call.svg') center/25px no-repeat;}
#callUser:focus {outline:none;}
.openChat__cell {}
.message__chat {border: 1px solid #333333; display: flex; flex-flow: column; justify-content: center; padding: 20px 0; border-radius: 20px;}
.message__dialogue {}
.message__ {overflow: auto; max-height: 480px; width: 640px; min-width: 640px; padding: 0 20px;}
.message-date-row {margin: 10px 0; font-size: 14px; text-align: center; color:#696969; text-align:center; margin-bottom:10px;}
.message__user-area {padding: 0 20px;}
.message__dialogue-list {padding:20px;}
#message__message {flex: 1; width: 100%; border: 0; background: none; resize: none; color: #fff; padding-top: 15px; font-size: 14px;}
#message__message:focus {outline:none;}
#send__message-chat:focus {outline:none;}
#send__message-chat {height: 44px; min-width: 64px; width: 64px; margin-left: 20px; border-radius: 10px; cursor: pointer; border: 0; background: #FF992D url(../images/send.svg) center / 30px no-repeat;}
.call__column{display:none;}
.call__column.visible {display:block; margin-left:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRIght; animation-name: fadeInRIght;}
#call__area {display:flex; flex-flow:column; border:1px solid #333333; border-radius:20px; padding:50px; height:100%; justify-content: space-between;}
.call__header {display:flex ;flex-flow:column;}
.call__back-message-list,
.call__back-message {display: inline-flex; align-items: center; font-size: 17px; color: #696969; font-weight: 600; transition: all 300ms ease-in-out 0s; cursor:pointer; display:none;}
.call__back-message-list:hover,
.call__back-message:hover {color:#FF992D;}
.call__back-message-list:before,
.call__back-message:before {content: ''; display: inline-flex; width: 24px; height: 24px; min-width: 24px; margin-right: 10px; background: url(../images/load-arrow.svg) center / 16px no-repeat; transition: all 300ms ease-in-out 0s; transform: scaleX(-1); }
.call__back-message-list:hover:before,
.call__back-message:hover:before {background: url(../images/load-arrowA.svg) center / 16px no-repeat;}
.call__timeline {display:flex; align-items:center; justify-content: center;}
.call__to-cell {display:flex; flex-flow:column; align-items: center;}
.call__to-cell .msbd__name {font-weight:700; font-size:32px; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.call__to-cell .msb__avatar {margin:30px 0 0 0; width:160px; height:160px;}
.call__navigation {display:flex;justify-content: space-around;}
.call__navigation button {transition: all 300ms ease-in-out 0s; cursor:pointer; width:66px; height:66px; min-width:66px; border-radius:15px; padding:0; border:0; margin:0 15px;}
.call__navigation button:focus {outline:none;}
.call__navigation button#microphone {background:#28303D url('../images/microfone.svg') center/30px no-repeat;}
.call__navigation button#microphone.check {background:#fff url('../images/mute.svg') center/30px no-repeat;}
.call__navigation button#audio {background:#28303D url('../images/audio.svg') center/30px no-repeat;}
.call__navigation button#audio.check {background:#fff url('../images/deaf.svg') center/30px no-repeat;}
.call__navigation button#complete {background:#28303D url('../images/complete.svg') center/30px no-repeat;}
/** Message end**/
/** Followers **/
.followers__title {display:flex; align-items: center;}
.followers__title .user__subscribers {margin-left:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; padding-top:15px;}
.followers__table {display:flex; flex-flow:column;}
.followers__list {display:flex; flex-wrap:wrap; margin:0 -30px;}
.followers__list li {width:16.6%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.follower__item {display:flex; flex-flow:column;border:1px solid #333333; border-radius:20px; background:#0C0B1CD9; margin:0 30px 30px 30px; }
.fi__body {padding:20px 24px; display:flex;flex-flow:column;}
.fi__name {color:#FF992D; font-size:14px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.fi__job {height:20px; color:#696969; font-size:14px;}
.fi__avatar {text-align:center; margin-top:10px;}
.fi__avatar .upc__avatar {margin-right:0; display:inline-block; overflow:inherit;}
.fi__avatar .upc__avatar img {border-radius:20px;}
.fi__avatar .upc__avatar:before { display:inline-flex; width:36px; height:36px; border-radius:100px; background:#FF992D url('../images/approve.svg') center/20px no-repeat; z-index:10; position:absolute; right:-12px; bottom:-12px;}
.approve .fi__avatar .upc__avatar:before {content:'';}
.fi__bottom {padding:23px 20px; border-top:1px solid #333333; text-align:center;}
.fi__bottom a {color:#fff; font-weight:600; font-size:17px; text-align:center;}
.fi__bottom a:hover {color:#FF992D;}
.followers__pager {display:flex; align-items:center; justify-content: flex-end;}
.followers__pager span {color:#696969; font-weight:600; font-size:17px; margin:0 10px;}
.followers__pager a {color:#696969; font-weight:600; font-size:17px; display:inline-flex; align-items:center;}
.followers__pager a:hover {color:#FF992D;}
.followers__pager a.preview:before {content: ''; display: inline-flex; width: 24px; height: 24px; min-width: 24px; margin-right: 10px; background: url(../images/load-arrow.svg) center / 16px no-repeat; transition: all 300ms ease-in-out 0s; transform: scaleX(-1);}
.followers__pager a.next:hover:after,
.followers__pager a.preview:hover:before {background: url(../images/load-arrowA.svg) center / 16px no-repeat; }
.followers__pager a.next:after {content: ''; display: inline-flex; width: 24px; height: 24px; min-width: 24px; margin-left: 10px; background: url(../images/load-arrow.svg) center / 16px no-repeat; transition: all 300ms ease-in-out 0s; }
/** Followers end**/
/** Inventory **/
.Inventory__list {display:flex; flex-wrap:wrap; margin-left:-14px; margin-right:-14px;}
.Inventory__list li {width:20%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.Inventory__item {display:flex; flex-flow:column; border:1px solid #333333; border-radius:20px; background:#0C0B1CD9; padding:20px 24px; margin:14px;}
.ii__name {color:#fff; line-height:1.3; font-size:14px; margin-bottom:22px;}
.ii__picture {display:flex; justify-content: center; align-items: center;}
.ii__picture img {vertical-align:bottom; max-width:120px;}
.ii__bottom {display:flex; align-items: center; justify-content:space-between; margin-top:10px;}
.inventory__amount {color:#fff; font-size:14px;}
.inventory__info {position:relative; }
.ii__question {width:36px; height:36px; min-width:36px; border:1px solid #333333; background:#FF992D url('../images/question.svg') center/12px no-repeat; border-radius:10px; cursor:pointer; display:inline-flex; border-radius:10px;}
.ii__drop-text {position:absolute; left:-10px; top:-10px; border:1px solid #333333; border-radius:20px; background:#13122F; padding:24px; font-size:14px; color:#fff; line-height:1.3; max-width:340px; width:340px; display:none; z-index:11;}
.ii__drop-text.visible {display:inline-flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
/** Inventory End**/
/** Marketplace**/
.marketplace__table {background:#0C0B1CD9; border-radius:20px; border:1px solid #333333; padding:50px;}
.marketplace__table.closed {position:relative; overflow:hidden;}
.marketplace__table.closed .collection__list {position:relative; z-index:1;}
.marketplace__table.closed:before {content:''; display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; width:100%; height:100%; background:#0C0B1CD9; backdrop-filter: blur(12px);}
.no__access {display:flex; position:absolute; left:0; right:0; top:0; height:100%; width:100%; bottom:0; z-index:3; justify-content: center; align-items: center;}
.na__text {display:flex; flex-flow:column; color:#fff; align-items: center;}
.na__text p {margin-bottom:30px; font-size:24px; line-height:1.4; align-items:center; display:flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.na__text p:before {content:''; width:30px; height:30px; min-width:30px; margin-right:22px; background:url('../images/lock.svg') center/30px no-repeat; display:inline-flex;}
#verificate__btn {color:#0C0B1C; font-weight:600; font-size:17px; border-radius:12px; padding:15px 30px; cursor:pointer; border:0; background:#FF992D; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
#verificate__btn:focus {outline:none;}
.collection__list{display:flex; flex-wrap:wrap; width:100%;}
.collection__list li{width:20%;}
.collection__item {display:flex; flex-flow:column; border:1px solid #333333; border-radius:20px; margin:20px; }
.card__header {display:flex; align-items:center; justify-content:space-between; padding:20px 24px 0 24px; margin-bottom:12px;}
.card__name {color:#fff; font-size:14px;}
.card__label {font-size:10px; font-weight:600; font-size:10px; color:#FF992D;}
.card__picture {display:flex; height:150px;justify-content: center; align-items: center; margin-top:7px; margin-bottom:25px; padding:0 15px;}
.card__picture img {vertical-align:bottom; max-width:100%; display:inline-block; height:100%; object-fit:contain;}
.card__bottom {padding:24px 0; border-top:1px solid #333333; display: flex; justify-content: center; flex-flow:column; align-items: center; width:100%;}
.card__value {display:inline-flex; align-items:center; color:#fff; font-size:10px;}
.card__value i {width:18px; height:18px; min-width:18px; margin-right:6px;}
.card__value i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.card__action {margin-top:10px; width:100%; padding:0 24px; box-sizing: border-box;}
.card__activate {color:#0C0B1C; font-weight:600; font-size:14px; line-height:38px; background:#FF992D; border:0; border-radius:50px; width:100%; cursor:pointer; }
.card__activate:focus {outline:none;}
/** Marketplace end**/
/** Rewards**/
.rewards__table {display:flex; flex-flow:column;}
.rewards__progress {display:flex; align-items:center; align-items: flex-start;}
.r__progress-cell {display:flex; flex-flow:column; margin-bottom:60px;}
.rpc__progress {height:30px; position:relative; border:1px solid #333333; border-radius:50px; min-width:700px;}
.progress__line {height:100%; position:absolute; left:0; top:0; bottom:0; border-radius:50px 0 0 50px; z-index:3; background:#FF992D; width:0px;}
.progress__line.animated {transition: width 2s ease-in-out; }
.progress__line i {width:48px;height:48px; position:absolute; right:-24px; top:50%; background: #FF992D; border-radius:100px; margin-top:-24px; border:10px solid #fff;}
.rpc__percent {display:flex; justify-content:space-between; margin-top:18px; font-size:14px; color:#696969; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.progress__balance {display:flex; align-items:center; margin-left:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; padding-top:2px;}
.progress__balance i {width:24px; min-width:24px; height:24px; margin-right:10px; display:inline-flex; font-size:14px;}
.progress__balance i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.progress__balance strong {color:#fff;}
.task__group {display:flex; flex-flow:column;}
.faq__section h2,
.feedback__row h2,
.claim__group h2,
.vesting__group h2,
.task__group h2 {font-weight:700; color:#fff; font-size:48px; margin-bottom:40px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.task__list {display:flex; flex-flow:column; align-items: flex-start; margin-bottom:45px;}
.task__list li {margin-bottom:18px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.task__list li:nth-child(2) {animation-delay: .2s}
.task__list li:nth-child(3) {animation-delay: .3s}
.task__item{display:flex; align-items:center; padding:16px 25px; border-radius:12px; color:#FF992D; border:1px solid #FF992D; font-weight:600; font-size:17px; min-width:200px; justify-content: center;}
.task__item.check {background:#FF992D; color:#0C0B1C; justify-content:space-between;}
.task__item.check:after {content:''; display:inline-flex; width:24px; height:17px; min-width:24px; background:url('../images/check.svg') center/20px no-repeat;}
.claim__group,
.vesting__group {display:flex; flex-flow:column; align-items: flex-start;}
.claim__cell,
.vesting__cell {border:1px solid #333333; border-radius:20px; padding:125px 300px;}
.claim__cell {padding:60px 300px;}
.claim__cell p,
.vesting__cell p {font-weight:600; color:#FF992D;}
.claim__group {margin-top:60px;}
/** Rewards End**/
/** Swap **/
.swap__section {display:flex; flex-flow:column; align-items: center;}
.swap__table {border:1px solid #333333; border-radius:20px; padding:40px;}
.swap__row {display:flex; flex-flow:column; margin-bottom:40px; position:relative;}
.swap__row:last-child {margin-bottom:0;}
.swap__item-title {color:#fff; font-weight:700; font-size:36px; margin-bottom:20px;}
.swap__item-action {display:flex; justify-content:space-between;}
.swap__item {position:relative;}
.swap__item input {padding:0 50px 0 20px; line-height:60px; color:#fff; border:1px solid #333333; border-radius:20px; box-sizing: border-box; transition: all 300ms ease-in-out 0s; font-weight:600; font-size:17px; background:none; min-width:500px;}
.swap__item input:focus {outline:none; border:1px solid #FF992D;}
.swap__max {font-size:14px; text-transform:uppercase; color:#696969; padding:0 16px; border:1px solid #696969; border-radius:50px; line-height:34px; position:absolute; right:20px; top:15px;}
.swap__crypto {display:inline-flex; height:62px; min-width:62px; min-width:62px; border-radius:12px; background:#28303D; margin-left:22px; justify-content: center; align-items: center;}
.swap__crypto i {width:36px; height:36px; min-width:36px;}
.swap__crypto i.binance {background:url('../images/binance.png') center/contain no-repeat;}
.swap__crypto i.eth {background:url('../images/eth.svg') center/contain no-repeat;}
#swap__action {width:100%; text-align:center; padding:0; border:0; background:#FF992D; border-radius:12px; line-height:50px; cursor:pointer; font-weight:600; font-size:17px; color:#0C0B1C;}
#swap__change:focus,
#swap__action:focus {outline:none;}
#swap__change {cursor:pointer; width:24px; height:24px; background:url('../images/change.svg') center/contain no-repeat; position:absolute; right:20px; top:0px; border:0;}
#swap__change:hover {background:url('../images/changeA.svg') center/contain no-repeat; }
/** Swap end**/
/** Help**/
.help__table {display:flex; flex-flow:column;}
.help__row {margin-bottom:100px; display:flex; flex-flow:column;}
.tickets__list {display:flex; flex-wrap:wrap; margin:0 -15px 50px -15px;}
.tickets__list li {width:25%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.tickets__list li:nth-child(2) {animation-delay: .2s}
.tickets__list li:nth-child(3) {animation-delay: .3s}
.tickets__list li:nth-child(4) {animation-delay: .4s}
.ticket__item {margin:15px; display:flex; flex-flow:column; border:1px solid #696969; height:100%; padding:30px 30px 40px 30px; border-radius:20px;}
.ticket__label {color:#696969; font-size:14px; margin-bottom:10px;}
.ticket__text a,
.ticket__text {color:#fff; font-weight:600; font-size:17px;}
.ticket__text a {color:#FF992D;}
.tickets__list li.check .ticket__item {background:#13122F; border:1px solid #FF992D;}
.tickets__list li.check .ticket__text {color:#FF992D;}
.tickets__list li.check .ticket__label {color:#fff;}
.ticket__more-row {display:flex; justify-content: flex-end; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.ticket__more-row a {display:inline-flex; align-items:center; color:#696969; font-weight:600; font-size:17px; transition: all 300ms ease-in-out 0s;}
.ticket__more-row a:hover {color:#FF992D;}
.ticket__more-row a:after {content:''; display:inline-flex; margin-left:10px; width:24px; height:24px; min-width:24px; background:url('../images/load-arrow.svg') center/15px no-repeat; transition: all 300ms ease-in-out 0s;}
.ticket__more-row a:hover:after {background:url('../images/load-arrowA.svg') center/15px no-repeat;}
.feedback__row {}
.feedback__form {border:1px solid transparent1;}
.feedback__form form {display:flex; flex-flow:column; align-items: flex-start; width:360px;}
.fb__item-row {margin-bottom:20px; width:100%;}
#topicname {line-height:45px; color:#696969; padding:0; border:0; border-bottom:1px solid #696969; font-size:17px; font-weight:600; transition: all 300ms ease-in-out 0s; color:#fff; background:none; width:100%;}
#topicname::placeholder {color:#696969;}
#topicname:focus {outline:none; border-color:#fff;}
.fb__item-cell {width:100%;}
#feedback__message {padding:30px; border-radius:20px; border:1px solid #696969; background:none; min-height:150px; resize:none; color:#fff; transition: all 300ms ease-in-out 0s; width:100%;}
#feedback__message::placeholder {color:#696969;}
#feedback__message:focus {outline:none; border-color:#fff;}
.fb__bottom {width:100%; margin-top:30px;}
#send__form {line-height:50px; color:#0C0B1C; font-weight:600; font-size:17px; border-radius:12px; background:#FF992D; border:0; cursor:pointer; width:100%;}
.faq__section {display:flex; flex-flow:column; margin-top:100px;}
.faq__list { display: flex; flex-flow: column; max-width:1040px;} .faq__body { border-bottom:1px solid #333333; padding: 40px 0; cursor: pointer; position: relative; overflow: hidden; } .faq__question { position: relative; display: flex; align-items: center; font-weight: 600; font-size: 24px; color: #fff; } .faq__question i { width: 24px; min-width: 24px; height: 24px; background: url('../images/plus.svg') center/contain no-repeat; margin-left: auto; transition: all 300ms ease-in-out 0s; } .faq__unswer { font-weight: 400; color: #878999; line-height: 1.4; font-size: 17px; display: none; padding-top: 50px; } .faq__body.check .faq__question i { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.tikets__grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 28px; grid-row-gap: 28px;}
.tiket__item {border-radius:20px; background:#13122F; border:1px solid #FF992D; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.tiket__item[data-type="closed"] {opacity:.5; background:none; border:1px solid #696969; overflow:hidden;}
.tiket__item[data-type="closed"]:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; right:0; bottom:0; z-index:3;}
.tiket__item[data-type="closed"] .tiket__title a,
.tiket__item[data-type="closed"] .tiket__id {color:#696969;}
.tiket__body {display:flex; flex-flow:column; padding:30px; }
.tiket__id {color:#FF992D; font-size:14px; margin-bottom:10px;}
.tiket__title {}
.tiket__title a {color:#fff; line-height:1.5; font-weight:600; font-size:17px;}
.tiket__title a:hover {color:#FF992D;}
.tiket__table {display:flex; flex-flow:column;}
.tiket__header {display:flex; flex-flow:column; align-items: center; text-align:center;}
.tiket__header h2 {font-weight:700; color:#FF992D; font-size:36px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.ticket__chat-cell {display:flex; align-items: center; justify-content: center;}
.ticket__chat {border:1px solid #333333; display:flex; flex-flow:column; justify-content: center; padding:20px 0; border-radius:20px;}
.ticket__dialogue {}
.tiket__dialogue-list {overflow:auto; max-height:480px; width:640px; min-width:640px; padding:0 20px;}
.tiket__dialogue-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);background-color: #333333;}
.tiket__dialogue-list::-webkit-scrollbar{width: 3px; background-color: #333333;}
.tiket__dialogue-list::-webkit-scrollbar-thumb{background-color: #FF992D;}
.message__dialogue-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);background-color: #333333;}
.message__dialogue-list:-webkit-scrollbar{width: 3px; background-color: #333333;}
.message__dialogue-list::-webkit-scrollbar-thumb{background-color: #FF992D;}
.ticket-date-row {margin:10px 0; font-size:14px; text-align:center;}
.tdl__item { margin-bottom:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.tdl__item.sendout {justify-content: flex-end; display:flex;}
.tdl__item.sendout .tdl__details {align-items: flex-end;}
.tdl__item.sendout .tdl__avatar {order:2; margin:0 0 0 20px;}
.tdl__item.sendout .tdl__message {order:1;}
.tdl__item.sendout .tdlm__text {color:#0C0B1C; background:#FF992D;}
.tdl__item.sendout .tdl__time {text-align:right; order:1;}
.tiket__loader {text-align:right; padding:0 15px 15px 0;}
.tiket__loader:after {width: 40px; height: 19.2px; background: radial-gradient(circle closest-side,#ff992d 90%,#0000) 0% 50%, radial-gradient(circle closest-side,#ff992d 90%,#0000) 50% 50%, radial-gradient(circle closest-side,#ff992d 90%,#0000) 100% 50%; background-size: calc(100%/3) 9.6px; background-repeat: no-repeat; animation: dots-7ar3yq 0.8s infinite linear; content:''; display:inline-flex;}
@keyframes dots-7ar3yq { 20% { background-position: 0% 0%, 50% 50%,100% 50%; } 40% { background-position: 0% 100%, 50% 0%,100% 50%; } 60% { background-position: 0% 50%, 50% 100%,100% 0%; } 80% { background-position: 0% 50%, 50% 50%,100% 100%; } }
.tdl__message {display:flex;}
.tdl__avatar {width:50px; height:50px; min-width:50px; margin-right:20px;}
.tdl__avatar img {vertical-align:bottom; width:100%; border-radius:100px;}
.tdl__details {display:flex; flex-flow:column;}
.tdlm__text {padding:10px 20px; border-radius:20px; border:1px solid #FF992D; color:#fff; line-height:1.4; font-size:14px; font-weight:600; margin-bottom:12px;}
.tdl__time {}
.ticket__user-area {padding:0 20px;}
.tua__body {display:flex; align-items:center; justify-content:space-between; padding:8px; border:1px solid #333333; border-radius:10px;}
.tua__right {display:flex; align-items:center;}
#ticket__message {flex:1; width:100%; border:0; background:none; resize:none; color:#fff; padding-top:15px; font-size:14px;}
#ticket__message::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#ticket__message::-webkit-scrollbar{width: 3px; background-color: #F5F5F5;}
#ticket__message::-webkit-scrollbar-thumb{background-color: #FF992D;}
#ticket__message::placeholder {color:#696969;}
#ticket__message:focus {outline:none;}
.tua__attachment {position:relative; overflow:hidden; width:44px; height:44px; }
.tua__attachment input {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.tua__attachment label {cursor: pointer; display: inline-flex; align-items: center; border-radius: 0px; font-size: 14px; font-weight: 600; color: #fff; font-size: 14px; padding: 0px; background: url(../images/attachment.svg) center / contain no-repeat; width: 20px; height: 20px; position: absolute; right: 0; bottom: 10px;}
.tua__attachment:hover label {background: url(../images/attachmentA.svg) center / contain no-repeat;}
#send__tiket-chat {height:44px; min-width:64px; width:64px; margin-left:20px; border-radius:10px; cursor:pointer; border:0; background:#FF992D url('../images/send.svg') center/30px no-repeat;}
#send__tiket-chat:focus {outline:none;}
/** Help End**/
/** News section **/
.job__grid,
.news__grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 28px; grid-row-gap: 28px;}
.job__item,
.news__item {border-radius:10px; border:1px solid #333333; position:relative; overflow:hidden; background:url('../images/playScreenBg.png') center/cover no-repeat; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.news__item:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; right:0; bottom:0; background:#13122F; z-index:2; opacity:.9;}
.ji__body,
.ni__body {position:relative; z-index:10; display:flex; flex-flow:column; padding:40px;}
.job__title,
.news__title {margin-bottom:20px;}
.job__title a,
.news__title a {color:#fff; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:700; color:#fff; transition: all 300ms ease-in-out 0s; font-size:32px;}
.job__title a:hover,
.news__title a:hover {color:#FF992D;}
.job__short,
.news__short {margin-bottom:20px;}
.job__short p,
.news__short p {color: #FF992D; font-size:24px; line-height:1.4; font-weight: 500; overflow: hidden; display: block; max-height: 60px; -webkit-line-clamp: 2; display: box; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal;}
.job__labels,
.news__labels {display:flex; justify-content:space-between; align-items:center;}
.job__post,
.news__date {color:#fff; font-weight:500; font-size:24px;}
.job__link,
.news__link {display:inline-flex; align-items:center; font-size:17px; color:#696969; font-weight:600; transition: all 300ms ease-in-out 0s;}
.job__link:hover,
.news__link:hover {color:#FF992D;}
.job__link:after,
.news__link:after {width:24px; height:24px; min-width:24px; background:url('../images/load-arrow.svg') center/12px no-repeat; content:''; transition: all 300ms ease-in-out 0s;}
.job__link:hover:after,
.news__link:hover:after {background:url('../images/load-arrowA.svg') center/12px no-repeat; }
.news__load-bar {display:flex; justify-content: center; margin-top:40px;}
#load__more {border:2px solid #FF992D; color:#FF992D; background:none; cursor:pointer; font-weight:600; line-height:48px; padding:0 30px; border-radius:12px; transition: all 300ms ease-in-out 0s; font-size:17px;}
#load__more:hover {border:2px solid #FF992D; background:#FF992D; color:#0C0B1C;}
#load__more:focus {outline:none;}
.fullnews__table {}
.fullnews__article {max-width:660px; margin-left:auto; margin-right:auto;}
.fullnews__article .content__header {flex-flow:column; display:flex;}
.fullnews__article .content__header h1 {margin-bottom:20px;}
.back__page {display:flex; align-items:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.back__page a {display:inline-flex; align-items:center; font-size:17px; color:#696969; font-weight:600; transition: all 300ms ease-in-out 0s; }
.back__page a:before {content:''; display:inline-flex; width:24px; height:24px; min-width:24px; margin-right:10px; background:url('../images/load-arrow.svg') center/16px no-repeat; transition: all 300ms ease-in-out 0s; transform: scaleX(-1); }
.back__page a:hover {color:#FF992D;}
.back__page a:hover:before {background:url('../images/load-arrowA.svg') center/16px no-repeat;}
.post__label {font-size:14px; color:#696969; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.post__article {display:flex; flex-flow:column; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.post__article p {line-height:1.4; font-size:14px; color:#fff; margin-bottom:20px;}
.post__picture {border:1px solid #333333; overflow:hidden; border-radius:10px; margin:0px 0 40px 0;}
.post__picture img {vertical-align:bottom; width:100%;}
/** News section end**/
/** Job section **/
.job__item {background:#13122F;}
.job__item[data-type="noActive"] .ji__body {opacity:.3;}
.job__item[data-type="noActive"] .ji__body:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; bottom:0; right:0; z-index:12;}
.fulljob__table {display:flex; flex-flow:column;}
.fulljob__table h1 {margin-bottom:15px;}
.job__article {display:flex; flex-flow:column; color:rgba(255,255,255,.7); max-width:650px;}
.job__article h2 {font-weight:700; font-size:14px; font-style:italic; color:#FF992D; margin-bottom:20px;}
.job__article h3 {color:#fff; margin-bottom:10px; color:#fff;}
.job__article p {font-size:14px; line-height:1.4; margin-bottom:20px;}
.job__article p strong {font-weight:600;}
.job__article p a {color:#fff;}
.job__article p a:hover {color:#FF992D;}
.job__article ul {font-size:14px; margin-bottom:15px;}
.job__article ul li {line-height:1.3; margin-bottom:10px; }
.job__article ul li ul {margin:10px 0 10px 15px;}
.jobform__cell {display:flex;}
.jobform__cell form {display:flex; flex-flow:column; width:350px;}
.jf__item-row {margin-bottom:30px;}
.jf__item-row .file-input__input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.jf__item-row .file-input__label { cursor: pointer; display: inline-flex; align-items: center; border-radius:0px; font-size: 14px; font-weight: 600; color: #fff; font-size: 14px; padding:0px; background:url('../images/attachment.svg') center/contain no-repeat; width:20px; height:20px; position:absolute; right:0; bottom:10px;}
.jf__item-row input {line-height:40px; color:#696969; font-weight:600; font-size:17px; transition: all 300ms ease-in-out 0s; border:0; border-bottom:1px solid #696969; color:#fff; width:100%; background:none;}
.jf__item-row input::placeholder {color:#696969;}
#jobsend:focus,
.jf__item-row input:focus {outline:none; border-color:#FF992D;}
.jf__attachment {width:100%; height:40px; position:relative; border-bottom:1px solid #696969;}
.jf__attachment:before {content:'CV'; display:inline-flex; line-height:40px; font-weight:600; color:#696969; position:absolute; left:0; bottom:0;}
.jf__bottom-row {}
#jobsend {color:#0C0B1C; font-weight:600; font-size:17px; line-height:51px; background:#FF992D; text-align:center; width:100%; border-radius:12px; border:0; cursor:pointer;}
.jobsend {font-weight:600; color:#fff; font-size:24px; line-height:1.4; display:none; align-items:center; margin:25px 0;}
.jobsend.visible {display:flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.jobsend:before {content:''; display:inline-flex; width:30px; height:30px; min-width:30px; margin-right:15px; background:url('../images/success.svg') center/30px no-repeat;}
/** Job section end **/
/** Static page **/
.static__text { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.static__text p {line-height:1.4; font-size:14px; margin-bottom:25px; color:#fff;}
/** Static page end **/
/** About **/
.about__us-container {background:#0C0B1CD9 url('../images/aboutBg.jpg') center/cover no-repeat; border-radius:20px; padding:40px; border:1px solid #333333; justify-content: center; display:flex; flex-flow:column; align-items: center;}
.aus__table {display:flex; flex-flow:column; max-width:540px;}
.aust__item {display:flex; flex-flow:column; margin-bottom:40px;}
.aust__item h2 {font-size:32px; color:#FF992D; line-height:1.3; text-align:center; font-weight:700; margin-bottom:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.aust__item p {line-height:1.4; font-size:14px; text-align:center; color:#fff; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .2s}
.about__main-worker { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.about__main-worker .team__list {margin:15px 0;}
.about__main-worker .team__list li {width:31%;}
.about__workers {max-width:680px; margin-left:auto; margin-right:auto; width:100%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.about__workers .team__list {margin:20px 0;}
.about__workers .team__list .team__name {font-size:17px;}
@media screen and (max-width: 560px) {
.aust__item h2 {font-size:24px;}
.about__main-worker .team__list li {width:100%;}
}
/** About end**/
/** Verification **/
.va__item,
.verification__article {display:flex; flex-flow:column;}
.va__item {margin-bottom:20px;}
.va__item h2 {font-size:32px; color:#FF992D; margin-bottom:10px; font-weight:600;}
.va__item h2 p {color:#fff; font-size:14px; line-height:1.4;}
.va__item p a {color:#fff; text-decoration:underline;}
.va__item p a:hover {text-decoration:none; color:#FF992D;}
.va__item img {max-width:640px; margin:20px 0; width:100%;}
@media screen and (max-width: 560px) {
.download__list {max-width:100%;}
.va__item h2 {font-size:24px;}
}
/** Verification end**/
/** Download **/
.download__article {display:flex; flex-flow:column;}
.db__article {}
.download__body { justify-content: center; background:#0C0B1CD9 url('../images/downloadBg.jpg') center/cover no-repeat; border-radius:20px;border:1px solid #333333; display:flex; width:100%; padding:140px 20px; color:#fff; }
.download__article .profile__promo {margin-bottom:0; margin-top:30px;}
.download__list {display:flex; flex-flow:column; max-width:245px; width:100%;}
.download__list li {margin-bottom:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.download__list li:nth-child(2) {animation-delay: .1s}
.download__list li:nth-child(3) {animation-delay: .2s}
.download__list li button {display:flex; width:100%; color:#0C0B1C; font-size:17px; padding:0; border-radius:12px; background:#FF992D; cursor:pointer; border:0; font-weight:700; line-height:54px; align-items:center; justify-content: center; }
.download__list li.disabled button {cursor:not-allowed; opacity:.5;}
.download__list li button i {width:24px; height:24px; min-width:24px; margin-right:8px;}
.download__list li button i.pc {background:url('../images/pc.svg') center/contain no-repeat;}
.download__list li button i.android {background:url('../images/android.svg') center/contain no-repeat;}
.download__list li button i.ios {background:url('../images/ios.svg') center/contain no-repeat;}
.download__list li button:focus {outline:none;}
/** Download end**/
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } }
/*** Slick Slider Style ***/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {display:flex; justify-content: center; margin-top:-20px; }
.slick-dots li {margin:0 3px; display:flex; align-items:center;}
.slick-dots li button {border:0; display:block; width:6px; height:6px; overflow:hidden; text-indent:8px; white-space:nowrap; background: rgba(255,255,255,.5);
opacity: 0.5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; transition: all 300ms ease-in-out 0s; cursor:pointer; padding:0;}
.slick-dots li.slick-active button:focus {outline:none;}
.slick-dots li.slick-active button {opacity:1; background:#FF8D07; height:8px; width:8px;}
.slick-prev.slick-arrow,
.slick-next.slick-arrow {width:56px; height:56px; cursor:pointer; white-space:nowrap; text-indent:60px; border:0; display:block; overflow:hidden; min-width:30px; position:absolute; left:10px; bottom:-60px; transition: all 300ms ease-in-out 0s; background:#F3F4F6 url('../images/chevron-left.svg') center/10px no-repeat; border-radius:60px;}
.slick-prev.slick-arrow {left:80px; background:#F3F4F6 url('../images/chevron-right.svg') center/10px no-repeat}
.slick-prev.slick-arrow:hover {opacity:1;}
.slick-prev.slick-arrow:focus,
.slick-next.slick-arrow:focus {outline:none;}
.slick-next.slick-arrow.slick-disabled,
.slick-prev.slick-arrow.slick-disabled {opacity:.7;}
.runrox__slider {padding-bottom:40px;}
/*** Slick Slider Style End***/
@media screen and (min-width: 1800px) {
.hsca__picture {max-width:600px; text-align:center;}
}
@media screen and (max-width: 1600px) {
.main__article,
.main__header {padding:20px;}
.footer__article {margin:0 20px;}
.main__footer {padding:25px 0;}
.header__column {padding:28px 10px 28px 20px;}
.main__navigation {padding:30px 0 0 20px;}
.main__container.slim { width: calc(100vw - 80px);}
.main__sidebar.slim {flex:0 0 80px;}
.main__sidebar.slim #slim__column {}
.main__sidebar.slim .main__navigation li a { align-items: center; display:flex; justify-content: center;}
.main__sidebar.slim .main__navigation {padding-left:0;}
.job__title a, .news__title a {font-size:25px;}
.job__post, .news__date,
.job__short p, .news__short p {font-size:20px;}
.ji__body, .ni__body {padding:20px;}
.job__grid, .news__grid {grid-column-gap: 14px; grid-row-gap: 14px;}
.marketplace__table {padding:20px 10px;}
.collection__item {margin:10px;}
.promo__inner h1 {font-size:50px;}
.profile__promo:after {width:300px;}
.at__body {padding:20px;}
.followers__list {margin-left:-15px; margin-right:-15px;}
.follower__item {margin:15px;}
.pms__article h1,
.pb__article h2 {font-size:52px;}
.hsca__column h2{font-size:50px;}
}
@media screen and (max-width: 1400px) {
.tickets__list li {width:33.33%;}
.tickets__list li {margin-bottom:25px;}
.followers__list li {width:20%;}
}
@media screen and (max-width: 1320px) {
.collection__list li {width:25%;}
}
@media screen and (max-width: 1280px) {
.job__grid, .news__grid { grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 1180px) {
.followers__list li {width:25%;}
}
@media screen and (max-width: 1160px) {
.main__sidebar.slim .logotype:before {margin-left:0px;}
.openChat__column {position:relative;}
.openChat__table {max-width:100%;}
.call__back-message {display:flex; justify-content: center; margin-bottom:30px;}
.call__back-message:before {margin-left:-20px;}
.call__navigation { justify-content: center;}
.call__column {margin:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; background:#0C0B1C; margin-left:0;}
.call__column.visible {margin-left:0;}
.main__table {flex-flow:column;}
.main__sidebar,
.main__sidebar.slim {flex:0; width:100%; }
.main__container,
.main__container.slim {width:100%;}
#slim__column {display:none;}
.main__sidebar.slim li a svg {margin-right:10px;}
.main__sidebar.slim span {display:flex; visibility:inherit;}
.main__nav-column #connect {max-width:300px; margin:50px 50px 0 50px;}
#navButton {display:inline-flex;}
.header__column {padding-left:24px; padding-right:24px;}
.main__nav-column .head__scoreboard {border-top:1px solid #333333; padding:28px 24px;}
.main__nav-column{display:none;}
.main__sidebar {min-height:auto;position: relative; z-index: 22;}
.main__footer {padding:30px 0;}
.footer__article {margin:0 24px;}
.footer__cover {width:100%; }
.main__header {display:none;}
.main__article {padding:40px 24px;}
.viewNav {overflow:hidden;}
.viewNav #navButton {background:url('../images/closeNav.svg') center/25px no-repeat;}
.viewNav .main__nav-column {display:flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; width:400px; overflow:auto; height:calc(100vh - 100px); position: fixed; left: 0; bottom: 0; z-index: 90; background: #0c0b1c;}
.social__links {padding-left:25px; padding-right:25px;}
.main__navigation {padding-left:25px; padding-top:25px;}
.main__nav-column #connect {margin:20px 25px 0 25px;}
.main__navigation {display:flex; flex-flow:column; align-items: flex-start;}
.main__sidebar.slim .main__navigation {padding-left:25px;}
.main__sidebar.slim .logotype span {visibility:inherit; display:inline-flex;}
#navButton {margin-left:20px; margin-right:auto;}
#swap__btn {margin:25px 20px 0 20px; justify-content: center;}
.main__nav-column {top:100px;}
.footer__cover.slim {width:100%;}
.home__start-cell {margin:50px 0;}
.hms__article {padding:100px 50px 80px 50px;}
.hsc__article {padding:30px;}
}
@media screen and (max-width: 1024px) {
.main__article {padding:24px;}
.content__header h1 {font-size:40px;}
.claim__cell, .vesting__cell {padding:60px 20px; width:100%; text-align:center;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 980px) {
.team__list,
.play__bsc {margin:60px 0;}
.pb__article:after, .pb__article:before {width:95px; left:20px;}
.pb__article:after {left:auto; right:20px;}
.hsc__article {flex-flow:column; position:relative; padding-bottom:200px;}
#hcsa__end {position:absolute; left:20px; bottom:30px; width:calc(100% - 40px);}
#hcsa__end #play__now {width:100%;}
.hsca__column {width:100%;}
.hsca__picture {width:100%;}
.hsca__column h2 {margin-bottom:30px;}
.trending__section {margin:40px 0;}
.trending__table {overflow:auto;}
.ttb__list li,
.tt__header li {min-width:170px;}
.ttb__list li:first-child,
.tt__header li:first-child {min-width:300px;}
.tt__header {width:980px;}
.tt__body {width:1105px;}
.rs__body {flex-flow:column;}
.rsb__article {margin:0}
.rsb__picture {display:none;}
.rsb__article .rsb__picture {display:block; text-align:center; margin-bottom:30px;}
.repositiory__section {padding:25px 20px;}
}
@media screen and (max-width: 960px) {
.tickets__list li {width:50%;}
.help__row {margin-bottom:20px;}
.rewards__progress {flex-flow:column;}
.r__progress-cell {margin-bottom:15px;}
.progress__balance {margin-left:0; width:100%; justify-content: flex-end;}
.rewards__progress {margin-bottom:40px;}
.rpc__progress{min-width:auto; width:100%;}
.r__progress-cell {width:100%;}
.promo__inner h1 {display:flex; flex-flow:column;}
.profile__promo:after {right:50%; margin-right:-150px;}
.promo__inner {padding:24px 24px 60px 24px;}
.promo__inner h1 {font-size:40px;}
}
@media screen and (max-width: 880px) {
.Inventory__list li {width:25%;}
}
@media screen and (max-width:860px) {
.collection__list li {width:33.33%;}
.discover__list {flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.discover__list li {width:50%; margin-bottom:20px;}
.discover__item {margin:10px;}
.openChat__column {display:none;}
.mc__table {margin-right:0;}
#chat__search,
.message-chat__column {width:100%;}
.message__table.viewChat{}
.message__table.viewChat .message-chat__column {display:none;}
.message__table.viewChat .openChat__column {display:flex;}
.call__back-message-list {display:flex; margin-bottom:30px;}
#chat__search {border-radius:10px;}
.message__chat,
.openChat__user {padding-top:0; padding-left:0; padding-right:0; border-left:0; border-top:0; border-right:0; border-radius:0;}
.message__chat {border-bottom:0;}
#call__area {padding:0; border:0;}
}
@media screen and (max-width: 800px) {
.profile__row {padding:24px;}
.upc__avatar {width:80px; height:80px; min-width:80px; background-size:30px;}
.social__added, .social__add-list li {margin-right:12px;}
.setting__profile {padding:0; border:0; border-radius:0;}
}
@media screen and (max-width: 780px) {
.game__video {margin-bottom:15px;}
.team__list,
.video__screens {flex-wrap:wrap; margin-left:-8px; margin-right:-8px;}
.video__screens li {width:50%;}
.team__card,
.video__screens li div {margin:8px;}
.team__list li {width:24%;}
}
@media screen and (max-width: 760px) {
.tikets__grid {grid-template-columns: repeat(2, 1fr);}
.pms__article {padding:30px 20px;}
}
@media screen and (max-width: 720px) {
.job__grid {grid-template-columns: repeat(1, 1fr);}
.profile__promo:after {width:200px; margin-right:-100px;}
.followers__list li {width:33.33%;}
#play__video {width:60px; height:60px; margin:-30px 0 0 -30px;}
#play__video span {width:20px; height:20px; background-size:15px;}
}
@media screen and (max-width: 680px) {
.tiket__dialogue-list {width:100%; min-width:auto;}
.ticket__chat {border-left:0; border-right:0; border-bottom:0; border-radius:0;}
.faq__section h2, .feedback__row h2, .claim__group h2, .vesting__group h2, .task__group h2 {font-size:40px;}
.task__item {min-width:none; width:100%;}
.task__list li {width:100%;}
.task__item { justify-content: center;}
.swap__table {border:0; padding-left:0; padding-right:0; width:100%;}
.swap__item input {min-width:auto; width:100%;}
.swap__item {width:100%;}
.swap__section .content__header {margin-bottom:0; text-align:left;}
.swap__section {align-items: flex-start;}
.Inventory__list {padding-bottom:80px;}
.Inventory__list li {width:33.33%;}
.profile__row {flex-flow:column;}
.user__profile-cell {width:100%;}
.user__right-nav {width:100%; margin-top:40px;}
.user__social {max-width:280px;}
.pms__article h1, .pb__article h2 {font-size:40px;}
}
@media screen and (max-width: 640px) {
.faq__section h2, .feedback__row h2, .claim__group h2, .vesting__group h2, .task__group h2 {font-size:40px;}
.tickets__list li {width:100%;}
.tickets__list,
.ticket__item {margin-left:0; margin-right:0;}
.footer__article {flex-flow:column;}
.footer__main-column {max-width:none;}
.footer__column {width:100%;}
.footer__column:nth-child(2) {margin:40px 0;}
.footer__main-column p {font-size:600;}
.feedback__form form {width:100%;}
.faq__section {margin-top:40px;}
.faq__list li:first-child .faq__body {border-top:1px solid #333333;}
.faq__question {line-height:1.4;}
.faq__body {padding:20px 0;}
.marketplace__table {padding:0; border:0; border-radius:0;}
.social__add-list {flex-flow:column; align-items: flex-start;}
.social__added, .social__add-list li {margin:0 0 15px 0;}
#save__change {width:100%;}
.setting-bottom-row {flex-flow:column; justify-content: center;}
.eun__item {width:100%;}
.discover__list {margin-left:0; margin-right:0; margin-bottom:0;}
.discover__list li {width:100%;}
#loader__more {width:100%; justify-content: center;}
.trending__section h2, .discover__section h2 {font-size:24px;}
.discover__loader {margin-bottom:20px;}
.hsca__column h2 {font-size:46px;}
.hsca__picture img {max-width:220px;}
.hsca__left {bottom:0; left:15px;}
}
@media screen and (max-width: 620px) {
}
@media screen and (min-width: 580px) {
.notification__modal.notification__drop { right: 128px; }
}
@media screen and (max-width: 580px) {
.followers__list {margin-left:-7px; margin-right:-7px;}
.follower__item {margin:7px;}
.team__list li {width:49%;}
.headUser {margin-right:0; margin-left:auto;}
.notification__modal { bottom:0; position:fixed;z-index:20; width:100vw; height:calc(100vh - 89px); top:60px; margin:0; padding:0; min-width:100vw; right:-26px;}
.nth__close {display:inline-flex;}
.notification__table {height:100%;}
.nt__body {height:100%; overflow:auto;}
.userIn {position:static;}
.viewNav .main__nav-column {width:100%;}
.main__navigation {flex-flow:wrap; padding-right:25px; margin:0 -12px 30px -12px;}
.main__navigation li {width:33.33%; margin-bottom:0;}
.main__navigation li a {display:flex; flex-flow:column; justify-content: center; background:#13122F; border:1px solid #333333; border-radius:10px; padding:24px; margin:12px;}
.main__navigation li a svg {margin:0 0 10px 0;}
.main__navigation li:last-child {margin-right:auto; margin-left:}
.viewNav .main__nav-column { overflow-x: hidden;}
#logout__btn {margin-right:0;}
.job__title a, .news__title a {font-size:20px;}
.job__post, .news__date, .job__short p, .news__short p {font-size:14px;}
.job__post {font-size:17px;}
.jobform__cell form {width:100%;}
.news__grid {grid-template-columns: repeat(1, 1fr);}
.tiket__header { align-items: flex-start; margin-top:25px;}
.tiket__header h1 {text-align:left; font-size:24px;}
.tiket__header h2 {font-size:14px;}
.Inventory__list li {width:50%;}
.at__header {padding:20px;}
.at__body {padding:10px;}
.upc__avatar {width:65px; height:65px; min-width:65px; background-size:30px;}
.un__text {font-size:22px;}
.user__right-nav .user__wallet {margin-bottom:25px;}
.user__right-nav {margin-top:25px;}
}
@media screen and (max-width: 560px) {
.collection__list li {width:50%;}
.tdl__item.sendout .tdl__avatar {display:none;}
.no__access {align-items: flex-start;}
.na__text p {flex-flow:column; font-size:16px;}
.na__text p:before {margin:0 0 20px 0;}
#verificate__btn {width:100%;}
.pms__action {flex-flow:column; width:100%;}
.pmsc__cell {width:100%; margin:0 0 15px 0;}
.pmsc__cell:last-child {margin:0;}
.pmsc__cell span {margin-top:12px;}
.pb__article:after {top:auto; bottom:0;}
.pb__article:after,
.pb__article:before {height:145px;}
.hms__article h1 {text-align:center; font-size:24px;}
.hms__action {flex-flow:column; width:100%;}
#whitepaper, #get__started {margin:0; width:100%;}
#whitepaper {margin-top:20px;}
}
@media screen and (max-width: 520px) {
.logotype span {display:none;}
#navButton {order:3; margin-right:0; margin-left:0;}
.headUser {margin-right:auto;}
.tikets__grid {grid-template-columns: repeat(1, 1fr);}
.followers__list li {width:50%;}
.followers__title {flex-flow:column; align-items: flex-start;}
.followers__title .user__subscribers {margin:0; padding:0;}
}
@media screen and (max-width: 500px) {
.promo__inner h1 strong {display:flex; flex-flow:column;}
.promo__inner h1 strong span {margin-left:0;}
.rsb__picture img {min-width:100%;}
}
@media screen and (max-width: 480px) {
.notification__modal {right:-92px;}
}
@media screen and (max-width: 460px) {
.nt__body .voice__loader {margin-left:-53px;}
}