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: 'Manrope', sans-serif;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap');
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#969FAF; background:#0E0F14; font-family: 'Manrope', sans-serif; font-weight:bold; color:#fff;}
.main-header {position:fixed; left:0; top:0; right:0; z-index:20;transition: all .3s ease; background-color: #000;}
.header-article {padding:15px 50px;display: flex ; align-items: center; justify-content: space-between;}
#mobileNav {min-width:40px; height:40px; cursor:pointer; padding:0; background:url('../images/menu.svg') center/25px no-repeat; border:0; margin-left:15px; display:none;}
#mobileNav:focus {outline:none;}
.header-nav {margin-left:30px; margin-right:auto;}
.navigation-list {display:flex; gap:15px; align-items:center;}
.navigation-list li {}
.navigation-list li.visible {position:relative;}
.navigation-list li a,
.navigation-list li span {font-weight:600; font-size:13px;}
.navigation-list li a:hover,
.navigation-list li span:hover {cursor:pointer; color:#f8ca36;}
.navigation-list li span.drop-item {display:inline-flex; align-items:center; gap:4px;}
.navigation-list li span.drop-item svg {width:14px; height:14px; transition: all .3s ease; }
.navigation-list li span.drop-item:hover svg,
.navigation-list li.check span.drop-item svg {color:#f8ca36; transform: rotate(180deg);}
.header-right-side {display:flex; align-items:center; gap:10px;}
.user-auth {display:flex; align-items:center; gap:10px;}
.user-auth a {background-color: #f8ca36; color: #000; padding: .5rem 1.25rem; border-radius: .375rem; transition: all .2s; font-size:12px;}
.user-auth a:first-child {background:none; color:#fff;}
.user-auth a:first-child:hover {color:#000;}
.user-auth a:hover {background-color: #e6b518; transform: translateY(-2px);}
.site-language {position:relative;}
.drop-langs {position: absolute; right: 0; top: calc(100% + .5rem); width: 10rem; background-color: rgba(30,30,30,.95); backdrop-filter: blur(10px); border-radius: .375rem; padding: .25rem; box-shadow: 0 10px 15px rgba(0,0,0,.2); z-index: 20; border: 1px solid rgba(255,255,255,.1); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all .3s ease; display:none; visibility:hidden; opacity:0;}
.drop-langs.visible {transform: translateY(0); opacity: 1; visibility: visible; display:flex; flex-flow:column;}
.drop-langs li {}
.drop-langs li a {display: block; width: 100%; text-align: left; padding: .5rem .75rem; font-size: .875rem; background: none; border: none; cursor: pointer; color: #d1d5db; transition: all .2s; border-radius: .25rem;}
.drop-langs li.select a,
.drop-langs li a:hover {background:rgba(255,255,255,.1);;}
.color-scheme,
.lang-btn {padding:0; border:0; background:none; color:#fff; display: flex ; align-items: center; justify-content: center; padding: .5rem; color: #fff; background: none; border: none; cursor: pointer; transition: color .2s, transform .2s; border-radius: 50%;}
.color-scheme:hover,
.lang-btn:hover {color: #f8ca36; transform: scale(1.1); background-color: rgba(255, 255, 255, .1);}
.lang-btn svg {}
.color-scheme:focus,
.lang-btn:focus {outline:none;}
.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;}
.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:#f8ca36; 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: #f8ca36; border-bottom-color: #f8ca36;}
.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:#f8ca36; 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:after {content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 80px; pointer-events: none; z-index: 1; background: linear-gradient(270deg, #000 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, 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%;}
.sposors-row {max-width:100vw; overflow:hidden; margin:150px 0 100px 0;}
.sposors-row img {margin:0 40px;}
.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:bold; color:#fff; font-size:20px;}
.faq-question:hover svg,
.faq-question:hover h3 {color:#f8ca36;}
.faq-question svg {height:24px; min-width:24px; transition: all 300ms ease-in-out 0s; }
.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:500px; 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:#d08700; 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:#d08700;}
.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;}
@media screen and (min-width: 1460px) {
}
@media screen and (max-width: 1460px) {
.header-article {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width: 1260px) {
}
@media screen and (max-width: 1220px) {
}
@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 (max-width: 1100px) {
}
@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%;}
}
@media screen and (min-width: 960px) {
.navigation-list li.visible {}
.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: #f8ca36; 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:#f8ca36;}
}
@media screen and (max-width: 960px) {
#mobileNav {display:inline-flex; margin-right:auto;}
.visibleNav {overflow:hidden;}
.visibleNav #mobileNav {background:url('../images/close.svg') center/20px no-repeat;}
.visibleNav .header-nav {position:fixed; left:-15px; top:50px; bottom:0; z-index:22; background:#000000; height:calc(100vh - 50px); display:flex; min-width:280px; overflow:auto;}
.navigation-list {flex-flow:column; align-items: flex-start; padding:0 30px; width:100%;}
.navigation-list li {width:100%;}
.navigation-list li:first-child {padding-top:30px;}
.header-nav {display:none;}
.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;}
}
@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%;}
}
@media screen and (max-width: 780px) {
}
@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;}
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 680px) {
.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%;}
}
@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;}
}
@media screen and (max-width: 560px) {
.we-grid-list li {width:100%;}
.we-grid-list,
.we-g-item {margin-left:0; margin-right:0;}
.mtc-long {width:240px;}
.mtc-short {width:auto; width:190px;}
.robo-stats h2 {font-size:30px; margin-bottom:25px;}
.robot-bottom {margin-top:20px;}
.why-exchange {margin-bottom:30px;}
}
@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;}
.mtc-short span,
.mtc-coin span {font-size:14px;}
.ris-p-value {font-size:22px;}
}
@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;}
.mtc-short {min-width:90px; max-width:90px; width:90px;}
}
@media screen and (max-width: 400px) {
.markets-table {overflow:hidden;}
.mtc-tab-row {overflow:auto;}
}
@-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;}
.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***/