.front-end {
  background: #f7f7f7; }
  .front-end .authincation .news_box {
    text-align: center;
    font-size: 12px; }
  .front-end .authincation .static-page {
    padding: 15px; }
  .front-end .header-content {
    background: #fff;
    padding-top: 20px; }
    .front-end .header-content .navbar .logout {
      font-size: 30px; }
      .front-end .header-content .navbar .logout a {
        color: #9b8d7d; }
    .front-end .header-content .navbar a {
      color: #9b8d7d; }
      .front-end .header-content .navbar a:hover {
        color: black; }
  .front-end .deznav, .front-end .nav-header {
    background: white; }
  .front-end .languages {
    position: absolute;
    right: 0;
    top: -16px;
    cursor: pointer;
    width: 60px; }
    .front-end .languages ul {
      list-style-type: none;
      padding: 0 10px;
      text-align: center;
      margin: 0;
      background: #f7f7f7;
      border-radius: 5px;
      padding-right: 20px; }
      .front-end .languages ul li {
        padding-bottom: 4px;
        display: none; }
        .front-end .languages ul li:first-of-type {
          display: block; }
        .front-end .languages ul li img {
          margin: 0;
          -webkit-filter: grayscale(0);
          filter: grayscale(0); }
        .front-end .languages ul li:after {
          content: " > ";
          display: block;
          position: absolute;
          right: 6px;
          top: 1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
    .front-end .languages:hover ul li {
      display: block; }
  .front-end .header-right .notification_dropdown .nav-link {
    background: #f7f7f7; }
  .front-end .header-left {
    position: relative;
    top: -13px; }
  .front-end #main-wrapper .deznav {
    width: 300px; }
    .front-end #main-wrapper .deznav .metismenu li.first {
      margin-bottom: 15px;
      margin-top: 15px; }
    .front-end #main-wrapper .deznav .metismenu li a {
      font-size: 14px;
      padding: 10px 50px; }
      @media (max-width: 992px) {
        .front-end #main-wrapper .deznav .metismenu li a {
          padding: 10px 4px; } }
      .front-end #main-wrapper .deznav .metismenu li a .fa {
        font-size: 15px;
        width: 40px; }
      .front-end #main-wrapper .deznav .metismenu li a:before {
        background: #9b8d7d; }
    .front-end #main-wrapper .deznav .metismenu li.mm-active a {
      background: #4d5257;
      color: #fff; }
      .front-end #main-wrapper .deznav .metismenu li.mm-active a .fa {
        color: #9b8d7d; }
    .front-end #main-wrapper .deznav .metismenu li:hover a {
      color: #9b8d7d; }
      .front-end #main-wrapper .deznav .metismenu li:hover a .fa {
        color: #9b8d7d; }
    .front-end #main-wrapper .deznav .user-info {
      text-align: left;
      padding-left: 15px;
      padding-top: 15px; }
      .front-end #main-wrapper .deznav .user-info .fa {
        font-size: 16px;
        font-weight: bold;
        width: 22px;
        color: #495b76; }
      .front-end #main-wrapper .deznav .user-info ul {
        margin-top: 15px; }
        @media (max-width: 992px) {
          .front-end #main-wrapper .deznav .user-info ul {
            text-align: center; } }
        .front-end #main-wrapper .deznav .user-info ul li {
          font-size: 12px;
          font-weight: bold;
          margin-bottom: 7px; }
      @media (max-width: 992px) {
        .front-end #main-wrapper .deznav .user-info h5 {
          text-align: center; } }
      @media (max-width: 992px) {
        .front-end #main-wrapper .deznav .user-info hr {
          margin-left: auto !important;
          margin-right: auto !important; } }
    .front-end #main-wrapper .deznav .verify-info {
      text-align: center;
      color: green; }
      .front-end #main-wrapper .deznav .verify-info .fa {
        position: static;
        font-size: 20px;
        color: white; }
      .front-end #main-wrapper .deznav .verify-info .verified {
        text-align: center;
        display: inline-block;
        padding: 10px;
        background: #239323;
        color: white;
        width: 100%;
        left: 0; }
      .front-end #main-wrapper .deznav .verify-info .unverified {
        text-align: center;
        display: inline-block;
        padding: 10px;
        background: red;
        color: white;
        width: 100%;
        left: 0; }
  .front-end .main-profile {
    padding: 0; }
    .front-end .main-profile .image {
      margin-top: 10px; }
      .front-end .main-profile .image .icon {
        background: #9b8d7d;
        padding: 10px;
        position: absolute;
        bottom: 5px;
        left: 40px;
        margin-left: -20px;
        font-size: 30px;
        border-radius: 12px;
        line-height: 0;
        color: white; }
        .front-end .main-profile .image .icon i {
          position: static !important;
          font-size: 20px;
          color: white; }
      .front-end .main-profile .image img {
        width: 100px;
        height: auto; }
    .front-end .main-profile .left {
      padding-left: 20px;
      padding-right: 0; }
    .front-end .main-profile .right {
      padding: 0; }
  .front-end .nav-header {
    width: 300px; }
    @media (max-width: 992px) {
      .front-end .nav-header {
        width: 80px; } }
  .front-end .header {
    padding-left: 300px; }
    @media (max-width: 992px) {
      .front-end .header {
        padding-left: 155px; } }
  .front-end .content-body {
    margin-left: 300px; }
    @media (max-width: 992px) {
      .front-end .content-body {
        margin-left: 0; } }
  .front-end .nav-header .brand-logo {
    margin-top: 20px; }
    @media (max-width: 992px) {
      .front-end .nav-header .brand-logo {
        padding-left: 20px;
        padding-top: 0;
        margin-top: 14px; } }
    .front-end .nav-header .brand-logo img {
      max-height: 66px;
      width: auto; }
  .front-end .nav-header .hamburger .line {
    background: #9b8d7d; }

#messages .message {
  border-bottom: 1px solid #8ae004;
  margin-bottom: 15px;
  cursor: pointer; }
  #messages .message .subject {
    font-size: 17px;
    font-weight: bold; }
  #messages .message .date {
    text-align: center; }
  #messages .message .description {
    padding: 20px 15px; }
  #messages .message.unread {
    background: #fbfbfb; }

