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: 'Segoe UI';} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@font-face {
font-family: 'Segoe UI';
src: local('../fonts/Segoe UI Light'), local('Segoe-UI-Light'),
url('../fonts/SegoeUI-Light.woff2') format('woff2'),
url('../fonts/SegoeUI-Light.woff') format('woff'),
url('../fonts/SegoeUI-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: local('../fonts/Segoe UI Regular'), local('Segoe-UI-Regular'),
url('../fonts/SegoeUI.woff2') format('woff2'),
url('../fonts/SegoeUI.woff') format('woff'),
url('../fonts/SegoeUI.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: local('../fonts/Segoe UI SemiBold'), local('Segoe-UI-SemiBold'),
url('../fonts/SegoeUI-SemiBold.woff2') format('woff2'),
url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
url('../fonts/SegoeUI-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: local('../fonts/Segoe UI Bold'), local('Segoe-UI-Bold'),
url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
url('../fonts/SegoeUI-Bold.woff') format('woff'),
url('../fonts/SegoeUI-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#969FAF; background:#0f0f0f; color:#fff;}
body::-webkit-scrollbar-track{background-color: #14151b;}
body::-webkit-scrollbar{width: 3px; background-color: #000000;}
body::-webkit-scrollbar-thumb{background-color: #000000;}
.main-screen {min-height: 100vh; display: flex ; padding: 4rem 1rem; transition: background-color .3s ease, color .3s ease;}
.main-article {max-width: 1280px; display: flex ; margin: 0 auto 100px;flex-direction: row; gap: 3rem; justify-content: space-between; align-items: center;}
.main-text {flex: 1; display: flex ; flex-direction: column; align-items: flex-start;gap: 80px; margin-right:80px;}
.main-text h1 {text-align: left; font-size: 2.5rem;font-weight: 700; color:#fff; line-height:1.4;}
.main-bottom {display:flex; align-items:center; gap:20px;}
.main-bottom a {padding: .75rem 3rem; background-color: #facc15; color: black; border-radius: 8px; font-weight: 500; font-size: 1.25rem; transition: all .3s ease; text-align: center; width: 300px;}
.main-bottom a:first-child {position: relative; padding: .75rem 3rem; background-color: white; color: black; border: 2px solid #facc15; border-radius: 8px; font-weight: 500; font-size: 1.25rem; transition: all .3s ease; text-align: center; width: 300px;}
.main-bottom a:first-child:hover {background:#fef9c3;}
.main-bottom a:last-child:hover {opacity:.8;}
.main-bottom a:hover {}
.main-right {width: 100%; max-width: 500px; display: flex ; justify-content: center; align-items: center; flex: 1; }
.main-right img {object-fit: contain; transform: scaleX(-1); max-width: 100%;}
.rate-sliders {max-width:100vw; overflow:hidden;box-shadow: 0px 0px 19px 0px rgba(255,200,0,1); -webkit-box-shadow: 0px 0px 19px 0px rgba(255,200,0,1); -moz-box-shadow: 0px 0px 19px 0px rgba(255,200,0,1);}
.rate-listing {padding:12px 0; background:#ffc800; box-shadow:0 0 20px #ffc80099;}
.rate-listing li {display:inline-flex; margin:0 30px; font-size:16px; font-weight:600;}
.rate-listing li em{margin-left:8px;}
.rate-listing li em.up{color:#00a63e;}
.rate-listing li em.down {color:#ef4444;}
.why-exchange {margin:40px 0 60px 0;}
.container-fixed {max-width:1080px; margin:0 auto;}
.why-exchange .container-fixed {display:flex; flex-flow:column;}
.faq .section-header h2,
.markets .section-header h2,
.why-exchange h2 {color:#fff; font-size:38px; font-weight:700; margin-bottom:20px; text-align:center;}
.we-grid-list {display: flex ; flex-wrap:wrap; margin:0 -10px;}
.we-grid-list li {width:33.33%;}
.we-g-item {border: 2px solid #333; background-color: #000; border-radius: .5rem; padding: 1.5rem; transition: border-color .3s; margin:10px;}
.we-g-item:hover {border:2px solid #4a4a4a;}
.we-gb-body {display: flex ; justify-content: space-between; align-items: flex-start;}
.we-gb-info{flex:1; display:flex; flex-flow:column;}
.we-gb-info h3 {font-size: 20px;font-weight: 600;color: #ffffff; margin-bottom:15px; line-height:1.4;}
.we-gb-info p {font-size: 15px; color: #cccccc; font-weight:400;}
.we-bg-pic {width:96px; height:96px; min-width:96px; margin-left:20px;}
.we-bg-pic img {width:100%; vertical-align:bottom;}
.markets {margin-bottom:120px;}
.markets .container-fixed {display:flex; flex-flow:column; max-width: 1280px;}
.faq .section-header,
.markets .section-header {display:flex; align-items:center; justify-content:space-between;}
.faq .section-header h2,
.markets .section-header h2 {text-align:left;}
.faq .section-header a,
.markets .section-header a {display:flex; align-items:center; gap:8px; font-size:14px; color:#FFC300; font-weight:500; white-space:nowrap;}
.faq .section-header a svg,
.markets .section-header a svg {display: inline-flex ; width: 15px;}
.faq .section-header a:hover,
.markets .section-header a:hover {opacity:.8;}
.markets-table {display:flex; flex-flow:column;}
/* .markets-tabs-list {display:flex; margin-top:20px; border-bottom:1px solid #1f2937;} */
/* .markets-tabs-list li {display:inline-flex;}
.markets-tabs-list li span {padding: 1rem .25rem; margin-right: 2rem; font-size: 14px; font-weight: 500; color: #9ca3af; background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; transition: all .2s;}
.markets-tabs-list li:hover span {color:#fff;} */
/* .markets-tabs-list li.select span {color: #FFC300; border-bottom-color: #FFC300;} */
.markets-tabs-containers {}
.mtc-item {display:none;}
.mtc-item.visible {display:block;}
.mtc-table-list {display:flex; flex-flow:column;}
.mtc-tab-row {}
.mtc-tab-row:first-child {padding:10px 0;}
.mtc-tab-row:first-child span {color:#9ca3af; font-weight:400; font-size:14px;}
.mtc-tab-row:first-child:hover {background:none;}
.mtc-item-list {display:flex; align-items:center; justify-content: space-between;}
.mtc-item-list li {padding:10px;}
.mtc-tab-row:hover {background:#151a21;}
.mtc-long {width:50%;}
.mtc-short { width:16.6%; max-width:190px; text-align:right;}
.mtc-short span {font-weight:500;}
.mtc-short span.up {color:#10b981;}
.mtc-short span.down {color:#ef4444;}
.mtc-coin {display:flex; align-items:center; gap:10px;}
.mtc-coin img {vertical-align:bottom; width:32px; height:32px; min-width:32px; border-radius:60px;}
.mtc-coin span {font-weight:600; color:#fff; text-transform:uppercase;}
.we-grid {display:flex; flex-wrap:wrap; margin-top:40px;}
.we-grid li {width:25%;}
.wg-item {margin:10px; display:flex; flex-flow:column; gap:15px; align-items: center; margin-bottom:35px;}
.wg-icon {width:72px; height:72px; min-width:72px; border-radius:100px; border:1px solid #1e2939; display:inline-flex; margin-bottom:10px; justify-content: center; align-items: center;}
.wg-icon img {vertical-align:bottom; min-width:45px;}
.wg-item h3 {font-weight:600; color:#fff; font-size:18px; text-align:center;}
.wg-item p {font-weight:400; line-height:1.3; color:#d1d5dc; font-size:14px; text-align:center;}
.container-fixed.big {max-width:1480px;}
.middle {margin:80px 0;}
.middle-list {display:flex; margin:0 -20px;}
.middle-list li {width:33.33%;}
.mdl-item {display:flex; flex-flow:column; gap:20px; align-items: flex-start; margin:20px;}
.mdl-item h2 {color:#fff; font-weight:bold; font-size:28px;}
.mdl-item p {line-height:1.3; font-size:15px; color:#fff; font-weight:400; max-width:80%;}
.mdl-item p strong {font-weight:bold;}
.mdl-bottom {margin-top:20px;}
.mdl-item a {border-bottom:1px solid #374151; color:#d1d5db; font-size:15px; font-weight:400; padding-bottom:4px;}
.mdl-item a:hover {color:#f59e0b; border-bottom:1px solid #fff;}
.robo-trading {}
.robo-trading .container-fixed {display:flex; max-width:1240px;}
.robo-left-column {width:33.33%;}
.robo-stats {display:flex; flex-flow:column;}
.robo-stats h2 {color:#fff; font-weight:600; font-size:40px; line-height:1.4; margin-bottom:60px;}
.robot-stats-info {display:flex; align-items:center; gap:15px;}
.robot-stats-info li {display:flex; flex-flow:column; gap:10px; font-size:30px; color:#fff; font-weight:500;}
.robot-stats-info li small {font-size:14px; color:#8e8e8e;}
.robot-bottom {margin-top:40px;}
.robot-bottom a {color:#000; font-size:15px; line-height:50px; padding:0 40px;border-radius:80px; background:#FFC300; display:inline-flex;}
.robot-bottom a:hover {opacity:.9;}
.robo-right-column {width:66.66%;}
.robo-right-column .slick-prev.slick-arrow {opacity:0; background:#fff url('../images/arrow-left.svg') center/25px no-repeat; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius:60px; left:30px;}
.roboslide-cards:hover .slick-next.slick-arrow,
.roboslide-cards:hover .slick-prev.slick-arrow {opacity:1;}
.robo-right-column .slick-next.slick-arrow {background:#fff url('../images/arrow-right.svg') center/25px no-repeat; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius:60px; opacity:0; right:30px;}
.roboslide-cards {}
.roboslide-cards li {margin:0 20px;}
.roboslide-cards:after {content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 80px; pointer-events: none; z-index: 1; background: linear-gradient(270deg, #0e0f14 0, rgb(14 15 20) 60%, rgb(14 15 20 / 0%));}
.robo-item-slide {background: linear-gradient(145deg, #131415, #0c0c0c); border-radius: 1rem; width: 100%; display: flex ; flex-direction: column; padding: 1.5rem; height: 280px; justify-content: space-between; border: 1px solid rgba(255, 255, 255, .05); box-shadow: 0 8px 24px rgba(0, 0, 0, .2); transition: all .3s ease; }
.ris-topline {display: flex ; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; position: relative;}
.ris-topline:after {content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .01)); }
.ris-name {color:#fff; font-weight:600; font-size:17px; position:relative;}
.ris-name:before {content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #22C55E; left: -12px; top: 50%; transform: translateY(-50%);}
.ris-performance {display: flex ; flex-direction: column; align-items: flex-end; background: rgba(34, 197, 94, .07); padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(34, 197, 94, .15); line-height: 1; }
.ris-p-value {font-size:27px; font-weight:500;}
.ris-p-value.up {color: #22C55E; text-shadow: 0 0 10px rgba(34, 197, 94, .3);}
.ris-p-label {color: rgba(255, 255, 255, .6); font-size: 14px; margin-top: .25rem; letter-spacing: .03em; font-weight: 400;}
.ris-middle {flex-grow: 1; width: 100%; height: 120px; display: flex ; align-items: center; justify-content: center; margin: .5rem 0; position: relative; overflow: hidden;}
.ris-middle:before {content:''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .01)); z-index: 1; pointer-events: none; width:100%;}
.ris-middle svg {vertical-align:bottom; filter: drop-shadow(0 0 3px rgba(34, 197, 94, .4)); display:block;}
.ris-bottom {display: flex ; align-items: center; justify-content: space-between; margin-top: .5rem; padding-top: 10px; position: relative;}
.risb-info {display: flex ; flex-direction: column; align-items: flex-start; gap: 2px; position: relative; padding-left: 16px;}
.risb-info:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: rgba(255, 255, 255, .2); border-radius: 50%;}
.risb-info strong {color: white; font-size: 1.25rem; font-weight: 500;}
.risb-info small {color: rgba(255, 255, 255, .5); font-size: .9rem; font-weight: 400; letter-spacing: .02em;}
.rib-copy {background:#FFFFFF1A; color: #fff; padding: .75rem 2rem; border-radius: .5rem; transition: all .3s ease; font-weight: 600; border: none; cursor: pointer; box-shadow: 0 4px 12px rgba(75, 85, 99, .2); letter-spacing: .03em; position: relative; overflow: hidden;}
.rib-copy:hover {color:#FFC300;}
.rib-copy:focus {outline:none;}
.trade-anywhere {}
.container {display: flex ;flex-direction: row; align-items: center; justify-content: space-between; max-width:1120px; margin:0 auto;}
.tac-left {width: 66.66%; margin-bottom: 0; text-align: left;}
.tac-left h2 {font-weight: 700; font-size: 54px; line-height: 148%; color: #fcfdff; text-align:left;}
.tac-right {display: flex ; justify-content: center; width:66.66%;}
.tac-right img {max-width:600px; width:100%;animation: floating 13s ease-in-out infinite;}
@keyframes floating { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-10px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-5px) rotate(-2deg); } }
.sposors-row {max-width:100vw; overflow:hidden; margin:150px 0 100px 0;}
.sposors-row img {margin:0 40px; display:block;}
/* Scroll animation for partners */
.scroll-list { display:flex; gap:48px; will-change:transform; }
@keyframes scroll-partners {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.faq {}
.faq-list {display:flex; flex-flow:column; margin:50px 0;}
.faq-item {padding:25px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.faq-question {display:flex; align-items:center; justify-content:space-between; cursor:pointer;}
/* .faq-question h3 {font-weight:400; color:#fff; font-size:20px;} */
.faq-question:hover svg,
.faq-question:hover h3 {color:#FFC300;}
/* .faq-question svg {height:24px; min-width:24px; transition: all 300ms ease-in-out 0s; } */
/* Partners/Sponsors scroll animation */
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.animate-scroll {
animation: scroll 30s linear infinite;
}
.faq-item.visible svg {transform: rotate(45deg);}
.faq-unswer {max-height: 0; overflow: hidden; transition: all .3s ease-in-out; padding-top:0;}
.faq-item.visible .faq-unswer {max-height:1000px; padding-top:20px;}
.faq-unswer p { line-height:1.3; font-weight:400;color: #a0a0a0;}
.start-section {margin:100px 0;}
.start-section .container-fixed {display:flex; flex-flow:column; gap:40px; align-items: center;}
.start-section .container-fixed h2 {color:#fff; text-align:center; font-size:42px; font-weight:bold;}
.start-section .container-fixed a {display:inline-flex; color:#000; background:#f0b100; padding:0 30px; font-weight:600; font-size:15px; border-radius:10px; line-height:50px; align-items:center; gap:10px;}
.start-section .container-fixed a svg {}
.start-section .container-fixed a:hover {opacity:.8;}
.footer-table {margin-top:80px;}
.footer-inner {display:flex; flex-flow:column; max-width:1280px; margin-left:auto; margin-right:auto;}
.footer-top {display:flex; flex-direction: row;}
.ft-left-column {width:25%;}
.logotype a,
.ft-left-column a {display:inline-flex; align-items:center; color:#fff; font-weight:bold; font-size:25px; gap:10px;}
.logotype a i,
.ft-left-column a i {min-width:35px; height:35px; background:url('../images/logo.svg') center/contain no-repeat;}
.footer-bottom {display:flex; align-items:center; justify-content:space-between; padding:30px 0; border-top:1px solid #222; margin-top:25px;}
.footer-similar-nav {display:flex; gap:20px;}
.footer-copyright,
.footer-similar-nav a {font-size: .875rem; transition: color .2s; color:#666; font-weight:400;}
.footer-similar-nav a:hover {color:#fff;}
.ft-center-column{display: grid ; grid-template-columns: repeat(3, 1fr); gap: 2rem; width:50%;}
.ft-center-column div {}
.ft-center-column div h3 {color: white; font-weight:600; margin-bottom: 1.5rem; font-size: .875rem; text-transform: uppercase; letter-spacing: .05em;}
.ft-center-column div ul {display: flex ; flex-direction: column; gap: 1rem;}
.ft-center-column div ul li {}
.ft-center-column div ul li a {color:#666; font-weight:400; font-size:14px;}
.ft-center-column div ul li a:hover {color:#fff;}
.ft-right-column {display:flex; width: 25%; justify-content: flex-end;}
.footer-social {display: flex ; gap: 1rem;}
.footer-social a {width: 2.5rem; height: 2.5rem; display: flex ; align-items: center; justify-content: center; color: white; transition: color .2s;}
.footer-social a svg {vertical-align: middle; display: block;}
.footer-social a:hover svg {opacity:.7;}
.logotype a i {width:30px; min-width:30px;}
.logotype a {font-size:20px;}
.auth-page {}
.auth-article {min-height:calc(100vh - 364px); overflow:hidden; background: #111929;
background: linear-gradient(152deg,rgba(17, 25, 41, 1) 57%, rgba(11, 12, 13, 1) 100%);}
.auth-container {max-width:1500px; margin-left:auto; margin-right:auto; display:flex; align-items:center; padding-top:100px; justify-content: center;}
.ac-left {max-width:50%; width:50%;}
.acl-info {display:flex; flex-flow:column;}
.acl-toprow {display:flex; align-items:center; text-transform:uppercase; color:#fdc700; font-size:13px; margin-bottom:35px; gap:10px;}
.acl-toprow:before {content:''; display:inline-flex; height:3px; min-width:48px; background:#fdc700;}
.acl-info h1 {font-weight:800; font-size:42px; color:#fff; line-height:1.3;}
.acl-info h1 strong {color:#fdc700;}
.acl-info h2 {line-height:1.4; font-size:20px; margin:30px 0; color:#fff;}
.acl-info p {line-height:1.4; font-size:15px; color:#99a1af; font-weight:400;}
.acl-info ul {display:flex; flex-flow:column; gap:15px; margin:35px 0;}
.acl-info ul li {position:relative; color:#d1d5dc; line-height:1.3; font-weight:400; padding-left:35px;}
.acl-info ul li:before {content:''; width:20px; height:20px; background:#f0b1002e url('../images/checkmark.svg') center/15px no-repeat; border-radius:30px; position:absolute; left:0; top:0;}
.ac-rigth {max-width:50%; padding-bottom:40px;}
.auth-main-block {background:#181f2c; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.45); -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.45); border-radius:20px; border:1px solid #1e2939;}
.am-inner {padding:25px;}
.am-header {display:flex; flex-flow:column; gap:20px; text-align:center; margin-bottom:25px;}
.am-header h2 {font-weight:600; color:#fff; font-size:32px;}
.am-header p {color:#99a1af; font-size:15px; font-weight:400; line-height:1.3;}
.am-body {display:flex; flex-flow:column; gap:15px;}
.am-body-row {position:relative;}
.am-body-row svg {position:absolute; left:18px; top:50%; color:#6a7282; width:20px; height:20px; margin-top:-10px;}
.am-body-row input {background:#1c2635; border:1px solid #364153; padding:0 25px 0 50px; font-weight:500; color:#fff; font-size:15px; line-height:55px; border-radius:15px; transition: all 300ms ease-in-out 0s;min-width: 350px; box-sizing: border-box;}
.am-body-row input::placeholder {color:#8d939a;}
.am-body-row input:focus {outline:none; border:1px solid #f0b100;}
.view-this{cursor:pointer; top:50%; width:20px; height:20px; margin-top:-10px; background:url('../images/eye.svg') center/20px no-repeat; right:18px; display:inline-flex; position:absolute; opacity:.5;}
.view-this.checked {background:url('../images/eye-off.svg') center/20px no-repeat; }
.view-this:hover {opacity:1;}
.am-forgot-row { text-align:right;}
.am-forgot-row a {font-size:14px; color:#99a1af; font-weight:400;}
.am-forgot-row a:hover {color:#d1d5dc;}
.am-action {margin:5px 0 10px 0;}
.am-action .action {line-height:50px; color:#000; background:#f0b100; border-radius:15px; padding:0; border:0; cursor:pointer; font-weight:600; font-size:14px; width:100%;}
.am-action .action:disabled {opacity: 0.5; cursor: not-allowed; background-color: #ccc; color:#000;}
.am-action .action:focus {outline:none;}
.am-action .action:hover {opacity:.8;}
.other-method {display:flex; flex-flow:column;}
.om-row {position:relative; justify-content: center; display:flex;}
.om-row:before {content:''; display:inline-block; position:absolute; left:0; top:50%; width:100%; border-top:1px solid #364153;}
.om-row span {font-weight:400; color:#ededed; padding:0 8px; background:#181f2c; position:relative; z-index:5; font-size:14px;}
.om-social {display:flex; justify-content:space-between; margin:20px 0 15px 0;}
.om-social button {display:flex; align-items:center; cursor:pointer; border:1px solid #364153; border-radius:12px; background:#1e2939; color:#fff; font-weight:500; font-size:15px; gap:10px; line-height:50px; width:48%; justify-content: center;}
.om-social button img {min-width:22px;}
.om-social button:focus {outline:none;}
.om-social button:hover {background:#364153;}
.om-bottom {padding-top:15px;}
.om-bottom p {text-align:center; line-height:1.3; font-size:15px; color:#99a1af; font-weight:500;}
.om-bottom p a {color:#FFC300; opacity:1;}
.om-bottom p a:hover {opacity:.7;}
.agree__cell {display:flex; align-items: flex-start; gap:10px; margin:10px 0; background:#161f2e; padding:15px;border-radius:15px; border:1px solid #263141;}
.agree__cell label {color:#d1d5dc; font-size:12px; line-height:1.4; font-weight:400;}
.agree__cell label a {color:#FFC300;}
.agree__cell label a:hover {color:#fff;}
.form-checkbox {width:16px; height:16px; border:2px solid rgba(255,255,255,.15); background:#fff; border-radius:4px; cursor:pointer; min-width:16px;}
.form-checkbox:focus {outline:none;}
.form-checkbox:checked {background:#f0b100 url('../images/checkmarkVer2.svg') center/contain no-repeat;}
.swap-section {padding:100px 20px 50px 20px;}
.swap-table {display:flex; flex-flow:column; align-items: center;}
.swap-table h1 {color: #fff; font-size: 38px; font-weight: 700; margin-bottom: 30px;}
.swap-body {background:#0D0D0D; border-radius:8px; padding:40px; width:1080px;}
.swap-form {display:flex; align-items: flex-start;}
.swap-cell,
.swap-column {display:flex; flex-flow:column;}
.swap-column {flex:1;}
.swap-cell {gap:6px;}
.swap-c-label {font-weight:400; font-size:15px; margin-bottom:10px;}
.swap-c-label strong {font-weight:600;}
.swap-item {display:flex; align-items:center; border:1px solid #FFFFFF33; border-radius:8px; padding:8px; margin-bottom:15px;}
.swap-item-coin {position:relative; cursor:pointer; display:flex; gap:10px;}
.swap-select-coin {display:flex; align-items:center;align-items:center; gap:5px; position:relative; }
.swap-select-coin:after {content:''; display:inline-flex; width:14px; height:14px; min-width:14px; background:url('../images/arrowDown.svg') center/12px no-repeat;}
.swap-droplist li button img,
.swap-select-coin img {min-width:20px; height:20px; width:20px;}
.swap-select-coin img {border-radius:50%;}
.swap-droplist li button span,
.swap-item-coin span {color:#51535C; font-weight:300; font-size:15px; display:flex; align-items:center; gap:4px; font-weight: 400;}
.swap-droplist li button span em,
.swap-item-coin span em {color:#3A3B3C; font-weight:500;}
.swap-droplist{border:1px solid #FFFFFF33; position:absolute; left:-8px; top:100%; z-index:20; background:#0d0d0d; margin-top:10px; border-radius:0 0 10px 10px; max-height:280px; overflow:auto; display:none;}
.swap-droplist::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #0e0f14;}
.swap-droplist::-webkit-scrollbar{width:5px; background-color: #0e0f14;}
.swap-droplist::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #FFC300;}
.swap-droplist li {}
.swap-droplist li button {display:flex; align-items:center; gap:5px; border:0; padding:8px; cursor:pointer; background:none;}
.swap-droplist li button img {border-radius:50%;}
.swap-droplist li.select button span,
.swap-droplist li button:hover span {color:#fff;}
.swap-droplist li button:focus {outline:none;}
.swap-coin-value {border:0; color:#fff; font-weight:bold; font-size:15px; flex:1; width:100%; background:none; line-height:35px;}
.swap-coin-value::-webkit-outer-spin-button,
.swap-coin-value::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.swap-coin-value[type=number] { -moz-appearance:textfield;}
.swap-coin-value:focus {outline:none; width:100%; color:#fff;}
.swap-details {display:flex; flex-flow:column; gap:10px;}
.sd-top {display:flex; align-items:center; justify-content:space-between; gap:10px;}
.sd-top span {color:#fff; font-size:12px; font-weight:300;}
.sd-bottom {display:flex; justify-content:space-between; align-items:center; gap:15px;}
.swap-current {white-space:nowrap;}
.swap-current span {}
.swap-rate {font-size:15px; font-weight:600;}
.swap-rate.up {color:#10b981;}
.swap-rate.down {color:#E55757;}
.swap-column.center {margin:0 30px; flex:none;}
.btn-swap {width:64px; height:64px; min-width:64px; border-radius:100px; display:inline-flex; background:#FFC300; padding:0; border:0; cursor:pointer;align-items: center; justify-content: center;}
.btn-swap svg {}
.swap-exchange:focus,
.btn-swap:focus {outline:none;}
.swap-action {display:flex; justify-content: center; margin-top:30px;}
.swap-exchange {background-color: #FFC300; color: #000; border: none; border-radius: .5rem; padding: .75rem 1.5rem; font-size: .9rem; font-weight: 500; cursor: pointer; transition: background-color .3s, transform .2s;}
.swap-exchange:hover {background:#F9BE23;}
.referral-section {padding-top:100px;}
.referral-mainscreen {max-width:1200px; margin-left:auto; margin-right:auto; display:flex; padding-bottom:50px;}
.rm-left {display:flex; flex-flow:column; flex:1; padding-top:50px;}
.rm-left h1 {line-height:1.4; font-size:35px; color:#F2F3FA; margin-bottom:20px;}
.rm-left p {color:#ABAFB5; line-height:1.3; font-size:20px; font-weight:200;}
.inviteNow {color:#050505; line-height:48px; font-size:16px; font-weight:500; border-radius:5px; background:#FFC300; border:0; cursor:pointer; min-width:280px;}
.rm-action {margin-top:35px;}
.inviteNow:focus {outline:none;}
.rm-right {}
.rm-right img {vertical-align:bottom;}
.referral-article {max-width:1200px; margin-left:auto; margin-right:auto; }
.referralHowGet {display:flex; flex-flow:column; padding-top:70px;}
.referralHowGet h2 {font-size:32px; color:#fff; font-weight:400; }
.exCaffiliate {border-radius:10px; background:#000000; display:flex; align-items:center; padding:25px 120px 25px 50px; justify-content:space-between;}
.exC-left {display:flex; align-items:center; gap:50px;}
.exC-left img {min-width:125px;}
.exCl-details {display:flex; flex-flow:column; gap:8px;}
.exCl-details h3 {color:#FFC300; font-weight:500; font-size:30px;}
.exCl-details p {line-height:1.3; font-size:15px; color:#F2F3FA; font-weight:300;}
.exC-right {}
.exC-right a {color:#050505; padding:0 40px; font-weight:400; font-size:16px; display:inline-flex; background:#FFC300; line-height:48px; border-radius:8px;}
.exC-right a:hover {background:#e1b835;}
.referralRules {padding:50px 0;display:flex; flex-flow:column; gap:20px;}
.referralRules h3 {color:#fff; font-size:32px; font-weight:500;}
.referralRules p {font-size:16px; font-weight:400; color:#81858C; line-height:1.4;}
.refGetlist {margin:100px 0; display:flex;}
.refGetlist li {width:33.33%; position:relative;}
.refGetlist li:after {content:''; display:inline-block; position:absolute; right:-30px; top:50%; height:2px; background:#E3E4E5; width:60px;}
.refGetlist li:last-child:after {display:none;}
.rGitem {display:flex; flex-flow:column; gap:60px; align-items: center;}
.rGi-pic {}
.rGi-pic img {vertical-align:bottom; max-width:100px;}
.rGi-details {}
.rGi-details p{color:#fff; font-weight:500; text-align:center; line-height:1.4;}
body.black {background:#000;}
.affiliate-section {padding-top:100px; }
.affiliate-mainscreen {display:flex; justify-content:space-between; max-width:1200px; margin-left:auto; margin-right:auto;margin-bottom:50px;}
.amLeft {display:flex; flex-flow:column; flex:1;}
.amLeft h1 {font-size:48px; color:#FCFDFF; line-height:1.3; font-weight:300;}
.amLeft h1 strong {font-weight:600;}
.amLeft p {font-size:20px; font-weight:300; line-height:1.3; color:#EBECF599; margin-top:15px;}
.amBottom {margin-top:35px;}
.amBottom a {line-height:48px; padding:0 65px; color:#fff; background:#1A1A1A; border-radius:8px; font-weight:300; display:inline-flex;}
.amBottom a:hover {color:#000; background:#FFC300;}
.amRight {}
.amRight img {vertical-align:bottom;}
.affiliate-article {max-width:1200px; margin-left:auto; margin-right:auto;}
.howAffiliate-table {display:flex; flex-flow:column; gap:32px;}
.hAt-header {display:flex; flex-flow:column; gap:10px;}
.afB-article h3,
.afiHeader h3,
.hAt-header h3 {color:#fff; font-size:32px; font-weight:500;}
.afB-article p,
.afiHeader p,
.hAt-header p {font-weight:300; font-size:18px; color:#81858C;}
.hAffiliate-list {display:flex; padding:50px 40px; border-radius:16px; background:#000; box-shadow: 0px 0px 24px 0px #3F3F3F99;}
.hAffiliate-list li {width:33.33%;}
.hAff-item {display:flex; flex-flow:column; align-items: center; text-align:center; gap:25px;}
.hAff-pic {}
.hAff-pic img {vertical-align:bottom;}
.hAff-details {display:flex; flex-flow:column; gap:12px;}
.hAff-details h4 {font-size:20px;}
.hAff-details p {font-size:14px; font-weight:300; color:#91959E; line-height:1.3;}
.affiliate-benefits {border-radius:16px; background:#000; box-shadow: 0px 0px 24px 0px #3F3F3F99; display:flex; padding:40px; margin:100px 0 40px 0;}
.ab-left {display:flex; flex-flow:column; width:50%;}
.ab-left h2 {font-size:32px; color:#fff; font-weight:500; line-height:1.3; margin-bottom:20px;}
.ab-left p {font-size:15px; color:#fff; line-height:1.4; font-weight:200;}
.ab-pic {width:260px; height:210px; margin-top:30px; background:url('../images/exaff-black.png') center/contain no-repeat;}
.ab-right {width:50%;}
.ab-right ul {display:flex; flex-flow:column; gap:55px;}
.ab-right ul li {position:relative; padding-left:40px;}
.ab-right ul li:before {content:''; display:inline-block; width:10px; height:10px; border:2px solid #FFC300; border-radius:10px; position:absolute; left:5px; top:8px;}
.ab-right ul li h4 {font-size:20px; font-weight:500; color:#fff; line-height:1.4; margin-bottom:10px;}
.ab-right ul li p {font-weight:300; font-size:14px; line-height:1.4;}
.afionvation {margin:80px 0 40px 0;}
.afiHeader {display:flex; gap:10px; flex-flow:column;}
.afiProgress {display:flex; flex-flow:column;}
.afi-you {display:flex; flex-flow:column; font-size:20px; color:#fff; font-weight:300; gap:5px; width:110px; height:110px; border-radius:220px; background:#000; box-shadow: 0px 0px 24px 0px #5C5C5F99;justify-content: center; align-items: center; margin:50px auto 60px;}
.afi-you i {min-width:48px; height:48px; background:url('../images/ref.png') center/contain no-repeat;}
.afiGroup {display:flex; justify-content:space-between;}
.afiG-item {box-shadow: 0px 0px 24px 0px #3F3F3F99; background:#000; border-radius:4px; padding:30px; min-width:480px;}
.afiG-item:first-child {border:3px solid #fff;}
.afiG-head {display:flex; flex-flow:column; gap:10px; font-size:20px; font-weight:300; align-items: center;}
.afiG-head span {font-size:48px; font-weight:600;}
.afig-body {display:flex; flex-flow:column; gap:20px; margin-top:40px;}
.afig-body ul {display:flex; justify-content:space-between;}
.afig-body ul li {width:32px; height:32px; min-width:32px; background:url('../images/ref2.png') center/contain no-repeat;}
.afig-body p {font-weight:500; color:#fff; line-height:1.3; text-align:center;}
.afiG-item:last-child {}
.afiG-item:last-child .afiG-head {color:#FFC300;}
.afiG-item:last-child .afig-body ul { justify-content: space-evenly;}
.afiG-item:last-child .afig-body ul li {background:url('../images/ref3.png') center/contain no-repeat;}
.affilateBecome {margin:40px;}
.afB-article {padding:60px 0; max-width:1200px; margin-left:auto; margin-right:auto; flex-flow:column; display:flex; align-items: center; text-align:center; gap:20px;}
.afB-bottom {margin-top:15px;}
.afB-bottom a {background:#FFC300; display:inline-flex; padding:0 70px; align-items:center; color:#000; border-radius:8px; gap:15px; line-height:40px;}
.markets-section {padding:20px 0 0 0; max-width:1200px; margin-left:auto; margin-right:auto;}
.markets-sliders {padding-bottom:25px;}
.marketSlide {margin:0 -10px 20px -10px;}
.marketSlide li {}
.marketItem {padding:25px 15px; border:1px solid #FFC300; border-radius:6px; margin:0 10px;}
.mki-header {display:flex; flex-flow:column; gap:16px;}
.mki-header .mCell-coin {padding-left:0;}
.mki-header .mCell-coin img {min-width:24px; height:24px; width:24px;}
.mki-details {display:flex; justify-content:space-between; align-items:center; font-size:18px; font-weight:300; }
.mki-details span.up {color:#08C787;}
.mki-details span.down {color:#F2465D;}
.mki-body {}
.mki-body img {vertical-align:bottom; max-width:100%; width:100%;}
.marketSlide {}
.marketSlide .slick-dots {margin-bottom:0; bottom:-30px;}
.marketSlide .slick-dots li button {border-radius:0; height:2px; width:16px; opacity:1; background:#fff;}
.marketSlide .slick-dots li.slick-active button {background:#FFC300;}
.marketSlide .slick-prev.slick-arrow {background: url(../images/arrow-leftW.svg) center / 32px no-repeat; left:-40px;}
.marketSlide .slick-next.slick-arrow {background: url(../images/arrow-rightW.svg) center / 32px no-repeat; right:-40px;}
.mMt-header {display:flex; align-items:center; justify-content:space-between;overflow:hidden;}
.mMt-tabs{}
.mMt-tab {position:relative; background:none; line-height:40px;font-weight:500; font-size:15px; color:#fff; cursor:pointer; background:none; border:0; opacity:.6;}
.mMt-tab.select {opacity:1;}
.mMt-tab:focus {outline:none;}
.mMt-tab:after {content:''; display:none; position:absolute; left:50%; bottom:0; width:32px; border-bottom:1px solid #FFC300; margin-left:-16px; }
.mMt-tab.select:after {display:inline-block;}
.mMt-search-box {display:flex; align-items:center; gap:10px;}
.mMt-btn {width:24px; height:24px; cursor:pointer; border:0; background:none; color:#fff;padding:0;}
.mMt-search:focus,
.mMt-btn:focus {outline:none;}
.mMt-search {line-height:38px; padding:0 20px; border-radius:4px; background:#14151b; color:#fff; border:1px solid #21232d; display:none;}
.visible.mMt-search {display:block;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.mMt-search:focus {border:1px solid #FFC300;}
.mMt-body {padding-top:30px;}
.nMttab-item {display:none;}
.nMttab-item.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;}
.subTabs-list {display:flex; flex-wrap:nowrap; overflow:auto; gap:10px; margin-bottom:30px;}
.subTabs-list li {}
.subTabs-list li button {padding:6px 10px; border-radius:4px; font-weight:300; border:0; cursor:pointer; background:#2e303d; color:#fff; white-space:nowrap;}
.subTabs-list li.select button {background:#FFC300; color:#000;}
.subTabs-list li button:focus {outline:none;}
.subTab-container {display:none;}
.subTab-container.visible {display:block;}
.marketsContainer {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.marketsContainer table {width:100%; font-weight:400;}
.marketsContainer thead {}
.marketsContainer thead th {text-align:left; padding:10px 0;}
.marketsContainer thead th span {display:flex; align-items:center; gap:5px; font-size:13px; font-weight:300; color:rgba(255,255,255,.6); cursor:pointer;}
.marketsContainer thead th span:after {content:''; display:inline-flex; width:15px; height:10px; min-width:15px; background:url('../images/sort-icon.svg') center/contain no-repeat;}
.marketsContainer tbody {}
.marketsContainer tbody tr {border-bottom:1px solid rgba(255,255,255,.1);}
.marketsContainer tbody tr td:last-child {padding-right:10px;}
.marketsContainer tbody tr:hover{background:rgba(255,255,255,.03);}
.marketsContainer tbody tr td {color:#fff; font-weight:300; font-size:14px; padding:20px 0;}
.marketsContainer tbody tr td span.up {color:#08C787;}
.marketsContainer tbody tr td span.down {color:#F2465D;}
.mCell-coin {display:flex; align-items:center; gap:5px; font-weight:300; padding-left:10px;}
.mCell-coin img {min-width:20px; border-radius:50%; width:20px;}
.mCell-coin .perp {border-radius:4px; background:#FFC30024; font-size:12px; color:#FFC300; line-height:20px; padding:0 5px; margin-left:5px;}
.marketsC-empty {height:180px; background:url('../images/find-doc.png') center/50px no-repeat;}
.subTab-container.active {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.markets-pagination {display:flex;display: flex ; align-items: center; justify-content: center; gap:10px; margin-top:25px;}
.markets-pagination li {}
.markets-pagination li a {padding: 6px 10px; border-radius: 4px; font-weight: 300;font-size:14px; border: 0; cursor: pointer; background: #2e303d; color: #fff; white-space: nowrap; min-width:40px;display: flex ; align-items: center; justify-content: center; height:30px;}
.markets-pagination li a:hover,
.markets-pagination li.active {background: #FFC300; color: #000;}
.markets-pagination li a svg {}
.mainData-section {padding:80px 0px 50px 0px; min-height:calc(100vh - 380px);}
/** Trade **/
.trade-table {display:flex; flex:1; flex-direction: row; gap:15px;}
.trade-main-column {display:flex; flex:1; flex-flow:column; gap:5px;}
.trade-main-table {display:flex; flex-flow:column; gap:5px;}
.tmt-top-bar {background:#14151b; flex:1; border-radius:8px; padding:15px 10px;}
.tmt-bar-inner {display:flex; align-items:center; gap:20px;}
.trading-pair-cell {position:relative;}
.tradingPair-list{display:flex; gap:20px; align-items:center;}
.tradingPair-list li {}
.tradingPair-list li .tP-cel .tP-num {font-size:18px; font-weight:500; letter-spacing:-.2px;}
.tP-cel {display:flex; gap:5px; flex-flow:column;}
.tP-num {}
.tP-price {font-size:13px; color:#fff;}
.tP-label {font-size:12px; font-weight:400; color:#EBECF566;}
.tP-data {color:#fff; font-size:12px;}
.trading-pair-select {display:flex; gap:10px;}
.trading-pair-cell.visible .tradingPair:after {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.tradingPair {display:flex; align-items:center; gap:5px; padding:5px 20px 5px 10px; font-size:15px; cursor:pointer; border-right:1px solid #2D2D2E; font-weight:300;}
.tradingPair img {height:24px; min-width:24px;}
.tradingPair span {font-size:20px;font-weight:500; letter-spacing: -.2px;}
.tradingPair span strong {color:#fff;}
.tradingPair:after {content:''; display:inline-block; width:20px; height:20px; min-width:20px; background:url('../images/arow-down.svg') center/12px no-repeat; transition: all 300ms ease-in-out 0s;}
.tranding-drop-table {position:absolute; left:-10px; top:100%; z-index:12; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.tranding-drop-table .main-article .view-area {max-height:400px; overflow:auto; }
.tdt-table {padding:10px; border-radius:10px; border:1px solid #202127; background:#14151b; display:none;}
.tdt-table .main-article {padding:0; min-width:740px; margin-top:0;}
.tdt-table .crypto-info,
.tdt-table .table-head-cell {font-size:12px;}
.tdt-table .mt__crypto img {min-width:16px; width:16px; height:16px;}
.tdt-table .mt__cell {padding:8px; font-size:12px; color:#969FAF;}
.tP-data.up,
.tP-num.up,
.tdt-table .mt__cell.align-right.up {color:#00c278;}
.tP-data.down,
.tP-num.dowm,
.tdt-table .mt__cell.align-right.down {color:#fd4b4e;}
.tabs__container {width:100%;}
.tdt-table .tab-article {display:none; width:100%;}
.tdt-table .tab-article.visible {display:block;}
.tdt-table .tab-article[data-type="tab02"] {}
.tdt-table .tab-article[data-type="tab02"] .view-area table thead tr th:first-child,
.tdt-table .tab-article[data-type="tab02"] .view-area table tbody tr th:first-child {min-width:180px; width:180px;}
.tdt-table .tab-article[data-type="tab02"] .view-area table tbody tr th .crypto-info {white-space:nowrap;}
.tdt-table .tab-article[data-type="tab02"] .view-area table {width:auto;}
.tdt-table .tab-article[data-type="tab02"] .view-area table thead tr th.wd17p,
.tdt-table .tab-article[data-type="tab02"] .view-area table tbody tr th.wd17p {width:140px;}
.tdt-table .tab-article[data-type="tab02"] .view-area table tbody tr th.wd17p:last-child {width:auto;}
.tdt-table .mtc-labels {display:flex; align-items:center; gap:4px;}
.tdt-table .mtc-labels span { border-radius:4px; display:inline-flex; padding:4px; font-size:11px; background: #FFC30024;
font-size: 12px;
color: #FFC300; font-weight:300; white-space:nowrap;}
.tdt-table .view-area th { vertical-align: middle;}
.tdt-table .view-area tbody tr th:nth-child(2) .mt__cell { color:#fff;}
.tdt-table .tab-article[data-type="tab01"] tr th:last-child {width:50px;}
.tdt-table .tabs__row {border-bottom:1px solid rgba(255,255,255,.04); display: inline-flex ; justify-content: flex-start; width: 100%;}
.tdt-table .tabs__row .tab-item-btn {font-size:12px; border-radius:0;}
.tdt-table .tabs__row .tab-item-btn.active {border-bottom:1px solid #FFC300; color:#fff;}
.trade-drop-search {margin-top:15px; position:relative; width:100%; margin-bottom:20px;}
.trade-drop-search:before {content:''; display:inline-block; width:24px; height:24px; position:absolute; left:10px; top:6px; background:url('../images/search.svg') center/15px no-repeat;}
.search-content { background: #202127; border-radius: 12px; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0px #00000000; color: #fff; box-sizing: border-box; width: 100%; padding-left: 35px; padding-right: 40px; border: 0; line-height: 31px; border: 2px solid #202127; min-width: 300px; width:100%; border:1px solid #202127;}
.search-content:focus {outline:none; border:1px solid #FFC300;}
.trading-pair-cell.visible .tdt-table {display:block; max-height:50vh; }
.tmt-main-area {display:flex; flex-direction: row; gap:5px; align-items: flex-start;}
.tmtm-body { flex:1; display:flex; height:100%; width:100%;}
.tmbm-bottom-row {display:flex; gap:5px;}
.trade-tab-table {border-radius:8px; padding:10px; display:flex; flex-flow:column; gap:15px; background:#14151b; flex:1; padding-top:2px;}
.trade-tab-table .assetsSidebar {}
.trade-tab-table .treds-drop-list li span {text-transform: capitalize;}
.treds-sort-list {position:relative; display:none;}
.treds-sort-list.view {display:block;}
.treds-sort-select {position:relative; line-height:30px; color:#fff; font-weight:500; padding:0 40px 0 20px; border-radius:12px; border:2px solid #202127; background:#202127; min-width:160px; cursor:pointer;}
.treds-sort-select:after {content:''; display:inline-block; position:absolute; right:10px; top:4px; width:20px; height:20px; background:url('../images/arrow-direction.svg') center/14px no-repeat; opacity:.6;}
.treds-sort-select span {font-size:14px;}
.treds-drop-list {display:none; background:#202127; top:40px; left:0; right:0; width:100%; flex-flow:column; position:absolute; max-height:200px; overflow:auto; border-radius:12px; border:1px solid #202127;}
.treds-sort-list.visible .treds-sort-select {border:2px solid #FFC300;}
.treds-sort-list.visible .treds-drop-list {display:flex;}
.treds-drop-list li {line-height:25px; padding:0 15px; color:rgba(255,255,255,.8); cursor:pointer;}
.treds-drop-list li:hover {background:rgba(255,255,255,.05);}
.treds-drop-list li span {text-transform:uppercase;font-weight:500; font-size:14px; line-height:30px;}
.treds-drop-list li.selected {background:url('../images/arrow-checked.svg') 95% 8px no-repeat; background-size:15px; color:#fff;}
.treds-sort-list.visible .treds-drop-list{display:flex;}
.trade-tab-row {display:flex; align-items:center; gap:5px;}
.trade-tab-btn {color: #969FAF; cursor: pointer; padding: 0 10px; line-height: 32px; border: 0; background: none; }
.trade-tab-btn.check {border-bottom:1px solid #FFC300; color: #fff;}
.trade-tab-btn:focus {outline:none;}
.trade-tab-body {}
.tradeTab-item {display:none;}
.tradeTab-item .balance-data {font-size:16px;}
.tmb-top-head { display:flex; align-items:center; justify-content:space-between;border-bottom:1px solid rgba(255, 255, 255, .04); position:relative; padding-right:20px;}
.tmb-top-head .doline {right:-10px;}
.tmtm-head .doline {top:10px;}
.tmb-top-head.viewdrop .treds-sort-list {display:block;}
.tradeTab-item.visible {display:block;}
.tmtb-cover {display:flex; flex-flow:column; padding:0 10px 10px 10px; width: 100%; gap:15px; background:#14151b; border-radius:8px; }
.tat__tabs,
.tmtbc-top-bar {display:flex; gap:10px; align-items:center; border-bottom:1px solid rgba(255,255,255,.04);}
.tmtbc-top-bar {justify-content: space-between;}
.tcci-header {border-bottom:1px solid rgba(255,255,255,.04);}
.tat__tab-btn,
.tc-column-btn,
.tmt-chart-bnt {color:hsl(234deg 33% 94% / 40%); cursor:pointer;line-height:32px; border:0; background:none; font-size:14px; padding-left:0; padding-right:0;}
.tc-column-btn:focus,
.tmt-chart-bnt:focus {outline:none;}
.tat__tab-btn.check,
.tc-column-btn.check,
.tmt-chart-bnt.check { color:#fff; border-bottom:1px solid #FFC300;}
.trade-action-table .tat__tab-btn {padding-left:0; padding-right:0;}
.tat__tabs:after {content:''; width:16px; height:16px; min-width:16px; cursor:pointer; margin-left:auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM13 13.3551V14H11V12.5C11 11.9477 11.4477 11.5 12 11.5C12.8284 11.5 13.5 10.8284 13.5 10C13.5 9.17157 12.8284 8.5 12 8.5C11.2723 8.5 10.6656 9.01823 10.5288 9.70577L8.56731 9.31346C8.88637 7.70919 10.302 6.5 12 6.5C13.933 6.5 15.5 8.067 15.5 10C15.5 11.5855 14.4457 12.9248 13 13.3551Z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat; opacity:5;}
.tmtbc-insert {height:100%;}
.tmtm-column { display:flex; gap:10px;}
.assetsSidebar,
.trade-sidebar,
.tmtm-column {max-width:220px;}
.trades-body {display:flex; flex-flow:column; height:100%;}
.trades-header {display:flex; justify-content:space-between; align-items:center; padding:0 10px 10px 10px; font-size:12px;}
.trades-header span {width:50%;}
.trades-list {display:flex; height:100%; flex-flow:column; min-width: 300px; max-height:596px; overflow:auto;}
.trades-list li {display:flex; align-items:center; font-size:12px; padding:8px 10px;justify-content: space-between;}
.trades-list li:hover {background:rgba(255,255,255,.07);}
.trade-iprice {}
.trade-idetails {display:flex; align-items:center; justify-content:space-between; width:50%;}
.trade-idetails .trade-amount {color:#fff; min-width:55px; text-align:right;}
.trade-idetails .trade-time {}
.trade-columns {height:100%; background:#14151b; border-radius:8px;}
.tc-column-item {display:flex; flex-flow:column; gap:15px; height:100%; position:relative;}
.trade-tab-table,
.assetsSidebar,
.tmtb-cover,
.tat-inner {position:relative;}
.trade-tab-table:after,
.assetsSidebar:after,
.tmtb-cover:after,
.tat-inner:after,
.tmtm-column:after {content: ""; position: absolute; right: 3px; bottom: 3px; width: 7px; height: 7px; border-right:2px solid #ebecf566; border-bottom:2px solid #ebecf566;}
.tati-header {position:absolute; left:0; top:0px; right:0; padding: 10px 10px 10px 10px; border-bottom: 1px solid rgba(255, 255, 255, .04); display:flex; align-items:center; justify-content:space-between;}
.tati-label {font-size:14px;}
.doline {align-items: center; cursor: grab; display: flex; height: 16px; position: absolute; right: 0; top: 6px; width: 16px; z-index: 1; opacity:.5;}
.doline:hover {opacity:1;}
.doline i:after,
.doline i:before {content:'';}
.doline i:after,
.doline i:before,
.doline i {border-radius: 4px; display: block; height: 2px; position: absolute; right: 0; width: 6px; background:#fff;}
.doline i:before {transform:translateY(-6px)}
.doline i:after {transform:translateY(6px)}
.tmtbct-right {padding-right:25px;}
.tmtbct-right .doline {top:9px;}
.tmtbt-alerts {font-size:14px; font-weight:400; color:hsl(234deg 33% 94% / 40%); display:flex; align-items:center; gap:5px;}
.tmtbt-alerts:hover {color:#FFC300; cursor:pointer;}
.tmtbt-alerts svg {display:inline-flex; widht:18px; height:18px; min-width:18px;}
.tcci-header {padding:10px 10px 0 10px; display:flex; align-items:center;}
.tcci-nav-bar {display:flex; align-items:center; justify-content:space-between;}
.book-tabs {display:flex; align-items:center; gap:5px; padding:0 10px;}
.book-amount button,
.book-tabs button {width:24px; height:24px; border-radius:5px; cursor:pointer; border:0;display: inline-flex ; align-items: center; justify-content: center; padding:0; margin:0; background:none;}
.book-amount button svg,
.book-tabs button svg {min-width:16px; height:16px;}
.book-amount button,
.book-tabs button.check {background:none;}
.book-amount button:focus,
.book-tabs button:focus {outline:none;}
.book-amount {display:flex; align-items:center; gap:5px; padding-right:10px;}
.book-amount button svg {color:rgba(255,255,255,.6);}
.book-amount button:hover svg {color:rgba(255,255,255,1);}
.ba-amount {font-size:13px; color:#fff; width: 4ch;display: flex ; align-items: center; justify-content: center;}
.tcci-body {min-width:100%; height:100%; max-height:520px; overflow:auto;}
.trades-list::-webkit-scrollbar,
.tcci-body::-webkit-scrollbar {display: none;}
.book-tab01,
.book-tab02,
.book-tab01.visible,
.book-tab02.visible,
.book-tab03.visible {display:block;}
.book-list {display:flex; flex-flow:column; gap:10px;}
.bl-item-row {display:flex; flex-flow:column; gap:10px;}
.bli-listing {display:flex; flex-flow:column; position:relative; contain: layout;}
.bli-listing::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: 0; transition: all 0.3s ease; }
.blii-item {}
.blii-item:hover ~ .blii-item,
.blii-item:hover {border-top:1px dashed rgba(255,255,255,.1); background:rgba(255,255,255,.04);}.blii-item:hover::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; animation: fillUp 0.3s forwards; }
.blii-item:hover ~ .blii-item {border:0;}
.bli-listing::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background:green;
z-index: 0;
transition: all 0.3s ease;
border-radius: 4px;
}
.bli-listing.highlight-active::before {
top: var(--highlight-top);
height: var(--highlight-height);
}
@keyframes fillUp { from { height: 0; opacity: 0; } to { height: 100%; opacity: 1; }}
.bli-highlight {position:absolute; }
.blii-item:hover ~ .blii-item::after { display: none;}
.blii-item {position:relative; padding:4px 0 0 0; }
.blit-progrees {position:absolute; left:0; top:0; bottom:0; right:0;}
.blitp-layin,
.blitp-layout { position: absolute; top: 0px; bottom: 0px; right: 0px; height:100%; transition: width 0.4s ease-in-out;}
.blitp-layout.down {background:rgba(253, 75, 78, 0.16);}
.blitp-layout.up {background: rgba(0, 194, 120, 0.16); }
.blitp-layin.up {background:rgba(0, 194, 120, 0.32); }
.blitp-layin.down {background:rgba(253, 75, 78, 0.32);}
.blit-body {position:relative; z-index:5; padding:0px 10px; display:flex; justify-content:space-between; font-size:12px;}
.blit-price {}
.tcci-bottom {padding:0 10px 10px 10px;}
.ba-plus.disable {cursor:no-drop; opacity:.3;}
.tcc-results{display:flex; flex-flow:column; gap:10px;}
.tcc-trade-price {font-weight:500; font-size:16px; padding:0 10px;}
.tcc-trade-nm {font-size:12px; color:rgba(192,195,204); margin-left:10px; margin-right:auto;}
.book-tab02 .tcc-trade-price {margin-bottom:10px;}
.blit-data {display:flex; justify-content:space-between; gap:25px; color:rgba(255,255,255,.8);}
.bli-size {}
.bli-total {text-align:right; min-width: 85px; text-align: right; justify-content: flex-end;}
.trade-iprice.up,
.blit-price.up,
.tcc-trade-price.up {color:#00c278;}
.trade-iprice.down,
.blit-price.down,
.tcc-trade-price.down {color:#fd4b4e;}
.trade-progress-bar { padding:8px 0 0 0; position:relative; overflow:hidden;}
.book-tab03 .bl-item-row {}
.book-tab03 .tcc-trade-price {}
.bl-styky {display:flex; align-items:center;background:#14151b; padding:8px; position:sticky; top:0; z-index:6; justify-content:space-between;}
.bl-styky button {color:#FFC300; font-size:12px; padding:0; border:0; cursor:pointer; background:none;}
.bl-styky button:hover {padding:.8;}
.bl-styky button:focus {outline:none;}
.tpb-info {display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; font-size:13px;}
.tpb-up {color:#00c278e6;}
.tpb-down {color:#fd4b4ee6;}
.progress-line {position:absolute; left:-5px; top:0; right:-5px; bottom:0; width:calc(100% + 10px); font-size:12px;}
.progress-line div {height:4px; position:absolute; top:0; bottom:0; transition: all 300ms ease-in-out 0s;}
.progress-line div.pl-up-line {background:#00c27838; left:0; border-right:4px solid #14151b;}
.progress-line div.pl-down-line {background:#fd4b4e21; right:0;}
.selected-currency-pair {display:flex; align-items:center; justify-content:space-between; padding:0 10px;}
.scp-name-column {color:#fff; font-size:12px;}
.scp-right {display:flex; align-items:center; gap:25px; }
.scp-right .scp-btn {display:flex; color:#969FAF; cursor:pointer; border:0; padding:0; background:none; font-size:12px;}
.scp-right .scp-btn.total {width:85px; text-align:right; justify-content: flex-end;}
.trade-sidebar {display:flex; flex-flow:column; align-items: flex-start;}
.trade-action-table {background:#14151b; border-radius:8px; height:100%; overflow:auto;max-height:682px;}
.tat-inner {padding:47px 15px 15px 15px; height:100%;}
.tat-action-row {display:flex;align-items:center; overflow:hidden; border-radius:4px; background:#1a1a1a;}
.tat-action-row button {line-height:28px; font-size:13px; color:#969faf; display:inline-flex; width:50%; border:0; background:none; cursor:pointer; justify-content: center; transition: all 300ms ease-in-out 0s; border-radius:4px;}
.tat-action-row button:focus {outline:none;}
.tat-action-row button.check {border-radius:4px;}
.tat-action-row button.trade-buy {}
.tat-action-row button.trade-buy:hover {color:#00c278;}
.tat-action-row button.trade-buy.check {background:#04b97d; color:#fff;}
.tat-action-row button.trade-sell {}
.tat-action-row button.trade-sell:hover {color:#fd4b4e;}
.tat-action-row button.trade-sell.check {background:#f13c54; color:#fff;}
.tat-tab-table {display:flex; flex-flow:column;}
.tat__tabs {display:flex; align-items:center; margin:15px 0;}
.tat__tabs button {}
.tat__tabs button:focus {outline:none;}
.tat-tabs-body {}
.tat-tab-article {display:none;}
.tat-tab-article.visible {display:block;}
.tat-action-table {display:flex; flex-flow:column; gap:15px;}
.tat-action-balance {display:flex; align-items:center;gap:4px; font-size:12px; color:#ebecf599;}
.tat-action-balance span {color:#fff;display: flex ; align-items: center; gap:5px;}
.tat-action-balance span:after {content:''; display:inline-flex; width:18px; height:18px; min-width:18px; background:url("data:image/svg+xml,%3Csvg fill='%23fff' width='16px' height='16px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.71,9.29l-4-4a1,1,0,0,0-1.42,1.42L18.59,9H7a1,1,0,0,0,0,2H21a1,1,0,0,0,.92-.62A1,1,0,0,0,21.71,9.29ZM17,13H3a1,1,0,0,0-.92.62,1,1,0,0,0,.21,1.09l4,4a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L5.41,15H17a1,1,0,0,0,0-2Z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;}
.tat-action-cell {display:flex; flex-flow:column; gap:10px;}
.tat-a-top-row {display:flex; align-items:center; justify-content:space-between;}
.tat-a-label {font-size:12px; display:flex; align-items:center; gap:5px; display:flex; justify-content:space-between;}
.tat-a-label {font-size:12px; width:100%}
.tat-a-label span { display:flex; align-items:center; gap:5px; display:flex; justify-content:space-between;}
.tat-a-label svg {width:16px;}
.tat-change {display:flex; gap:8px;}
.tat-change button {padding:0; cursor:pointer; border:0; padding:0; color:#FFC300; font-weight:500; font-size:12px; background:none;}
.tat-change button:focus {outline:none;}
.tat-change button:hover {opacity:.8;}
.tat-area-item {position:relative;}
.tat-area-item input[type="number"] {width:100%; line-height:36px; padding:0 50px 0 20px; background:#14151b; border:1px solid #202127; font-size:20px; font-weight:600; transition: all 300ms ease-in-out 0s; color:#fff; border-radius:8px; box-sizing: border-box; min-width:auto; max-width:300px; font-weight:300;}
.tat-area-item input[type="number"]:focus {outline:none; border:1px solid #FFC300;}
.tat-area-item input[type="number"]::-webkit-outer-spin-button,
.tat-area-item input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.tat-area-item input[type="number"][type=number] {-moz-appearance:textfield;}
.tat-item-coin {position:absolute; top:7px; right:10px;}
.tat-item-coin img {width:24px; height:24px;}
.tat-item-text {color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; position: absolute; right: 13px; top: 12px;}
.tat-bottom-action {display:flex; flex-flow:column;}
.tatb-action {margin-top:15px;}
#tatb-button {line-height:48px; display:flex; width:100%; border-radius:10px; padding:0; background:#00c278; color:#0e0f14; cursor:pointer; border:0; font-weight:600; font-size:16px; justify-content: center;}
#tatb-button.sell {color:#600000; background:#893034;}
#tatb-button:focus {outline:none;}
.tat-change-row {display:flex; flex-flow:column; gap:10px;}
.tatb-action {gap:10px; flex-flow:column; display:flex;}
.tatb-demo a,
.tatb-action a {color:#181b2d; font-size:14px; line-height:40px; border-radius:10px; background:#FFC300; font-weight:500; display:flex; justify-content: center; border:1px solid #FFC300; }
.tatb-demo {margin-top:10px;}
.tatb-demo a {background:none; color:#FFC300; border:1px solid transparent;}
.tatb-demo a:hover,
.tatb-action a:nth-child(2):hover,
.tatb-action a:hover {background:#FFC300; color:#000; border:1px solid #FFC300;}
.tatb-action a:nth-child(2) {background:#14151b; color:#fff;}
.tatb-max-row {display:flex; align-items:center; justify-content:space-between; margin-top:25px; padding-bottom:10px;}
.tatb-max-row span {font-size:12px; color:hsl(234deg 33% 94% / 60%);}
.tatb-max-row strong {color:hsl(220deg 100% 99%); font-size:12px;}
.tatb-max-row strong em {margin-right:4px;}
.tat-change-line {
position: relative;
margin: 15px 10px 10px 10px;
}
.no-auth {padding:25px; text-align:center; font-weight:300;}
.no-auth p a:hover {color:#FFC300;}
.tatc-line {
height: 2px;
width: 100%;
background: #383a45;
position: relative;
border-radius: 2px;
}
.changer-line {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: #FFC300;
border-radius: 2px;
z-index: 1;
}
.change-dot {
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
width: 7px;
height: 7px;
background: #FFC300;
border-radius: 2px;
border: none;
cursor: pointer;
z-index: 3;
padding: 0;
margin: 0;
}
.change-dot:focus {
outline: none;
}
.tatc-dot {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background: #0e0f14;
border: 2px solid #383a45;
border-radius: 2px;
z-index: 2;
}
.tatc-dot.checked {background:#14151b; border-color:#FFC300;}
.tat-change-labels {font-size:12px; display:flex; justify-content:space-between;}
.tatc-dot:nth-child(3) { left: 0%; }
.tatc-dot:nth-child(4) { left: 25%; }
.tatc-dot:nth-child(5) { left: 50%; }
.tatc-dot:nth-child(6) { left: 75%; }
.tatc-dot:nth-child(7) { left: 100%; }
.tranding-drop-table .main-article {flex-flow:column; gap:0; align-items: flex-start; background:#14151b;}
.trade-action-table::-webkit-scrollbar-track,
.tranding-drop-table .main-article .view-area::-webkit-scrollbar-track,
.mic__adress::-webkit-scrollbar-track,
.crypto-short-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #202127;}
.trade-action-table::-webkit-scrollbar,
.tranding-drop-table .main-article .view-area::-webkit-scrollbar,
.mic__adress::-webkit-scrollbar,
.crypto-short-list::-webkit-scrollbar{width: 6px;}
.trade-action-table::-webkit-scrollbar-thumb,
.tranding-drop-table .main-article .view-area::-webkit-scrollbar-thumb,
.mic__adress::-webkit-scrollbar-thumb,
.crypto-short-list::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.06);}
.tranding-drop-table .tabs__row button { display: flex ; align-items: center; font-size: 14px; color: #969FAF; font-weight: 500; padding: 0 12px; line-height: 32px; border: 0; cursor: pointer; border-radius: 8px; background: none; }
.tabs__container table {width:100%;}
.tabs__container table thead tr {font-weight:300;}
.tabs__container table thead tr th:first-child {text-align:left;}
.mt__crypto { display: flex ; align-items: center; gap: 8px; }
.add-fav { width: 25px; height: 25px; min-width: 25px; border: 0; padding: 0; background: url(../images/star-empty.svg) center / 16px no-repeat; cursor: pointer; }
.add-fav.check { background: url(../images/star.svg) center / 16px no-repeat; cursor: pointer; }
/** Trade end **/
.actioinScrollbar {position:fixed; left:0; bottom:0; right:0; z-index:15; background:#0E0F14; display:flex; align-items:center; gap:20px; padding:10px;}
.actioinScrollbar.hide {background:none;display: flex ; justify-content: flex-end;}
.actioinScrollbar.hide svg {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.actioinScrollbar.hide .aSlist {display:none;}
.actioinScrollbar svg {min-width:16px; cursor:pointer;}
.aSlist {display:flex; width:calc(100vw - 50px); }
.aSlist li {gap:20px;}
.aSlist li span {display:flex; align-items:center; gap:8px; font-weight:300; font-size:14px; margin:0 10px;}
.aSlist li span em {}
.aSlist li span em.up {color:#04B97D;}
.aSlist li span em.down {color:#F13C54;}
.aSlist li span small {color:#EBECF566;}
.assetsSidebar {background: #14151b; border-radius: 8px; width:100%; margin-top:0px; }
.assetsS-header {padding: 10px 15px 10px 15px; display: flex ; align-items: center;border-bottom: 1px solid rgba(255, 255, 255, .04); display:flex; align-items:center; gap:10px; color:#fff; font-weight:300; font-size:15px; position:relative;}
.assetsS-header .doline {top:10px;}
.assetsS-header span {}
.assetsS-header small {color:#EBECF566;}
.assetsS-body {padding:15px;}
.assetS-list {display:flex; flex-flow:column; gap:10px;}
.assetS-list li {display:flex; align-items:center; justify-content:space-between; font-weight:300; color:#EBECF566; font-size:13px;}
.assetS-list li span:last-child {color:#fff;}
.assetsS-bottom {text-align:center;padding-top:10px;}
.assetsS-bottom a {line-height:30px; font-size:14px; color:#FFC300;}
.treds-empty {background:#202127; border-radius:12px; display:flex; justify-content: center; padding:50px; margin:15px;}
.te-header { display:flex; flex-flow:column; gap:20px; justify-content: center; align-items: center; font-weight:300;}
.te-header svg {}
.te-header h2 {font-weight:bold; color:#fff; font-size:22px;}
.te-header p {text-align:center; line-height:1.4;}
.traders-tabs,
.transfers-tabs,
.balances-tabs {display:flex; align-items:center; gap:8px;}
.traders-tabs button,
.transfers-tabs button,
.balances-tabs button {font-size:12px; color:#969FAF; background:#202127; line-height:24px; padding:0 12px; border-radius:40px; border:0; cursor:pointer;}
.traders-tabs button.check,
.transfers-tabs button.check,
.balances-tabs button.check {background:#F4F4F6; color:#202127;}
.traders-tabs button:focus,
.transfers-tabs button:focus,
.balances-tabs button:focus {outline:none;}
.trb-item,
.ttb-item,
.btb-item {display:none;}
.trb-item.visible,
.ttb-item.visible,
.btb-item.visible {display:block;}
.ptg-header-row {display:flex; align-items:center; justify-content:space-between;}
.cash-deposit-btn {cursor:pointer; font-weight:600; color:#00C278; font-size:14px; padding:8px 12px; border-radius:12px; background:#00c27830; border:0;}
.cash-deposit-btn:focus {outline:none;}
.oh-view,
.fils-view,
.oot-view {margin-top:12px;}
.oh-view table,
.fils-view table,
.oot-view table,
.transfers-view table {width:100%;}
.oh-view table thead,
.fils-view table thead,
.oot-view table thead,
.transfers-view table thead {font-size:12px; border-bottom:1px solid rgba(255,255,255,.1);}
.oh-view table tbody,
.fils-view table tbody,
.oot-view table tbody,
.transfers-view table tbody {font-size:14px;}
.oh-view table th,
.fils-view table th,
.oot-view table th { vertical-align: middle;}
.oh-view table tbody .align-right,
.fils-view table tbody .align-right,
.oot-view table tbody .align-right,
.transfers-view table tbody .align-right {color:#fff; vertical-align:middle; font-weight:300;}
.oot-view .mt__crypto {}
.oh-view .mt__crypto img,
.fils-view .mt__crypto img,
.oot-view .mt__crypto img {min-width:24px; height:24px; max-width:24px;}
.oh-view .mt__crypto .crypto-info small,
.fils-view .mt__crypto .crypto-info small,
.oot-view .mt__crypto .crypto-info small {color:#fff; font-size:15px;}
.oh-view.mt__crypto .crypto-info em,
.fils-view .mt__crypto .crypto-info em,
.oot-view .mt__crypto .crypto-info em {color:#969faf;}
.oot-view table tbody .align-right.buy,
.oh-view table tbody .align-right.buy,
.align-right.buy {color:#00c278;}
.oot-view table tbody .align-right.sell,
.fils-view table tbody .align-right.sell,
.oh-view table tbody .align-right.sell,
.align-right.sell {color:#fd4b4e;}
.treds-sort-list {position:relative; display:none;}
.treds-sort-list.view {display:block;}
.treds-sort-select {position:relative; line-height:30px; color:#fff; font-weight:500; padding:0 40px 0 20px; border-radius:12px; border:2px solid #202127; background:#202127; min-width:160px; cursor:pointer;}
.treds-sort-select:after {content:''; display:inline-block; position:absolute; right:10px; top:4px; width:20px; height:20px; background:url('../images/arrow-direction.svg') center/14px no-repeat; opacity:.6;}
.treds-sort-select span {font-size:14px;}
.treds-drop-list {display:none; background:#202127; top:40px; left:0; right:0; width:100%; flex-flow:column; position:absolute; max-height:200px; overflow:auto; border-radius:12px; border:1px solid #202127;}
.treds-sort-list.visible .treds-sort-select {border:2px solid #FFC300;}
.treds-sort-list.visible .treds-drop-list {display:flex;}
.treds-drop-list li {line-height:25px; padding:0 15px; color:rgba(255,255,255,.8); cursor:pointer;}
.treds-drop-list li:hover {background:rgba(255,255,255,.05);}
.treds-drop-list li span {text-transform:uppercase;font-weight:500; font-size:14px; line-height:30px;}
.treds-drop-list li.selected {background:url('../images/arrow-checked.svg') 95% 8px no-repeat; background-size:15px; color:#fff;}
.oot-view .align-right .cancel {color:#FFC300; font-weight:500;}
.oot-view table body th,
.transfers-view table tbody th {vertical-align: middle;}
.transfers-view table tbody .transfer {color:#FFC300; display:inline-flex; align-items:center; gap:6px;}
.transfers-view table tbody .transfer:after {content:''; display:inline-flex; width:15px; height:15px; min-width:15px; background:url('../images/arrow-in.svg') center/contain no-repeat;}
.transfers-view table tbody .transfer-status {padding:4px 6px; border-radius:5px;}
.transfers-view table tbody .transfer-status.pending {color:#dca631; background:#dca6311c; }
.transfers-view table tbody .transfer-status.success {color:#00C278; background:#00C27829; }
.transfers-view table tbody .transfer-status.failed {color:#fd4b4e; background:#fd4b4e24; }
.msc__body {padding:32px 24px;}
.treds-drop-list::-webkit-scrollbar-track,
.user-nav-list::-webkit-scrollbar-track,
.modal-select-crypto::-webkit-scrollbar-track,
.modal__body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #202127;}
.treds-drop-list::-webkit-scrollbar,
.user-nav-list::-webkit-scrollbar,
.modal-select-crypto::-webkit-scrollbar,
.modal__body::-webkit-scrollbar{width: 6px;}
.treds-drop-list::-webkit-scrollbar-thumb,
.user-nav-list::-webkit-scrollbar-thumb,
.modal-select-crypto::-webkit-scrollbar-thumb,
.modal__body::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.06);}
.oh-view, .fils-view, .oot-view { margin-top: 12px; }
.mt__cell.align-right,
.table-head-cell.align-right {text-align:right; padding-right:8px;}
.table-head-cell { text-align: left; padding: 12px 8px;}
.tmbm-bottom-row .table-head-cell {text-align:right;}
.tmbm-bottom-row th:first-child .table-head-cell {text-align:left;}
.mt__cell {text-align:left; padding:15px 0; font-weight:500; font-size:16px; color:#F4F4F6;}
.mt__crypto {display:flex; align-items:center; gap:8px;}
.mt__crypto img {width:40px; min-width:40px; height:40px; max-width:40px; border:1px solid #FFFFFF26; border-radius:200px;}
.crypto-info {display:flex; flex-flow:column; font-size:16px; color:#F4F4F6; font-weight:500; gap:8px;}
.crypto-info small {font-size:12px; color:#969FAF;}
.widget__cover {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width:100%; gap:16px;}
.widget__column {background:#14151B; border-radius:8px; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 0px 0px 0px #00000000; box-shadow: 0px 1px 2px 0px #0000000D; padding:0 0 16px 0;}
.widget__column h2 {font-weight:500; font-size:16px; color:#F4F4F6; padding:16px 16px 8px 16px;}
.wd17p {width:17%; vertical-align: middle;}
.mt__cell.up {color:#00c278;}
.mt__cell.down {color:#fd4b4e;}
.portfolio-table-body table {width:100%;}
.portfolio-table-body table th { vertical-align: middle;}
.nofind {margin-bottom:20px;}
.header-article {padding-left:15px; padding-right:15px;}
.tmtm-column {display:flex; flex-flow:column; background: #14151b; border-radius: 8px; position:relative;}
.tmtm-head {padding:0px 10px 0 10px; border-bottom:1px solid rgba(255, 255, 255, .04); position:relative; gap:8px; display:flex; align-items:center;}
.tmtm-column .trade-columns {border-radius:0; background:none; height:auto; display:none;}
.tcci-header {display:none;}
.tmtm-column .trade-columns.visible {display:block;}
.tradeHistory-area .view-area table tr th .table-head-cell {padding-right:0;}
.tradeHistory-area .view-area table tr td:first-child {text-align:left;}
.tradeHistory-area .view-area table tr td {text-align:right; vertical-align: middle;}
.robonew-section {margin:120px 0;}
.robonew-section .container-fixed {display: flex ; max-width: 1240px;margin: 0 auto; display:flex; flex-flow:column;}
.robonew-top {display:flex;}
.robonew-t-left {width:40%;}
.robonew-t-left h2 {color: #fff; font-weight: 600; font-size: 40px; line-height: 1.4; margin-bottom: 40px;}
.robonew-t-left p {line-height:1.3; font-size:28px; font-weight:400;}
.robonew-t-left a {line-height:44px; background:#FFC300; border-radius:8px; font-weight:500; font-size:18px; color:#000; padding:0 25px; margin-top:110px; display:inline-block;}
.robonew-t-right {width:60%; background:url('../images/numdata.svg') center top no-repeat; background-size:contain; overflow:hidden; text-align:center; padding-top:80px; padding-right:80px;}
.robonew-t-right img {vertical-align:bottom; width:100%; max-width:80%; display:inline-block;}
.robo-bottom {margin-top:40px;}
.robo-list {display:flex; gap:24px;}
.robo-list li {width:25%;}
.robo-item {display:flex; flex-flow:column; padding:20px; border-radius:16px; border:1px solid #3C3D3D; align-items: center; height:100%;}
.robo-i-icon {margin-bottom:30px;}
.robo-i-icon img {height:70px;}
.robo-item h3 {color:#fff; font-weight:400; font-size:22px; margin-bottom:15px; text-align:center;}
.robo-item h3 strong {color:#FFC300;}
.robo-item p {color:#4B5563; text-align:center; line-height:1.3;}
.headnav-item {display:flex; align-items:center; justify-content:space-between;display:none;}
.tradingview-widget-container {max-height:620px;}
@media screen and (min-width: 1920px) and (max-width: 1921px) {
.assetsSidebar,
.trade-sidebar,
.tmtm-column {width:359px; max-width:359px; min-width:359px;}
.tmtm-body {width:1177px; min-width:1177px;}
.trade-main-column {overflow:hidden;}
}
@media screen and (min-width: 1921px) and (max-width: 7000px) {
.tmtm-column,
.assetsSidebar,
.trade-sidebar {width:362px; max-width:none; min-width:362px;}
.trade-action-table {width:100%;}
.tat-area-item input[type="number"] {max-width:100%;}
.tmtm-body {width:100%; min-width:auto;}
.trade-main-column {overflow:hidden;}
}
.trade-main-column {overflow:hidden;}
@media screen and (min-width: 1610px) and (max-width: 1919px) {
.assetsSidebar,
.trade-sidebar,
.tmtm-column {width:302px; max-width:302px; min-width:302px;}
.tmtm-body {width:100%; min-width:auto;}
.trade-main-column {overflow:hidden;}
.trade-tab-table {min-width:auto;}
}
@media screen and (min-width: 1580px) and (max-width: 1610px) {
.assetsSidebar,
.trade-sidebar,
.tmtm-column {width:302px; max-width:302px; min-width:302px;}
.trade-sidebar {min-width:295px; width:295px;}
.tmtm-body {width:989px; min-width:989px;}
.trade-main-column {overflow:hidden;}
.trade-tab-table {min-width: calc(100% - 300px);}
}
@media screen and (max-width: 1500px) {
.trade-table {gap:8px;}
.assetsSidebar,
.tmtm-column,
.trade-sidebar {max-width:300px;}
}
@media screen and (max-width: 1300px) {
.markets-sliders {max-width:calc(100% - 60px); margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 1280px) {
.assetsSidebar,
.trade-sidebar,
.tmtm-column {max-width:225px; width:225px;}
.trade-tab-table{min-width: calc(100% - 239px);}
}
@media screen and (min-width: 1280px) and (max-width: 1285px) {
.assetsSidebar,
.trade-sidebar,
.tmtm-column {width:241px; max-width:241px; min-width:241px;}
.tmtm-body {width:791px; min-width:791px;}
}
@media screen and (max-width: 1260px) {
.assetsSidebar,
.tmtm-column, .trade-sidebar {max-width:260px;}
.trades-list,
.tcci-body {min-width:auto; min-width:260px;}
.mainData-section {padding-left:5px; padding-right:5px;}
}
@media screen and (min-width: 1100px) and (max-width: 1260px) {
.trades-list,
.tcci-body {min-width:auto; min-width:100%;}
}
@media screen and (max-width: 1240px) {
.mainData-section,
.markets-section,
.affiliate-article,
.affiliate-mainscreen,
.referral-article,
.referral-mainscreen {padding-left:20px; padding-right:20px;}
.noBoundaries.mainData-section {padding-left:0; padding-right:0; padding-top:73px;}
}
@media screen and (max-width: 1160px) {
.middle {overflow:hidden;}
.tac-right img{max-width:100%;}
.trade-anywhere,
.footer-inner,
.container-fixed {padding-left:15px; padding-right:15px;}
.tac-left h2 {font-size:35px;}
.tac-right {width:50%;}
.sposors-row {margin:50px 0;}
.main-bottom a:first-child,
.main-bottom a {width:auto; padding:0 30px; line-height:45px;}
}
@media screen and (min-width: 1100px) {
.tmtm-body {gap:5px;}
}
@media screen and (max-width: 1100px) {
.portfolio-sidebar {display:none;}
.portfolio-cover {gap:0;}
.oh-view {max-width: calc(100vw - 50px);}
.tmt-main-area {flex-flow:column;}
.trades-list,
.tcci-body {max-height:200px;}
.transfers-boy-tabs {overflow:auto;}
.trade-tab-body .wd35p,
.trade-tab-body .wd17p,
.trade-tab-body .wd20p {width:auto; min-width:180px; width:180px;}
.trade-tab-body .view-area {overflow:auto; max-width:100vw;}
.trade-table {flex-flow:column;}
.trade-action-table {width:100%;}
.tat-area-item input[type="number"] {max-width:100%;}
.tmtbc-insert {min-height:450px;}
.assetsSidebar {margin-top:0px;}
.swap-body {width:100%;}
.assetsSidebar,
.tmtm-column, .trade-sidebar {max-width:100%; width:100%;}
.tmbm-bottom-row {flex-flow:column;}
.assetsSidebar {max-width:100%;}
}
@media screen and (max-width: 1080px) {
.why-exchange {overflow:hidden;}
.we-grid-list {margin-left:0; margin-right:0;}
.robo-trading .container-fixed {flex-flow:column; gap:30px;}
.robo-left-column {width:100%;}
.robo-right-column {width:100%;}
.afiG-item {min-width:auto; width:48%;}
.afB-article p, .afiHeader p, .hAt-header p {line-height:1.4;}
}
@media screen and (min-width: 960px) {
.navigation-list li.visible .nav-submenu {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;}
.nav-submenu {display:flex; flex-flow:column; position: absolute; top: calc(100% + 5px); z-index: 10; width: 24rem; border-radius: .5rem; background-color: #fff; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .1); padding: .5rem; color: #000; box-shadow: 0 10px 25px rgba(0, 0, 0, .3); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s ease, visibility .3s ease, transform .3s ease; pointer-events: none;}
.ns-item {display:flex; align-items:center; gap:15px; padding:10px;}
.ns-item img {vertical-align:bottom; width:40px; min-width:40px;}
.ns-details {display:flex; flex-flow:column;}
.ns-details span {display: flex ; align-items: center; font-size: .875rem; font-weight: 500; color: #000; transition: color .2s;}
.ns-details span small {margin-left: .5rem; background-color: #FFC300; color: #000; font-size: .625rem; padding: .125rem .375rem; border-radius: .25rem;}
.ns-details p {font-size: .75rem; color: #9ca3af; margin-top: .25rem; font-weight:300;}
.ns-item:hover .ns-details span {color:#FFC300;}
}
@media screen and (max-width: 960px) {
#mobileNav {display:inline-flex; margin-right:auto;}
.visibleNav {overflow:hidden;}
.visibleNav:before {content:''; display:inline-block; position:fixed; left:0; top:0; bottom:0; right:0; height:100%; width:100%; background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(3px); z-index:19; transition: all .3s;}
.visibleNav #mobileNav {background:url('../images/close.svg') center/20px no-repeat;}
.visibleNav .header-nav {position:fixed; right:0px; top:0px; bottom:0; z-index:22; background:#000000; height:100vh; display:flex; min-width:300px; overflow:auto; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.userNav-cell {display:flex;}
.headnav-item {display:flex; border-bottom:1px solid rgba(255,255,255,.1); padding:10px 30px;}
.closeNav {color: #f8ca36; transform: scale(1.1); background-color: rgba(255, 255, 255, .1);display: flex ; align-items: center; justify-content: center; padding: .5rem; border: none; cursor: pointer; transition: color .2s, transform .2s; border-radius: 50%;}
.closeNav svg {}
.navigation-list {flex-flow:column; align-items: flex-start; padding:0 30px; width:100%; padding-bottom:25px;}
.navigation-list li {width:100%;}
.navigation-list li:first-child {padding-top:20px;}
.navigation-list li a, .navigation-list li span {width:100%; display:flex; align-items:center; justify-content:space-between; line-height:42px;}
.header-nav {display:none; flex-flow:column;}
.faq .section-header h2, .markets .section-header h2, .why-exchange h2 {font-size:30px;}
.we-gb-info h3 {font-size:15px;}
.we-grid li {width:33.33%;}
.middle {margin:35px 0;}
.mdl-item p {max-width:none;}
.start-section .container-fixed h2 {font-size:32px;}
.start-section {margin:40px 0;}
.footer-top {flex-wrap:wrap;}
.ft-left-column {flex:1; width:100%; min-width:100%; margin-bottom:40px;}
.ft-right-column {margin-left:auto;}
.ft-center-column {width:60%;}
.markets {margin-bottom:60px;}
.main-text {margin-right:0;}
.main-article {margin-bottom:0;}
.nav-submenu,
.ns-item img,
.ns-details p {display:none;}
.navigation-list li.visible .nav-submenu {display:flex; flex-flow:column; padding:15px; gap:10px;}
.amLeft h1 {font-size:30px;}
.amLeft p br,
.amLeft h1 br {display:none;}
.amLeft p {font-size:15px;}
.amRight img {max-width:300px;}
.subTabs-list {padding-bottom:10px;}
.marketsContainer table {min-width:960px;}
.tradingPair-list { overflow-x: auto;padding:10px;}
.tradingPair-list li {min-width:100px;}
.tdt-table .main-article {max-width: calc(100vw - 62px); min-width: calc(100vw - 62px);}
.tranding-drop-table .main-article .view-area::-webkit-scrollbar{height: 3px;}
.tranding-drop-table {left:-10px;}
.trading-pair-cell.visible .tdt-table {max-height:none;}
.robonew-t-left a {line-height:35px; font-size:16px; margin-top:30px; border-radius:8px;}
}
@media screen and (max-width: 925px) {
.robo-list {flex-wrap:wrap;}
.robo-list li {width:calc(50% - 12px);}
.robonew-t-left h2 {font-size:35px; margin-bottom:20px;}
.robonew-t-left h2 br {display:none;}
.robonew-top {flex-flow:column; gap:40px;}
.robonew-t-right,
.robonew-t-left {width:100%;}
.robonew-section {margin:50px 0;}
}
@media screen and (max-width: 900px) {
.we-grid-list li {width:50%;}
}
@media screen and (max-width: 860px) {
.ac-left {display:none;}
.ac-rigth {max-width:100%; width:95%;}
.exCaffiliate {padding:25px;}
}
@media screen and (max-width: 780px) {
.rGi-details p br {display:none;}
.referralHowGet {padding-top:30px;}
}
@media screen and (max-width: 760px) {
.footer-bottom {flex-flow:column;}
.footer-copyright {margin-top:20px;}
.main-article {flex-flow:column;}
.main-text {order:2; align-items: center; gap:40px;}
.main-text h1 {font-size:35px; text-align:center;}
.main-right {order:1;}
.swap-form {flex-flow:column;}
.swap-body {width:100%; padding:20px;}
.swap-exchange,
.swap-column {width:100%;}
.swap-column.center {margin:25px 0; text-align:center; align-items: center;}
.btn-swap {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.affiliate-benefits {flex-flow:column;}
.ab-right,
.ab-left {width:100%;}
.ab-left {margin-bottom:40px;}
.ab-left p br,
.ab-left h2 br {display:none;}
.ab-right ul {gap:25px;}
.afB-article h3, .afiHeader h3, .hAt-header h3 {font-size:25px;}
}
@media screen and (max-width: 720px) {
.exC-left {flex-flow:column; gap:15px;}
.exCaffiliate {flex-flow:column; align-items: center; }
.exC-right {margin-top:30px;}
.rm-right {display:none;}
.rm-left {padding-top:0;}
.hAffiliate-list {flex-flow:column;}
.hAffiliate-list li {width:100%;}
.hAffiliate-list li:nth-child(2) {margin:35px 0;}
}
@media screen and (max-width: 680px) {
.refGetlist li:after {display:none;}
.we-bg-pic {width:70px; min-width:70px; height:70px;}
.we-grid li {width:50%;}
.footer-top {flex-flow:column;}
.ft-right-column {margin-left:0; margin-right:0; margin-top:30px; width:100%; justify-content: flex-start;}
.footer-similar-nav {flex-wrap:wrap; justify-content: center;}
.footer-similar-nav a {margin:5px;}
.ft-center-column {width:100%; min-width:100%;}
.tranding-drop-table .main-article .view-area {}
.tdt-table .view-area {overflow:auto; width: calc(100vw - 65px);}
.tdt-table .view-area table {min-width:860px; overflow:auto;}
.tP-label {white-space:nowrap;}
}
@media screen and (max-width: 660px) {
.amRight {display:none;}
}
@media screen and (max-width: 640px) {
.middle-list,
.mdl-item {margin-left:0; margin-right:0;}
.middle-list li{width:100%;}
.middle-list {flex-flow:column;}
.trade-anywhere .container {flex-flow:column;}
.tac-left {width:100%; order:2;}
.tac-right {width:100%; order:1;}
.main-screen {min-height:auto;}
.refGetlist {flex-flow:column; gap:30px; align-items: center; margin:25px 0 50px 0;}
.refGetlist li {width:100%;}
.referralHowGet h2 {font-size:25px;}
.afiGroup {flex-flow:column; gap:35px;}
.afiG-item {width:100%;}
}
@media screen and (max-width: 580px) {
.trade-tab-row { flex-wrap: wrap; }
}
@media screen and (max-width: 560px) {
.we-grid-list li {width:100%;}
.we-grid-list,
.we-g-item {margin-left:0; margin-right:0;}
/* Make Markets columns align via grid on small screens */
.mtc-item-list {display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; align-items:center;}
.mtc-long {grid-column:1 / span 1; width:auto;}
.mtc-short {grid-column:auto / span 1; width:auto; max-width:none; text-align:right;}
.robo-stats h2 {font-size:30px; margin-bottom:25px;}
.robot-bottom {margin-top:20px;}
.why-exchange {margin-bottom:30px;}
.tmb-top-head {flex-flow:column; align-items: flex-start; padding-bottom:10px;}
}
@media screen and (max-width: 520px) {
.rm-left h1 {font-size:30px;}
.rm-left h1 br {display:none;}
.rm-left p {font-size:15px;}
}
@media screen and (max-width: 500px) {
.user-auth {display:none;}
}
@media screen and (max-width: 480px) {
.we-grid li {width:100%;}
.we-grid,
.wg-item {margin-left:0; margin-right:0;}
.mtc-coin img {width:24px; min-width:24px; height:24px;}
.afB-article p, .afiHeader p, .hAt-header p,
.mtc-short span,
.mtc-coin span {font-size:14px;}
.afB-article h3, .afiHeader h3, .hAt-header h3,
.ris-p-value {font-size:22px;}
.ab-left h2 {font-size:25px;}
.mMt-header {position:relative;}
.mMt-search-box {background:#0e0f14; position:absolute; right:0; top:0; bottom:0;}
}
@media screen and (max-width: 460px) {
.start-section .container-fixed h2,
.logotype a, .ft-left-column a {font-size:20px;}
.tac-left h2 {font-size:30px; text-align:center;}
.am-body-row input {min-width:auto; width:100%;}
.agree__cell label br {display:none;}
}
@media screen and (max-width: 420px) {
.ft-center-column {flex-flow:column; display:flex;}
.ft-center-column div ul {flex-flow:wrap;}
/* grid already manages widths; keep numbers readable */
.mtc-item-list {grid-template-columns: 1.6fr .9fr .9fr .9fr;}
}
@media screen and (max-width: 400px) {
.markets-table {overflow:hidden;}
.mtc-tab-row {overflow:auto;}
}
@media screen and (max-width: 360px) {
.visibleNav .header-nav {min-width:300px;}
}
@-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: 0px; position: relative; z-index: 11; margin-bottom: 30px; position: absolute; left: 0; width: 100%; z-index: 11; bottom: -15px;}
.slick-dots li {margin:0 3px; display:flex; align-items:center;}
.slick-dots li button {border:0; display:block; width:8px; height:8px; overflow:hidden; text-indent:68px; white-space:nowrap; background:rgba(255,255,255,.3); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; transition: all 300ms ease-in-out 0s; cursor:pointer; padding:0; box-shadow: 1px 1px 2px 0px #000000E5;}
.slick-dots li.slick-active button:focus {outline:none;}
.slick-dots li.slick-active button {opacity:1; background:#fff;}
.slick-prev.slick-arrow,
.slick-next.slick-arrow {width:36px; height:36px; cursor:pointer; white-space:nowrap; text-indent:60px; border:0; display:block; overflow:hidden; min-width:36px; position:absolute; left:0px; top:50%; transition: all 300ms ease-in-out 0s; background:url('../images/arrow-left.svg') center/12px no-repeat; margin-top:-18px;}
.slick-prev.slick-arrow {left:0px; z-index:11;}
.slick-next.slick-arrow {left:auto; background: url('../images/arrow-right.svg') center/12px no-repeat; right:0; z-index:22;}
.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***/