/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  
* { touch-action: manipulation; }

html {
  font-size: 10px; }

body {
  font-size: 1.6rem;
  background-color: #20212dfff;
  width: 100%;
  height: 100vh;
  font-family: 'Poppins', sans-serif;
  -webkit-animation: fadeInAnimation ease 1.5s;
  animation: fadeInAnimation ease 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
a {
  text-decoration: none; }

ul {
  list-style: none; }

span,
a {
  display: inline-block; }

.text {
  color: #1e222e;
  display: inline-block;
  font-size: 13px;
  font-weight: 600; }

.page-container {
	margin-top: 50px;
  padding: 20px;
  padding-bottom: 80px; }
  @media (min-width: 992px) {
    .page-container {
      padding: 40px;
      padding-left: 290px; }
      .page-container.full {
        padding: 20px; } }
  .page-container .page-content {
    margin-bottom: 20px; }
    @media (min-width: 576px) {
      .page-container .page-content {
        margin-bottom: 30px; } }
    .page-container .page-content select.form-control {
      -webkit-appearance: none;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC");
      background-position: 100% 50%;
      background-repeat: no-repeat;
      background-size: auto 15%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .page-container .page-content .form-control {
      padding: 5px;
      border-radius: 5px;
      background-color: #ececec;
      border: none;
      outline: none !important;
      font-size: 12px;
      font-weight: 600;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid transparent;
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all;
      color: #20212d !important; }
      @media (min-width: 576px) {
        .page-container .page-content .form-control {
          font-size: 14px; } }
      .page-container .page-content .form-control:focus {
		  
		  border: 1px solid #b1b9c3;
        background-color: #ececec; }
    .page-container .page-content .content-title {
		
      margin-bottom: 20px; }
      .page-container .page-content .content-title h5 {
		  
        color: #20212d;
        font-size: 16px;
        font-weight: 700; }
        @media (min-width: 576px) {
          .page-container .page-content .content-title h5 {
			 
            font-size: 24px; } }
    .page-container .page-content .content-card {
      width: 100%;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 10px;
		
      background-color: #ececec; }
      @media (min-width: 576px) {
        .page-container .page-content .content-card {
			
          padding: 20px; } }
      .page-container .page-content .content-card h5 {
		  
        font-size: 14px;
        color: #20212d;
        font-weight: 600; }
        @media (min-width: 576px) {
          .page-container .page-content .content-card h5 {
			  
            font-size: 16px; } }
      .page-container .page-content .content-card span {
		  
        font-size: 11px;
        color: #20212d;
        font-weight: 600; }
        @media (min-width: 576px) {
          .page-container .page-content .content-card span {
			  
            font-size: 13px; } }

.go-back a {
  background-color: #ececec !important;
  border: none !important; }

.page-overlay,
.page-overlay-sec {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100vh;
  display: none;
  background-color: rgba(0, 0, 0, 0.39); }

.sidebar {
  width: 250px;
  z-index: 999;
  height: 100vh;
  position: fixed;
  left: -250px;
  top: 0;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }
  @media (min-width: 992px) {
    .sidebar {
      left: 0; } }
  .sidebar .sidebar-inner {
    background-color: #f9f9f9; }
    .sidebar .sidebar-inner .sidebar-header {
      padding: 40px 0; }
      .sidebar .sidebar-inner .sidebar-header .icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ececec; }
        .sidebar .sidebar-inner .sidebar-header .icon svg {
          font-size: 24px; }
          .sidebar .sidebar-inner .sidebar-header .icon svg path {
            fill: #e51e26; }
      .sidebar .sidebar-inner .sidebar-header span {
        color: #20212d;
        display: inline-block;
        font-size: 13px;
        font-weight: 600; }
    .sidebar .sidebar-inner .sidebar-content {
      width: 100%;
      height: 100%;
      padding: 15px 7.5px;
      background-color: #f9f9f9; }
      .sidebar .sidebar-inner .sidebar-content li {
        width: 100%;
        border-radius: 5px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); }
        .sidebar .sidebar-inner .sidebar-content li a {
          padding: 10px;
          border-radius: 5px;
          width: 100%;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          height: 100%;
          background-color: #ececec;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-transition: .3s all;
          -o-transition: .3s all;
          transition: .3s all; }
          .sidebar .sidebar-inner .sidebar-content li a:hover {
            -webkit-transform: scale(1.02);
            -ms-transform: scale(1.02);
            transform: scale(1.02);
            background-color: rgb(255 255 255 / 71%); }
          .sidebar .sidebar-inner .sidebar-content li a .icon {
            padding: 5px;
            background-color: #ececec;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 35px;
            border-radius: 5px;
            height: 35px; }
            .sidebar .sidebar-inner .sidebar-content li a .icon svg {
              font-size: 20px; }
              .sidebar .sidebar-inner .sidebar-content li a .icon svg path {
                fill: #e51e26; }
          .sidebar .sidebar-inner .sidebar-content li a .text {
            display: inline-block; }

.bottom-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
position: fixed;
  z-index: 98;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-top: 3px solid #20212d;
  bottom: 0;
  left: 0; }
  .bottom-bar li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #20212d;
    font-size: 10px;
    font-weight: 600;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
    .bottom-bar li a:hover {
      color: #e51e26; }
    .bottom-bar li a.active-link svg path {
      fill: #e51e26;
      stroke: #e51e26; }
    .bottom-bar li a.active-link {
      color: #e51e26; }
    .bottom-bar li a:hover svg path, .bottom-bar li a:hover svg path {
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all;
      fill: #e51e26;
      stroke: #e51e26; }
    .bottom-bar li a svg {
      font-size: 24px; }
  @media (min-width: 992px) {
    .bottom-bar {
      padding-left: 290px;
      display: none; } }

.page-header{
	 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:#ffffff;
	padding-top: 10px;
	z-index: 100;
    margin-bottom: 100px;
    border-bottom: 3px solid #20212d;

}
  .page-header .icon {
    width: 70px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .page-header .icon button,
    .page-header .icon a {
      width: 100%;
      height: 100%;
      background-color: #ececec;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      outline: none;
      -webkit-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all; }
      .page-header .icon button:hover,
      .page-header .icon a:hover {
        background-color: rgb(255 255 255 / 71%); }
      .page-header .icon button svg,
      .page-header .icon a svg {
        font-size: 24px; }
        .page-header .icon button svg path,
        .page-header .icon a svg path {
          fill: #20212d; }

.header-logo div {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .header-logo div {
      width: 45px;
      height: 45px; } }
  .header-logo div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.header-logo span {
  display: inline-block;
  color: #20212d;
  font-size: 14px;
  font-weight: 600; }
  @media (min-width: 992px) {
    .header-logo span {
      font-size: 18px; } }

.button-custom {
  width: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); }
  .button-custom a {
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
    .button-custom a:hover {
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
      background-color: rgb(255 255 255 / 71%); }
    .button-custom a .icon {
      padding: 5px;
      background-color: #ececec;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 35px;
      border-radius: 5px;
      height: 35px; }
      .button-custom a .icon svg {
        font-size: 20px; }
        .button-custom a .icon svg path {
          fill: #e51e26; }
    .button-custom a .text {
      display: inline-block; }

.button-custom-secondary {
  width: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); }
  .button-custom-secondary .bcs-inner,
  .button-custom-secondary a {
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    background-color: #ececec;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
    .button-custom-secondary .bcs-inner:hover,
    .button-custom-secondary a:hover {
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
      background-color: rgb(255 255 255 / 71%); }
    .button-custom-secondary .bcs-inner .icon,
    .button-custom-secondary a .icon {
      padding: 5px;
      background-color: #ffffff;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 35px;
      border-radius: 5px;
      height: 35px; }
      .button-custom-secondary .bcs-inner .icon svg,
      .button-custom-secondary a .icon svg {
        font-size: 20px; }
        .button-custom-secondary .bcs-inner .icon svg path,
        .button-custom-secondary a .icon svg path {
          fill: #e51e26; }
    .button-custom-secondary .bcs-inner .text,
    .button-custom-secondary a .text {
      display: inline-block; }

.header-link-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .header-link-buttons .header-link-item {
    width: 100%;
    margin-bottom: 20px; }
    @media (min-width: 300px) {
      .header-link-buttons .header-link-item {
        width: 48%;
        margin-bottom: 4%; } }
    @media (min-width: 576px) {
      .header-link-buttons .header-link-item {
        width: 49%;
        margin-bottom: 2%; } }
    @media (min-width: 992px) {
      .header-link-buttons .header-link-item {
        width: 49.5%;
        margin-bottom: 1%; } }

.live-prices .live-prices-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .live-prices .live-prices-list li {
    width: 100%;
    margin-bottom: 15px; }
    .live-prices .live-prices-list li:last-child {
      margin-bottom: 0; }
    @media (min-width: 992px) {
      .live-prices .live-prices-list li {
        margin-bottom: 20px; }
        .live-prices .live-prices-list li:last-child {
          margin-bottom: 0; } }
    .live-prices .live-prices-list li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      padding: 10px;
      background: #ececec;
      background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ececec), to(#ececec));
      background: -o-linear-gradient(left, #ececec 10%, #ececec 100%);
      background: linear-gradient(90deg, #ececec 10%, #ececec 100%);
      -webkit-transition: .5s all;
      -o-transition: .5s all;
      transition: .5s all; }
      @media (min-width: 576px) {
        .live-prices .live-prices-list li a {
          padding: 15px; background: #ececec; } }
      .live-prices .live-prices-list li a:hover {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01); }
      .live-prices .live-prices-list li a .price-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .live-prices .live-prices-list li a .price-title div {
          width: 40px;
          margin-right: 5px; }
          @media (min-width: 576px) {
            .live-prices .live-prices-list li a .price-title div {
              width: 50px;
              margin-right: 10px; } }
          .live-prices .live-prices-list li a .price-title div img {
            width: 100%; }
        .live-prices .live-prices-list li a .price-title span {
          font-size: 14px;
          color: #000000;
          font-weight: 600; }
          @media (min-width: 576px) {
            .live-prices .live-prices-list li a .price-title span {
              font-size: 20px; } }
      .live-prices .live-prices-list li a .price-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        width: 300px;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: end; }
        .live-prices .live-prices-list li a .price-area .price-sell {
          margin-right: 30px; }
          @media (min-width: 576px) {
            .live-prices .live-prices-list li a .price-area .price-sell {
              margin-right: 50px; } }
          .live-prices .live-prices-list li a .price-area .price-sell span {
            color: #ff0000;
            font-weight: 600;
            font-size: 12px; }
            @media (min-width: 576px) {
              .live-prices .live-prices-list li a .price-area .price-sell span {
                font-size: 14px; } }
        .live-prices .live-prices-list li a .price-area .price-buy span {
          color: #13c27d;
          font-weight: 600;
          font-size: 12px; }
          @media (min-width: 576px) {
            .live-prices .live-prices-list li a .price-area .price-buy span {
              font-size: 14px; } }
        .live-prices .live-prices-list li a .price-area .subtitle {
          color: #20212d;
          font-size: 12px;
          font-weight: 600; }
          @media (min-width: 576px) {
            .live-prices .live-prices-list li a .price-area .subtitle {
              font-size: 14px; } }

.prices-trade .searchbar-live-prices,
.transactions .searchbar-live-prices {
  margin-bottom: 20px; }
  .prices-trade .searchbar-live-prices .has-search,
  .transactions .searchbar-live-prices .has-search {
    position: relative; }
  .prices-trade .searchbar-live-prices .has-search .form-control,
  .transactions .searchbar-live-prices .has-search .form-control {
    padding-left: 35px; }
  .prices-trade .searchbar-live-prices .has-search .form-control-feedback,
  .transactions .searchbar-live-prices .has-search .form-control-feedback {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    display: inline-block;
    font-size: 18px; }
    .prices-trade .searchbar-live-prices .has-search .form-control-feedback path,
    .transactions .searchbar-live-prices .has-search .form-control-feedback path {
      fill: #b1b9c3; }
.prices-trade .nav-pills,
.transactions .nav-pills {
  overflow-x: scroll;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .prices-trade .nav-pills::-webkit-scrollbar,
  .transactions .nav-pills::-webkit-scrollbar {
    display: none; }
.prices-trade .nav-pills .nav-link,
.transactions .nav-pills .nav-link {
  background-color: transparent;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  color: #b1b9c3;
  padding: 0;
  margin-right: 20px; }
  @media (min-width: 576px) {
    .prices-trade .nav-pills .nav-link,
    .transactions .nav-pills .nav-link {
      font-size: 16px; } }
.prices-trade .nav-pills .nav-link.active,
.prices-trade .nav-pills .show > .nav-link,
.transactions .nav-pills .nav-link.active,
.transactions .nav-pills .show > .nav-link {
  background-color: transparent;
  color: #e51e26; }
.prices-trade .tab-content-head,
.transactions .tab-content-head {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  color: #20212d;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 576px) {
    .prices-trade .tab-content-head,
    .transactions .tab-content-head {
      padding: 20px;
      font-size: 14px; } }
  .prices-trade .tab-content-head div,
  .transactions .tab-content-head div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
  .prices-trade .tab-content-head .head-fs,
  .transactions .tab-content-head .head-fs {
    width: 40%; }
  .prices-trade .tab-content-head .head-sc,
  .transactions .tab-content-head .head-sc {
    width: 30%; }
  .prices-trade .tab-content-head .head-td,
  .transactions .tab-content-head .head-td {
    width: 30%; }
.prices-trade .live-prices-list li a,
.transactions .live-prices-list li a {
  background: #ececec; }
.prices-trade .live-prices-list .price-title,
.transactions .live-prices-list .price-title {
  width: 40%; }
.prices-trade .live-prices-list .price-area,
.transactions .live-prices-list .price-area {
  width: 60%; }
  .prices-trade .live-prices-list .price-area .price-sell,
  .transactions .live-prices-list .price-area .price-sell {
    width: 100%;
    margin: 0 !important;
    text-align: center; }
  .prices-trade .live-prices-list .price-area .price-buy,
  .transactions .live-prices-list .price-area .price-buy {
    width: 100%;
    text-align: center; }

.live-prices-list li {
  position: relative; }
  .live-prices-list li .closed {
    -webkit-filter: blur(12px);
    filter: blur(12px); }
  .live-prices-list li .market-closed {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border: 1px solid #000; }
    @media (min-width: 992px) {
      .live-prices-list li .market-closed {
        font-size: 14px; } }

.signup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .signup .content-inner {
    width: 100%;
    max-width: 500px; }
    .signup .content-inner .iti__country {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 10px; }
      @media (min-width: 576px) {
        .signup .content-inner .iti__country {
          font-size: 14px; } }
    .signup .content-inner .form-group {
      margin-bottom: 15px; }
      .signup .content-inner .form-group .show-password {
        right: 10px;
        top: 7px;
        cursor: pointer; }
        @media (min-width: 576px) {
          .signup .content-inner .form-group .show-password {
            top: 9px; } }
        .signup .content-inner .form-group .show-password svg {
          font-size: 24px; }
          .signup .content-inner .form-group .show-password svg path {
            fill: #20212d; }
      .signup .content-inner .form-group label {
        font-size: 12px;
        font-weight: 600;
        color: #20212d;
        margin-bottom: 5px; }
        @media (min-width: 576px) {
          .signup .content-inner .form-group label {
            font-size: 14px; } }
      .signup .content-inner .form-group label.error {
        font-size: 10px;
        color: #e51e26; }
      .signup .content-inner .form-group #phoneNumber {
        width: 100%;
        padding-left: 50px; }

.reference-code-profile .form-group,
.pi-popup .form-group {
  margin-bottom: 15px; }
  .reference-code-profile .form-group .show-password,
  .pi-popup .form-group .show-password {
    right: 10px;
    top: 7px;
    cursor: pointer; }
    @media (min-width: 576px) {
      .reference-code-profile .form-group .show-password,
      .pi-popup .form-group .show-password {
        top: 9px; } }
    .reference-code-profile .form-group .show-password svg,
    .pi-popup .form-group .show-password svg {
      font-size: 24px; }
      .reference-code-profile .form-group .show-password svg path,
      .pi-popup .form-group .show-password svg path {
        fill: #20212d; }
  .reference-code-profile .form-group label,
  .pi-popup .form-group label {
    font-size: 12px;
    font-weight: 600;
    color: #20212d;
    margin-bottom: 5px; }
    @media (min-width: 576px) {
      .reference-code-profile .form-group label,
      .pi-popup .form-group label {
        font-size: 14px; } }
  .reference-code-profile .form-group label.error,
  .pi-popup .form-group label.error {
    font-size: 10px;
    color: #e51e26; }
  .reference-code-profile .form-group #phoneNumber,
  .pi-popup .form-group #phoneNumber {
    width: 100%;
    padding-left: 50px; }

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .login .content-title {
    max-width: 500px;
    color: #20212d;
    font-weight: 600; }
    .login .content-title span {
      font-size: 9px;
      text-align: left; }
      @media (min-width: 576px) {
        .login .content-title span {
          font-size: 11px; } }
  .login .content-inner {
    width: 100%;
    max-width: 500px; }
    .login .content-inner .iti__country {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 10px; }
      @media (min-width: 576px) {
        .login .content-inner .iti__country {
          font-size: 14px; } }
    .login .content-inner .form-group {
      margin-bottom: 15px; }
      .login .content-inner .form-group .show-password {
        right: 10px;
        top: 7px;
        cursor: pointer; }
        @media (min-width: 576px) {
          .login .content-inner .form-group .show-password {
            top: 9px; } }
        .login .content-inner .form-group .show-password svg {
          font-size: 24px; }
          .login .content-inner .form-group .show-password svg path {
            fill: #20212d; }
      .login .content-inner .form-group label {
        font-size: 12px;
        font-weight: 600;
        color: #20212d;
        margin-bottom: 5px; }
        @media (min-width: 576px) {
          .login .content-inner .form-group label {
            font-size: 14px; } }
      .login .content-inner .form-group label.error {
        font-size: 10px;
        color: #e51e26; }
      .login .content-inner .form-group #phoneNumber {
        width: 100%;
        padding-left: 50px; }
	  .login .content-inner .form-group #phoneNumber2 {
        width: 100%;
        padding-left: 50px; }
		
    .login .content-inner .nav-pills {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .login .content-inner .nav-pills .nav-item {
        width: 100%;
        margin-bottom: 10px; }
        @media (min-width: 360px) {
          .login .content-inner .nav-pills .nav-item {
            width: 48%;
            margin-bottom: 0; } }
        .login .content-inner .nav-pills .nav-item .nav-link {
          color: #ffffff;
          font-size: 12px;
          font-weight: 600;
          padding: 10px;
          background-color: #0d0f16; }
        .login .content-inner .nav-pills .nav-item .nav-link.active {
          background-color: #ff0000; }

.form-group label {
  font-size: 12px;
  font-weight: 600;
  color: #20212d;
  margin-bottom: 5px; }
  @media (min-width: 576px) {
    .form-group label {
      font-size: 14px; } }

.deposit-with-crypto-content,
.withdraw-with-crypto-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .deposit-with-crypto-content .content-card svg,
  .withdraw-with-crypto-content .content-card svg {
    width: 30px;
    height: 30px; }
    @media (min-width: 576px) {
      .deposit-with-crypto-content .content-card svg,
      .withdraw-with-crypto-content .content-card svg {
        width: 40px;
        height: 40px; } }

#show-address .copy-to-clipboard {
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px; }
  #show-address .copy-to-clipboard svg {
    width: 30px; }
#show-address .barcode-img {
  width: 150px;
  height: 150px; }
  #show-address .barcode-img img {
    width: 100%;
    height: 100%; }

.pch-item {
  background-color: #ececec;
  border-radius: 5px;
  color: #20212d;
  font-weight: 600;
  margin-bottom: 10px;
  width: 48%; }
  @media (min-width: 576px) {
    .pch-item {
      width: 49%; } }
  .pch-item .fs {
    width: 40px;
    border-radius: 5px;
    background-color: red; }
    .pch-item .fs svg {
      font-size: 20px; }
    @media (min-width: 576px) {
      .pch-item .fs {
        width: 50px; }
        .pch-item .fs svg {
          font-size: 24px; } }
  .pch-item .sc {
    padding: 9px; }
  .pch-item .title {
    font-size: 9px; }
    @media (min-width: 576px) {
      .pch-item .title {
        font-size: 11px; } }
  .pch-item .price {
    font-size: 15px; }
    @media (min-width: 576px) {
      .pch-item .price {
        font-size: 18px; } }

.reference-code-profile,
.pi-popup {
  position: fixed;
  bottom: -500px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #ececec;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1000; }
  @media (min-width: 576px) {
    .reference-code-profile,
    .pi-popup {
      padding: 20px; } }
  .reference-code-profile form,
  .pi-popup form {
    width: 100%;
    max-width: 400px; }

.page-overlay-sec {
  z-index: 999; }

.settings {
  background-color: #ececec;
  border-radius: 5px;
  color: #20212d;
  padding: 20px;
  /* Rounded sliders */ }
  .settings h6 {
    font-weight: 600;
    font-size: 14px; }
    @media (min-width: 576px) {
      .settings h6 {
        font-size: 20px; } }
  .settings .setting-item {
    padding: 10px 0;
    border-bottom: 1px solid #b1b9c363; }
    @media (min-width: 576px) {
      .settings .setting-item {
        padding-bottom: 15px 0; } }
    .settings .setting-item .icon {
      font-size: 15px; }
      @media (min-width: 576px) {
        .settings .setting-item .icon {
          font-size: 20px; } }
    .settings .setting-item .setting-item-title {
      font-weight: 600;
      color: #20212d;
      font-size: 12px; }
      @media (min-width: 576px) {
        .settings .setting-item .setting-item-title {
          font-size: 14px; } }
    .settings .setting-item:last-child {
      border: none;
      padding-bottom: 0; }
  .settings .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px; }
  .settings .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .settings .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .settings .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .settings input:checked + .slider {
    background-color: #13c27d; }
  .settings input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #13c27d;
    box-shadow: 0 0 1px #13c27d; }
  .settings input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px); }
  .settings .slider.round {
    border-radius: 34px; }
  .settings .slider.round:before {
    border-radius: 50%; }
  .settings #language-selector {
    background-color: transparent;
    border: none;
    outline: none;
    color: #20212d;
    font-size: 13px; }

#submit-btn {
  width: 100%;
  padding: 10px;
  background-color: #ff0000;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  border: none;
  font-weight: 600; }
  @media (min-width: 576px) {
    #submit-btn {
      font-size: 14px; } }

.identity-verification-content .identity-content-head {
  font-size: 12px;
  color: #20212d;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #b1b9c363; }
  @media (min-width: 576px) {
    .identity-verification-content .identity-content-head {
      font-size: 14px; } }
  .identity-verification-content .identity-content-head svg {
    font-size: 20px; }
    @media (min-width: 576px) {
      .identity-verification-content .identity-content-head svg {
        font-size: 30px; } }
  .identity-verification-content .identity-content-head .text-warning {
    cursor: pointer; }
.identity-verification-content form {
  padding: 20px;
  border-radius: 5px;
  background-color: #ececec; }
  .identity-verification-content form select {
    background-color: #ffffff !important; }

.hiddenFileInput {
  padding: 20px;
  border: 1px dashed #20212d;
  width: 100%;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative; }
  .hiddenFileInput input {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .hiddenFileInput span,
  .hiddenFileInput h6 {
    color: #b1b9c3; }
  .hiddenFileInput h6 {
    font-size: 12px;
    font-weight: 600; }
  .hiddenFileInput span {
    font-size: 10px;
    font-weight: 600; }
  .hiddenFileInput svg {
    font-size: 40px;
    color: #b1b9c3; }
  .hiddenFileInput #identity-img {
    /*width: 100%;
    max-width: 300px;*/ 
	
	width: 100%;
    max-width: 120px;
    max-height: 70px;
    position: absolute;
    left: 170px;
    top: 10px;
	
	}

.date-input {
  width: 100%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 5px;
  color: #20212d;
  font-size: 13px;
  outline: none; }

.pi-popup-button {
  -webkit-box-shadow: none;
  box-shadow: none; }

.transactions-info {
  background-color: #ffffff; }
  .transactions-info .ti-inner {
    padding: 10px; }
  .transactions-info .button-custom {
    border-top: 1px solid #b1b9c363;
    padding: 10px !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 600; }
    .transactions-info .button-custom a {
      padding: 0;
      background-color: transparent; }
      .transactions-info .button-custom a:hover {
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important; }
      .transactions-info .button-custom a .text {
        font-size: 16px; }

.transaction-item {
  background-color: #ececec;
  padding: 10px; }
  .transaction-item span {
    font-weight: 600;
    color: #20212d;
    font-size: 13px; }
  .transaction-item .ts-left-start span {
    font-size: 14px; }
    @media (min-width: 576px) {
      .transaction-item .ts-left-start span {
        font-size: 16px; } }
  .transaction-item .ts-left-start .text-danger,
  .transaction-item .ts-left-start .text-success {
    font-size: 12px; }
    @media (min-width: 576px) {
      .transaction-item .ts-left-start .text-danger,
      .transaction-item .ts-left-start .text-success {
        font-size: 14px; } }
  .transaction-item .ts-left-end {
    color: #20212d; }
    .transaction-item .ts-left-end span {
      font-size: 11px; }
      @media (min-width: 576px) {
        .transaction-item .ts-left-end span {
          font-size: 13px; } }
  .transaction-item .price {
    font-size: 14px; }
    @media (min-width: 576px) {
      .transaction-item .price {
        font-size: 16px; } }

.ask-bid-container .ask-bid-header span {
  font-size: 16px;
  color: #20212d;
  font-weight: 600; }
  @media (min-width: 576px) {
    .ask-bid-container .ask-bid-header span {
      font-size: 20px; } }
.ask-bid-container .ask-bid-header .ask-bid-header-content span {
  font-size: 11px; }
  @media (min-width: 576px) {
    .ask-bid-container .ask-bid-header .ask-bid-header-content span {
      font-size: 16px; } }
.ask-bid-container .ask-bid-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px; }
  .ask-bid-container .ask-bid-buttons .inr-btn {
    cursor: pointer;
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #20212d;
    font-weight: 600;
    padding: 10px;
    font-size: 13px;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all; }
    @media (min-width: 576px) {
      .ask-bid-container .ask-bid-buttons .inr-btn {
        width: 49%; } }
  .ask-bid-container .ask-bid-buttons .ask-button {
    border: 2px dashed #ececec;
    border-radius: 5px; }
    .ask-bid-container .ask-bid-buttons .ask-button div {
      padding: 5px 15px;
      border-radius: 5px;
      background-color: #ececec; }
    .ask-bid-container .ask-bid-buttons .ask-button.active {
      border: 2px dashed #e0465a; }
    .ask-bid-container .ask-bid-buttons .ask-button.active div {
      background-color: #e0465a; }
  .ask-bid-container .ask-bid-buttons .bid-button {
    border: 2px dashed #ececec;
    border-radius: 5px; }
    .ask-bid-container .ask-bid-buttons .bid-button div {
      padding: 5px 15px;
      border-radius: 5px;
      background-color: #ececec; }
    .ask-bid-container .ask-bid-buttons .bid-button.active {
      border: 2px dashed #13c27d; }
    .ask-bid-container .ask-bid-buttons .bid-button.active div {
      background-color: #13c27d; }
.ask-bid-container .ask-bid-range {
  padding: 20px;
  background-color: #ececec;
  border-radius: 5px; }
  .ask-bid-container .ask-bid-range .pos-quantity-area {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px; }
    .ask-bid-container .ask-bid-range .pos-quantity-area .dec-inc-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 45px;
      height: 45px;
      background-color: #ececec;
      border: none;
      outline: none;
      border-radius: 5px;
      font-size: 30px;
      color: #20212d; }
    .ask-bid-container .ask-bid-range .pos-quantity-area input#amount {
      background-color: transparent;
      font-size: 16px;
      font-weight: 600;
      color: #20212d;
      border: none;
      max-width: 150px;
      outline: none;
      text-align: center; }
      @media (min-width: 576px) {
        .ask-bid-container .ask-bid-range .pos-quantity-area input#amount {
          font-size: 20px; } }
.ask-bid-container .slider-range-content .src {
  width: 10%; }
.ask-bid-container .slider-range-content .text {
  font-size: 12px;
  text-align: center; }
.ask-bid-container .slider-range-content #slider-range {
  width: 100%; }
.ask-bid-container .slider-range-content .ui-slider-horizontal .ui-slider-handle {
  top: -6.5px;
  border-radius: 50%;
  background-color: #b1b9c3;
  border: none !important; }
.ask-bid-container .slider-range-content .ui-state-active,
.ask-bid-container .slider-range-content .ui-state-focus {
  border: none !important;
  outline: none !important; }
.ask-bid-container .slider-range-content .ui-widget-header {
  background-color: #b1b9c3; }
.ask-bid-container .slider-range-content .ui-widget-content {
  background-color: #a3a2a2 !important;
  height: 6px;
  border: none !important;
  border-radius: 5px;
  outline: none !important; }
.ask-bid-container .ask-bid-additional-positions {
  padding: 20px;
  background-color: #ececec;
  border-radius: 5px; }
  .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item {
    border: 2px dashed #ececec;
    border-radius: 5px;
    padding: 15px;
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .pos-quantity-area {
      background-color: #ffffff;
      border-radius: 5px;
      padding: 10px; }
      .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .pos-quantity-area .dec-inc-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 25px;
        height: 25px;
        background-color: #ececec;
        border: none;
        outline: none;
        border-radius: 5px;
        font-size: 30px;
        color: #20212d; }
      .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .pos-quantity-area input#amount {
        background-color: transparent;
        font-size: 13px;
        font-weight: 600;
        color: #20212d;
        border: none;
        outline: none;
        text-align: center;
        max-width: 150px; }
        @media (min-width: 576px) {
          .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .pos-quantity-area input#amount {
            font-size: 16px; } }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .amount-item {
      background-color: transparent;
      font-size: 13px;
      font-weight: 600;
      color: #20212d;
      border: none;
      outline: none;
      text-align: center; }
      @media (min-width: 576px) {
        .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .amount-item {
          font-size: 16px; } }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .container-cb {
      display: block;
      position: relative;
      padding-left: 35px;
      color: #20212d;
      font-weight: 600;
      cursor: pointer;
      font-size: 13px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .container-cb input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      border-radius: 5px;
      background-color: #ececec;
      border: 1px solid #b1b9c3; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .container-cb input:checked ~ .checkmark {
      background-color: #ececec; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .container-cb input:checked ~ .checkmark:after {
      display: block; }
    .ask-bid-container .ask-bid-additional-positions .ask-bid-add-item .custom-checkbox .container-cb .checkmark:after {
      left: 6px;
      top: 2px;
      width: 6px;
      height: 12px;
      border: solid #ffd900;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.info-popup.success .popup-icon svg {
  font-size: 100px;
  color: #13c27d; }
.info-popup.success button {
  background-color: #13c27d !important; }
.info-popup.error .popup-icon svg {
  font-size: 100px;
  color: #e0465a; }
.info-popup.error button {
  background-color: #e0465a !important; }
.info-popup h3 {
  font-size: 22px !important;
  color: #20212d;
  font-weight: 600; }
.info-popup #submit-btn {
  max-width: 400px;
  width: 100%; }

.ask-bid-submit #submit-btn {
  background-color: #e0465a !important; }
.ask-bid-submit.active #submit-btn {
  background-color: #13c27d !important; }

.ask-bid-submit-sc {
  width: 49% !important; }
  @media (min-width: 576px) {
    .ask-bid-submit-sc {
      width: 150px !important; } }
  .ask-bid-submit-sc.success #submit-btn {
    background-color: #13c27d !important;
    width: 100%; }
  .ask-bid-submit-sc.error #submit-btn {
    background-color: #e0465a !important;
    width: 100%; }

.form-sort {
  /*the container must be positioned relative:*/
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/ }
  .form-sort .custom-select {
    position: relative;
    border-radius: 5px;
    font-size: 12px; }
  .form-sort .custom-select select {
    display: none;
    /*hide original SELECT element:*/ }
  .form-sort .select-selected {
    background-color: #ececec;
    border: 1px solid #ececec !important; }
  .form-sort .select-selected:after {
    position: absolute;
    content: "";
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #20212d transparent transparent transparent; }
  .form-sort .select-selected.select-arrow-active:after {
    border-color: transparent transparent #20212d transparent;
    top: 7px; }
  .form-sort .select-items div,
  .form-sort .select-selected {
    color: #20212dfff;
    padding: 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none; }
  .form-sort .select-items {
    position: absolute;
    background-color: #ececec;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    font-size: 12px;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec; }
  .form-sort .select-hide {
    display: none; }
  .form-sort .select-items div:hover,
  .form-sort .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.banner-slider {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px; }
  .banner-slider .splide__arrow {
    background-color: transparent !important;
    opacity: 0 !important; }
  .banner-slider .splide__arrow svg {
    fill: #20212d; }
  .banner-slider #image-carousel {
    width: 100%;
    max-width: 1000px; }
  .banner-slider .splide__slide {
    border-radius: 10px; }
    .banner-slider .splide__slide img {
      width: 100%;
      height: 100%; }
  .banner-slider .splide__pagination {
    bottom: -40px; }
    .banner-slider .splide__pagination .splide__pagination__page {
      background-color: #e0465a; }

.trading-view-widget-container {
	margin-top: 45px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 20px; }
  .trading-view-widget-container .tradingview-widget-container {
    width: 100%;
    height: 100%; }
  .trading-view-widget-container #tradingview_6f150{
    width: 100%;
    height: 96%; }

.sidebar-header-inner {
  position: relative;
  cursor: pointer; }

.sidebar-header-change-user {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: pointer;
  background-color: #ececec;
  z-index: 9999; }

.shc-h .arrow-icn {
  right: 5px;
  position: absolute;
  color: #20212d;
  font-size: 25px; }

.shc-item {
  transition: .3s all; }
  .shc-item:hover {
    background-color: #ffffff; }

.about-us .page-content-img {
  border-radius: 5px;
  overflow: hidden; }
.about-us .page-h2 {
  color: #20212d;
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #b1b9c3;
  width: max-content;
  text-align: center; }
  @media (min-width: 576px) {
    .about-us .page-h2 {
      font-size: 24px; } }
.about-us .page-h3 {
  color: #20212d;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #b1b9c3;
  width: max-content;
  text-align: center; }
  @media (min-width: 576px) {
    .about-us .page-h3 {
      font-size: 20px; } }
.about-us ul {
  list-style-type: circle;
  color: #20212d;
  font-weight: 600; }
  .about-us ul li {
    display: list-item;
    margin-bottom: 5px; }

.sponsor-item .img {
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
  overflow: hidden; }
  .sponsor-item .img img {
    width: 100%; }

.list-about {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .list-about ul {
    max-width: 600px;
    width: 100%; }
  .list-about .page-h3 {
    text-align: left;
    max-width: 600px;
    width: 100%;
    border-bottom: 0; }

/* Ripple effect */
.ripple,
.button-custom-secondary,
.shc-item {
  background-position: center;
  transition: background 0.6s; }

.ripple:hover,
.button-custom-secondary:hover,
.shc-item:hover {
  background: rgba(0, 0, 0, 0.2) radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.2) 1%) center/15000%; }

.ripple:active,
.button-custom-secondary:active,
.shc-item:active {
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 100%;
  transition: background 0s; }

.hl-coin {
  font-size: 19px !important; }
  @media (min-width: 576px) {
    .hl-coin {
      font-size: 24px !important; } }

.circle-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.circle-ripple:hover .circle-ripple circle {
  animation: ripple 0.5s ease infinite;
}

@keyframes ripple {
  from {
    r: 0;
  }
  to {
    r: 100;
  }
}

/*# sourceMappingURL=style.css.map */


/*
animeprice {
		font: 20px / 1 Courier;
		font-weight: 600;
	}
*/

div#bulanik {
    background: #00000082;
    height: 1000vh;
    width: 1000vh;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}
div#parayatir>div>div>span {
    font-size: 0.7em !important;
}
div#paracek>div>div>span {
    font-size: 0.7em !important;
}


.w-100>ul>li>a>svg path {
    fill: #20212d;
	stroke: #20212d;
}

.ripple>svg g {
    stroke: #20212d;
}

.btn .daire {position: absolute;border-radius: 50%;background-color: #fff;width: 100px;height: 100px;transform: translate(-50%, -50%) scale(0);animation: buyut 0.6s ease-out;}
@keyframes buyut {
    to {
        transform: translate(-50%, -50%) scale(4);opacity: 0;
    }
}











.icon i.fa.fa-history {
  color: #db0015;
}

.splide__pagination {
  display: none;
	
}

.ms-4 {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
}