.content-body .user_info {
  margin-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px; }
  .content-body .user_info_right .money_box {
    float: right; }
  .content-body .user_info_left {
    margin-top: 15px; }
  .content-body .user_info_top {
    margin-bottom: 10px; }
    .content-body .user_info_top_wrap {
      border-bottom: 2px solid #9b8d7d;
      width: 100%; }
    .content-body .user_info_top h2, .content-body .user_info_top span {
      line-height: 33px;
      float: left; }
    .content-body .user_info_top h2 {
      margin-bottom: 10px;
      color: black; }
      @media (max-width: 1200px) {
        .content-body .user_info_top h2 {
          font-size: 22px; } }
    .content-body .user_info_top span {
      background-color: red;
      color: white;
      margin-left: 20px;
      font-size: 22px;
      padding: 0 30px; }
  .content-body .user_info_holder {
    margin-bottom: 10px; }
    .content-body .user_info_holder_wrap {
      padding-bottom: 5px;
      display: flex;
      align-items: center;
      float: left;
      border-bottom: 1px solid #e3e3e3; }
    .content-body .user_info_holder_name, .content-body .user_info_holder_ip {
      float: left; }
    .content-body .user_info_holder_name {
      min-width: 210px;
      font-size: 20px;
      padding-right: 15px;
      color: black; }
      @media (max-width: 1400px) {
        .content-body .user_info_holder_name {
          font-size: 16px; } }
    .content-body .user_info_holder_ip {
      background-color: #727272;
      color: white;
      line-height: 30px;
      padding: 0 10px; }
      @media (max-width: 1400px) {
        .content-body .user_info_holder_ip {
          font-size: 12px; } }
      @media (max-width: 1200px) {
        .content-body .user_info_holder_ip {
          display: none; } }
  .content-body .user_info_bottom_img {
    width: 70px; }
    .content-body .user_info_bottom_img img {
      width: 100%; }
  .content-body .user_info_bottom_labels {
    padding: 0 10px 0 15px; }
  .content-body .user_info_bottom strong {
    font-weight: bold; }
  .content-body .user_info_bottom li.unverified strong {
    color: red; }
.content-body .money_box {
  height: 90px;
  width: 380px;
  margin: 0 auto;
  display: table;
  border-radius: 10px;
  background: #9b8d7d; }
  @media (max-width: 1200px) {
    .content-body .money_box {
      width: 100%; } }
  .content-body .money_box_left, .content-body .money_box_right {
    display: table-cell;
    vertical-align: middle;
    height: 90px; }
  .content-body .money_box_left {
    width: 30%; }
  .content-body .money_box_right {
    text-align: center;
    width: 70%;
    color: white;
    padding: 8px 0;
    padding-right: 20px; }
    .content-body .money_box_right h3 {
      text-transform: uppercase;
      font-size: 14px;
      text-align: left;
      color: white; }
      @media (max-width: 1400px) {
        .content-body .money_box_right h3 {
          font-size: 13px; } }
      .content-body .money_box_right h3 strong {
        font-weight: bold; }
  .content-body .money_box_pair {
    font-size: 30px;
    color: white;
    text-align: center;
    font-weight: bold; }
  .content-body .money_box_money {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    text-align: left; }
    @media (max-width: 1400px) {
      .content-body .money_box_money {
        font-size: 21px; } }
  .content-body .money_box_line {
    margin: 5px 0;
    width: 100%;
    height: 2px; }
    .content-body .money_box_line .inside_line {
      height: 2px;
      background: white; }
  .content-body .money_box_text {
    font-size: 12px;
    line-height: 16px;
    text-align: left; }
    .content-body .money_box_text span {
      font-size: 16px;
      margin-right: 14px; }
      @media (max-width: 1200px) {
        .content-body .money_box_text span {
          font-size: 12px;
          margin-right: 6px; } }
.content-body .user_info_bottom .money_box {
  background: #c7c6c6;
  width: 100%; }
  @media (max-width: 992px) {
    .content-body .user_info_bottom .money_box {
      margin-bottom: 15px; } }
  .content-body .user_info_bottom .money_box_text span {
    margin-right: 5px; }
.content-body .verifyAccountData {
  margin-bottom: 50px; }
  .content-body .verifyAccountData h3 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #9b8d7d; }
  .content-body .verifyAccountData .item {
    margin-bottom: 10px; }
    .content-body .verifyAccountData .item .name {
      font-weight: bold; }
    .content-body .verifyAccountData .item div {
      padding-left: 0; }
  .content-body .verifyAccountData h2 {
    margin-top: 30px;
    margin-bottom: 10px !important; }
.content-body .btn-primary {
  background: #9b8d7d;
  border: none; }
  .content-body .btn-primary:hover, .content-body .btn-primary:active, .content-body .btn-primary:focus {
    background: black !important; }
.content-body .bankFee .headline {
  margin-bottom: 20px; }
.content-body .bankFee .fee {
  border: 1px solid;
  padding: 7px 13px;
  border-radius: .35rem;
  border-color: #c1c1c1;
  border-style: dashed;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-right: 0 !important;
  margin-left: 0 !important; }
  .content-body .bankFee .fee.active {
    background: #9b8d7d;
    color: white; }
    .content-body .bankFee .fee.active .text-black {
      color: white !important; }
.content-body .formH2 {
  padding: 30px 0; }
.content-body table a {
  color: #9b8d7d; }
.content-body table .red {
  color: red; }
.content-body table .green {
  color: green; }
.content-body .news_box {
  color: black;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #9b8d7d;
  padding: 15px;
  margin-bottom: 30px; }
  .content-body .news_box h4 {
    background: #f6f7ed;
    text-align: center;
    padding: 10px 0; }
  .content-body .news_box .news_box_left img {
    max-width: 100%; }
.content-body .last_transactions {
  padding: 0; }
.content-body .accountRechargeInfo span {
  font-weight: 600; }
.content-body .commisionSavings {
  font-weight: bold;
  padding: 15px 0;
  color: #00ad4d; }
.content-body .nav-tabs li {
  padding: 10px 20px; }
  .content-body .nav-tabs li.active {
    background: #f6f7ed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .content-body .nav-tabs li a:hover {
    color: #9b8d7d; }
.content-body .bank_actions {
  background: #f9f9f9;
  padding: 10px; }
  .content-body .bank_actions .bank_action {
    background: white;
    border-radius: 15px; }
    @media (max-width: 992px) {
      .content-body .bank_actions .bank_action {
        margin-bottom: 30px; } }
    .content-body .bank_actions .bank_action .bank_action_icon {
      background: #ecfae4;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      text-align: center;
      line-height: 77px;
      margin: 15px; }
      @media (max-width: 1400px) {
        .content-body .bank_actions .bank_action .bank_action_icon {
          width: 50px;
          height: 50px;
          line-height: 50px; } }
      .content-body .bank_actions .bank_action .bank_action_icon img {
        max-width: 50%;
        height: auto; }
    .content-body .bank_actions .bank_action .bank_action_text {
      text-align: right;
      font-size: 20px;
      color: black;
      text-transform: uppercase;
      padding-right: 20px;
      padding-top: 22px; }
      @media (max-width: 1400px) {
        .content-body .bank_actions .bank_action .bank_action_text {
          font-size: 16px; } }
      @media (max-width: 1200px) {
        .content-body .bank_actions .bank_action .bank_action_text {
          font-size: 13px; } }
      @media (max-width: 992px) {
        .content-body .bank_actions .bank_action .bank_action_text {
          font-size: 16px; } }
      .content-body .bank_actions .bank_action .bank_action_text span {
        display: block; }
      .content-body .bank_actions .bank_action .bank_action_text .fa {
        color: #9b8d7d; }
    .content-body .bank_actions .bank_action:hover {
      background: #f6f7ed; }
.content-body .exchange {
  color: black;
  padding: 60px 0; }
  .content-body .exchange_pair {
    position: relative;
    text-align: center; }
    .content-body .exchange_pair:after {
      position: absolute;
      right: 0;
      top: calc(87% - 30px);
      height: 60px;
      width: 1px;
      background: #ebebeb;
      content: ""; }
    .content-body .exchange_pair:last-child:after {
      display: none; }
    .content-body .exchange_pair_name {
      font-size: 20px;
      font-weight: bold; }
    .content-body .exchange_pair_percent {
      color: orange; }
      .content-body .exchange_pair_percent.up {
        color: green; }
      .content-body .exchange_pair_percent.down {
        color: red; }
    .content-body .exchange_pair_cash {
      font-weight: bolder; }
    .content-body .exchange_pair_text {
      text-transform: uppercase; }
  .content-body .exchange .exchange_pair {
    margin-top: 10px;
    margin-bottom: 10px; }
    .content-body .exchange .exchange_pair.main .currency {
      background: blue; }
    .content-body .exchange .exchange_pair .currency {
      width: 100px;
      height: 100px;
      line-height: 100px;
      background: orange;
      display: inline-block;
      border-radius: 50%;
      color: white;
      font-size: 23px;
      position: relative;
      margin: 0 10px; }
      .content-body .exchange .exchange_pair .currency:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        border: 4px solid white;
        position: absolute;
        top: 10px;
        left: 10px; }
    .content-body .exchange .exchange_pair .exchange_pair_name {
      padding-bottom: 15px; }
      .content-body .exchange .exchange_pair .exchange_pair_name.centered {
        margin-top: 50px; }
      .content-body .exchange .exchange_pair .exchange_pair_name.up .currency {
        background: green; }
      .content-body .exchange .exchange_pair .exchange_pair_name.down .currency {
        background: red; }

.invest_section h2 {
  margin-bottom: 30px; }
.invest_section .currency {
  color: white;
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: -20px; }

.errorpage {
  text-align: center; }
  .errorpage h1 {
    margin: 20px 0;
    font-size: 60px; }

.card {
  height: auto; }

.main-profile i {
  position: static; }

@media (max-width: 1100px) {
  form.centered {
    width: 100%;
    max-width: 100%;
    padding: 0; } }

@media (max-width: 1400px) {
  .form-control {
    height: 56px; } }

@media (max-width: 1199px) {
  .header-right > li:not(:first-child) {
    padding-left: 1.25rem; } }

@media (min-width: 768px) {
  [data-sidebar-style="mini"] .deznav .metismenu > li > a {
    text-align: left; }

  [data-sidebar-style="mini"] .deznav .nav-text {
    display: inline-block;
    vertical-align: top; }

  [data-sidebar-style="mini"] .deznav .copyright, [data-sidebar-style="mini"] .deznav .main-profile {
    display: block;
    vertical-align: top; }

  [data-sidebar-style="mini"] .deznav .metismenu .nav-label, [data-sidebar-style="mini"] .deznav .metismenu .nav-badge {
    display: block; }

  [data-sidebar-style="mini"] .nav-header .nav-control {
    z-index: 1;
    display: block; }

  [data-sidebar-style="mini"] .nav-header .hamburger {
    display: inline-block; }

  [data-sidebar-style="mini"] .nav-header .nav-control .hamburger {
    left: 0 !important; } }
@media (max-width: 1100px) {
  .mobile-currency-box {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%; } }
@media (max-width: 992px) {
  .mobile-currency-box {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%; } }

@media (max-width: 992px) {
  .only-dekstop {
    display: none !important; } }

.only-mobile {
  display: none !important; }
  @media (max-width: 992px) {
    .only-mobile {
      display: block !important; } }

[data-sidebar-style="mini"] .nav-header .nav-control {
  margin-top: 4px; }
  @media (min-width: 992px) {
    [data-sidebar-style="mini"] .nav-header .nav-control {
      display: none !important; } }

@media (min-width: 992px) {
  .nav-control {
    display: none !important; } }

@media (max-width: 767px) {
  .navbar-expand .navbar-nav li {
    display: none; } }

@media (max-width: 767px) {
  .navbar-expand .navbar-nav li.logout {
    display: inline-block;
    margin-top: 13px; } }

[data-headerbg="color_1"] .nav-header .hamburger.is-active .line, [data-headerbg="color_1"] .nav-header .hamburger .line {
  background: #9b8d7d; }

.last_transactions_showAll {
  margin-top: 15px;
  display: inline-block; }
