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;
}
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 0.3s ease,
		color 0.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: 0.75rem 3rem;
	background-color: #facc15;
	color: black;
	border-radius: 8px;
	font-weight: 500;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	text-align: center;
	width: 300px;
}
.main-bottom a:first-child {
	position: relative;
	padding: 0.75rem 3rem;
	background-color: white;
	color: black;
	border: 2px solid #facc15;
	border-radius: 8px;
	font-weight: 500;
	font-size: 1.25rem;
	transition: all 0.3s ease;
	text-align: center;
	width: 300px;
}
.main-bottom a:first-child:hover {
	background: #fef9c3;
}
.main-bottom a:last-child:hover {
	opacity: 0.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%;
	animation: floatingFlipped 13s ease-in-out infinite;
}
.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: 0.5rem;
	padding: 1.5rem;
	transition: border-color 0.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: 0.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: 0.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, 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, 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, 0.05);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	transition: all 0.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, 0.01),
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.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, 0.07);
	padding: 6px 12px;
	border-radius: 8px;
	border: 1px solid rgba(34, 197, 94, 0.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, 0.3);
}
.ris-p-label {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	margin-top: 0.25rem;
	letter-spacing: 0.03em;
	font-weight: 400;
}
.ris-middle {
	flex-grow: 1;
	width: 100%;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.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, 0.01),
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.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, 0.4));
	display: block;
}
.ris-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.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, 0.2);
	border-radius: 50%;
}
.risb-info strong {
	color: white;
	font-size: 1.25rem;
	font-weight: 500;
}
.risb-info small {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.02em;
}
.rib-copy {
	background: #ffffff1a;
	color: #fff;
	padding: 0.75rem 2rem;
	border-radius: 0.5rem;
	transition: all 0.3s ease;
	font-weight: 600;
	border: none;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(75, 85, 99, 0.2);
	letter-spacing: 0.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);
	}
}

/* Floating animation that preserves horizontal flip for laptop image */
@keyframes floatingFlipped {
	0%,
	100% {
		transform: scaleX(-1) translateY(0) rotate(0deg);
	}
	25% {
		transform: scaleX(-1) translateY(-10px) rotate(2deg);
	}
	50% {
		transform: scaleX(-1) translateY(0) rotate(0deg);
	}
	75% {
		transform: scaleX(-1) 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, 0.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 0.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: 0.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: 0.875rem;
	transition: color 0.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: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.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 0.2s;
}
.footer-social a svg {
	vertical-align: middle;
	display: block;
}
.footer-social a:hover svg {
	opacity: 0.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: 0.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: 0.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: 0.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, 0.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, 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: 0.5rem;
	padding: 0.75rem 1.5rem;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition:
		background-color 0.3s,
		transform 0.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: 0.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, 0.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, 0.1);
}
.marketsContainer tbody tr td:last-child {
	padding-right: 10px;
}
.marketsContainer tbody tr:hover {
	background: rgba(255, 255, 255, 0.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: -0.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: -0.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, 0.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: 0.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, 0.8);
	cursor: pointer;
}
.treds-drop-list li:hover {
	background: rgba(255, 255, 255, 0.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, 0.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, 0.04);
}
.tmtbc-top-bar {
	justify-content: space-between;
}
.tcci-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.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, 0.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, 0.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: 0.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, 0.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, 0.1);
	background: rgba(255, 255, 255, 0.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: 0.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, 0.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: 0.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: 0.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, 0.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, 0.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, 0.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: 0.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, 0.8);
	cursor: pointer;
}
.treds-drop-list li:hover {
	background: rgba(255, 255, 255, 0.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, 0.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, 0.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: 0.5rem;
		background-color: #fff;
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.1);
		padding: 0.5rem;
		color: #000;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease,
			transform 0.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: 0.875rem;
		font-weight: 500;
		color: #000;
		transition: color 0.2s;
	}
	.ns-details span small {
		margin-left: 0.5rem;
		background-color: #ffc300;
		color: #000;
		font-size: 0.625rem;
		padding: 0.125rem 0.375rem;
		border-radius: 0.25rem;
	}
	.ns-details p {
		font-size: 0.75rem;
		color: #9ca3af;
		margin-top: 0.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, 0.5);
		backdrop-filter: blur(3px);
		z-index: 19;
		transition: all 0.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, 0.1);
		padding: 10px 30px;
	}
	.closeNav {
		color: #f8ca36;
		transform: scale(1.1);
		background-color: rgba(255, 255, 255, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.5rem;
		border: none;
		cursor: pointer;
		transition:
			color 0.2s,
			transform 0.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.3fr 0.95fr 0.95fr 0.9fr;
		align-items: center;
		column-gap: 6px;
	}
	.mtc-long {
		grid-column: 1 / span 1;
		width: auto;
	}
	.mtc-short {
		grid-column: auto / span 1;
		width: auto;
		max-width: none;
		text-align: right;
	}
	/* Tighter cell padding for mobile to fit numbers */
	.mtc-item-list li {
		padding: 8px 6px;
	}
	/* Reduce coin/icon spacing on mobile */
	.mtc-coin {
		gap: 6px;
	}
	.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.5fr 0.95fr 0.9fr 0.85fr;
	}
}
@media screen and (max-width: 400px) {
	.markets-table {
		overflow: hidden;
	}
	.mtc-tab-row {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: transparent transparent;
	}
	/* Transparent horizontal scrollbar on very small screens */
	.mtc-tab-row::-webkit-scrollbar {
		height: 6px;
		background: transparent;
	}
	.mtc-tab-row::-webkit-scrollbar-thumb {
		background-color: transparent;
	}
	.mtc-tab-row::-webkit-scrollbar-track {
		background: transparent;
	}
}
@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, 0.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: 0.7;
}
.runrox__slider {
	padding-bottom: 40px;
}
/*** Slick Slider Style  End***/