@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}




body{overflow-x: hidden; color:#fff; font-family: "Open Sans", sans-serif; font-weight: 400;  font-size: 13px;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.dark_body{background: #030303;}
ul{padding-left: 0px;}
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #000; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
.loader-logo {z-index: 5; width: 160px; height: 160px; background-image: url("../img/logo.png"); background-repeat: no-repeat; background-size: 100px; background-position: center;}
.loader-circle {border-top: 2px solid #a56c00; border-radius: 50%; width: 160px; height: 160px; animation: loader 1.5s linear infinite;}
@keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

.modal-content{color:#000}
.service_ul{list-style: none; padding: 0px;}
.service_ul li{position: relative; padding:7px; font-size: 14px; padding-left: 30px !important; display:block;}
.service_ul li:after{content:""; background: url(../img/service_ul_icon.png)no-repeat; display: block; position: absolute; left: 0px; top: 8px; width: 20px; height: 20px; background-size: contain;}
.service_img{width:100%;}
.logo_text{color:#6d2de7}

.banner_section{padding-top: 150px; padding-bottom: 100px; background: url(../img/banner.webp) no-repeat; background-size: cover;}
.banner_content .ton_coin{width: 75px;
  position: absolute;
  left: 60px;
  top: 0;}
.banner_content .ton_coin2{width: 50px;
  position: absolute;
  right: 60px;
  top: 50px;}
.banner_content{display: block; max-width: 800px; margin: auto; z-index: 11; position: relative;}
.banner_content .text_line{color: transparent;  -webkit-text-stroke: 1px #9b9b9b;}
.text_gradient{background-color: transparent;
  background-image: linear-gradient(to left, #fff 0%, #9b9b9b 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;}
.banner_content h1{font-weight: 700; font-size: 65px;}
.banner_content.inner_banner h1{font-weight: 700; font-size: 50px;}
.banner_content p{font-size: 16px; max-width: 600px; margin: auto; color: #ccc;}
.banner_content h5{font-size: 15px;
  margin-top: 30px;
 
  background: #1e1e1e;
  padding: 20px 10px;
  border-radius: 50px;}

header{padding: 20px 0px; position: absolute; z-index: 111; top:0; left: 0; right:0; }
.navbar-brand {padding: 0px;}
header .container{position: relative; padding-right: 100px;}
header .navbar{padding: 0px;}
.header_logo {max-width:250px; margin-right: 0px; transition: all 0.4s; position: relative;}
.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {margin-left: 10px; font-weight: 500;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0px;}
.nav-link {color: #bdbdbd; font-size: 14px;}
header .nav-link.active{color: #fff !important;}
.nav-link:hover{color: #fff;}
.nav-link:focus{color: #fff;}
.header_padding{margin-top: 75px;}

.btn_style{color: #000; border: 1px solid transparent; transition: all .3s; background: #fff; min-width: 130px; border:none; font-weight: 600; display: inline-block; font-size: 13px;
  padding: 10px 16px; text-align: center; border-radius: 5px;}

.border_btn{border: 1px solid #fff; background: none; color: #fff;}
.border_btn:hover{background: #fff; color: #000;}
.dark_btn{background: #1B1C20; color: #fff;}
.dark_btn_gradient{background: transparent; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.15)); color: #fff;}
.gradient_btn{background-image: linear-gradient(to right, #fff 0%, #dbdbdb 51%, #fff 100%); color: #000; background-size: 200% 100%;}
.gradient_btn:hover{background-position: 100% 0; color: #000; transform: unset;}
.animation-off:hover{ transform: unset;}
.big_btn{padding: 14px 50px; font-size: 18px;}
.btn_block{width: 100%; display: block;}



.BannerImagePlayIcon{width: 50px; margin: auto; display: block;}
.grad_btn {position: relative; z-index: 1; border-radius: 5px; overflow: hidden; border: 1px solid transparent; background: transparent; color: #fff; letter-spacing: 2px; cursor: pointer; padding: 10px 25px; display: inline-block;}
.grad_btn::before {content: ""; height: 100%; width: 100%; background: linear-gradient(to right, #be9137, #a56c00); position: absolute; z-index: -1; left: 0; top: 0; transition: .4s; transition: all 0.5s;}
.grad_btn:hover::before, .grad_btn:focus::before {width: 0; right: 0px; left: auto;}
.grad_btn:hover, .grad_btn:focus, .grad_btn:active { background: transparent ; border: 1px solid #dbdbdb; color: #dbdbdb; box-shadow: none !important;}

.banner_text{color:#fff; min-height: 200px; max-width: 700px; margin: auto;}
.banner_text h1{background: -moz-linear-gradient(left, #be9137 2%, #a56c00 82%);
    background: -webkit-linear-gradient(left, #be9137 2%, #a56c00 82%);
    background: linear-gradient(to right, #be9137 2%, #a56c00 82%);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; margin-bottom: 20px; text-transform: uppercase; font-size: 50px; font-family: 'Mukta', sans-serif;}
.banner_text p{font-size: 17px; font-weight: 300;}
.all_heading{width:100%; margin-bottom: 40px;}
.all_heading h2{position: relative; font-weight: 700; font-size:40px; margin-bottom: 0px; color:#fff; display: inline-block; } 
.teble-box{background: #0a0a0a;
  padding: 20px;
  border-radius: 15px;}

 .all_heading h2 span{color: transparent;
  -webkit-text-stroke: 1px #9b9b9b;}
.sm_container{max-width: 800px; margin: auto;}
.box_bg{background: #fff; border-radius: 5px;}
.box_padding{padding: 20px 20px;}
.form-group label{margin-bottom: 10px;}
.cus_input{border: 1px solid rgb(30,30,30);
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background: #1d1d1d;
  padding: 10px 12px;
  border-radius: 15px;
  outline: none;}
.cus_input:focus{ outline: 0; border: 1px solid none; box-shadow: 0 0 0 transparent;}
.cus_input::placeholder{opacity: .5;  color:#dbdbdb;}
.cus_input option{color:#fff; padding: 5px 5px;}

.table > thead {border-bottom: 1px solid #ffffff1a;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #fff; color: #000;}
.nav-tabs .nav-link {color: #fff; margin-right: 15px; border-radius: 5px; font-weight: 500; background: #1e1e1e;border: none;}
.nav-tabs {border-bottom: transparent; }
.dark .nav-tabs .nav-link {color: #bdbdbd;}
.table thead th {background: #1e1e1e; padding: 14px 10px; color: #fff;} 
.table td{border-bottom: 1px solid #ffffff1a; color: #fff; background: transparent; border-top: none;}
.table th {border-top: none;}
.table {border-collapse: separate; color: #fff; border-spacing: 0px 5px;}
.teble-box tbody tr{background: #202020;}
.teble-box tbody tr:nth-of-type(2n+1) {background-color: #131313;}

.trx_btn{margin: 0px -3px; overflow: hidden; list-style: none;}
.trx_btn li{display: block; float: left; width:14.285%; padding: 5px 3px;}
.trx_btn li button{display: block; border-radius: 5px; width:100%; border: none; padding: 8px; font-size: 13px; background: #dbdbdb;}
.trx_btn li button:hover{color:#fff;  background: linear-gradient(90deg, #be9137 0%, #a56c00 100%); border:none;}
.trx_btn li button.active{color:#fff;  background: linear-gradient(90deg, #be9137 0%, #a56c00 100%); border:none;}

.Personal_Details_inner{background: #151515; border: 1px solid #151515; border-radius: 5px; color:#dbdbdb; text-align: center; padding: 30px 5px; position: relative; }
.Personal_Details_inner:hover{border: 1px solid #ffffff3d;}
.Personal_Details_inner h4{font-size: 14px; text-transform: uppercase; }
.Personal_Details_inner h5{margin-bottom: 0px; font-size: 16px; color:#a56c00;}

.close {color: #fff; text-shadow: none; opacity: 1;}
.close:hover{color: #fff; text-shadow: none; opacity: 1;}

.small_heading{width:100%}
.small_heading h5{color:#fff;}
.small_heading h5 span{float: right; font-size: 14px;}
.form-group{margin-bottom: 30px;}
.table_inner{width:100%;}
thead{background: #151515; color:#dbdbdb !important;}
.table thead th {border-bottom: 1px #be9137;  padding: 20px;}
.table td, .table th {border-top: 1px #be9137;}
.table tbody td{padding: 20px; background: #070707;}
.table {color: #fff;}
.table-bordered td, .table-bordered th {border: 1px solid #a56c00; }
footer{text-align: center; border-top: 1px solid #383737; padding: 40px 0px;}
footer p{margin-bottom: 0px; font-size: 13px; color:#fff;}
.footer_logo{width: 250px;}
footer hr{border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 30px 0px;}
hr{border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 15px 0px;}
.referal_link_inner{background: #fff;}
.referal_inner h3{font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.referal_inner h4{color: #fff;  margin-bottom: 20px; font-size: 15px; letter-spacing: 3px;}
.word-break {word-break: break-all;}

.white_box{background: #fff; padding: 20px 20px; }
.Missing_transaction_text{font-weight: 400; text-align: center; margin-top: 30px; cursor: pointer;}
.Missing_transaction_text:hover {
    color: transparent;
    background: linear-gradient(90deg, #be9137 0%, #a56c00 100%);
        background-clip: border-box;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
}
.pdf_downlad_ul{list-style: none; overflow: hidden;}
.pdf_downlad_ul li{display: block; float: left; width:20%; position: relative;margin-bottom: 12px;}
.pdf_downlad_ul li a{display: block; margin: 10px 0px;padding-left: 80px;}
.pdf_downlad_ul li a span{display: block; border-radius: 5px; font-size: 30px;  text-align: center; width: 65px; background: linear-gradient(to right,#be9137,#a56c00); color: #fff;  position: absolute; left: 0px; top: 0px; bottom: 0px; padding: 7px;}
.pdf_downlad_ul li a h5{font-size: 15px; color: #fff; font-weight: 400; margin-bottom: 0px;}
.pdf_downlad_ul li a p{font-size: 13px; color: #fff; margin-bottom: 0px; margin-top: 3px;}
.pdf_downlad_ul li:hover span{background: #151515; color:#fff;}

.plan_video li{width:25%;}

#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow-x: hidden; overflow-y: auto;}
.custom-loader {display: block;  position: relative; left: 50%; top: 50%; width: 30px; height: 30px;}
.current_user {background: #80e723;}
.text-info {color: #42d9f1!important;}

.table_pagination{list-style: none; padding: 0px; text-align: center;}
.table_pagination li{display: inline-block; }
.table_pagination li a{display: inline-block;     width: 40px;
    height: 40px;
    background: #6d2de7;
    border-radius: 50%;
    margin: 0px 4px;
    line-height: 40px;}
.table_pagination li.active a{background: linear-gradient(to right,#a56c00,#6d2de7);}
.table_span{width: 200px; display: inline-block;  word-break: break-all;}
.text-success { color: #46e56a!important;}
.text-danger {color: #f75262!important;}

.gridtable tbody{display: block; word-break: break-all; max-height: 350px; overflow-y: scroll;}
.cus_scroll {
	scrollbar-width: thin
}

.cus_scroll::-webkit-scrollbar {
	width: 6px
}

.cus_scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .6)
}

.cus_scroll::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey
}

.gridtable tbody {
	display: block;
	word-break: break-all;
	max-height: 350px;
	overflow-y: scroll
}

.gridtable thead,
.gridtable tbody tr {
	display: table;
	table-layout: fixed;
	width: 100%
}

.gridtable thead {
	position: relative;
	color: #fff;
	font-weight: 500
}



.loader2 {
    width:50px;
    height:50px;
    display:inline-block;
    padding:0px;
    z-index: 11111;
    border:3px solid #a56c00;
    -webkit-animation: loader 1s ease-in-out infinite alternate;
    animation: loader 1s ease-in-out infinite alternate;
 }
 
 .loader2:before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border: 3px solid #a56c00;
 }
 
 .loader2:after {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 15px;
   left: 15px;
   right: 15px;
   bottom: 15px;
   border: 3px solid #a56c00;
 }
 .loader2_bg{background: rgba(0, 0, 0, 0.79);  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; z-index: 111; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
 @keyframes loader2 {
    from {transform: rotate(0deg) scale(1,1);border-radius:0px;}
    to {transform: rotate(360deg) scale(0, 0);border-radius:50px;}
 }
 @-webkit-keyframes loader2 {
    from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;}
    to {-webkit-transform: rotate(360deg) scale(0,0 );border-radius:50px;}
 }

.Package_inner{background: linear-gradient(to right, #a56c00 2%, #6d2de7 82%);border-radius: 5px; color:#fff; margin: 10px 0px; text-align: center; padding: 30px 5px; position: relative; }

.Package_inner h4{font-size: 14px; text-transform: uppercase; }
.Package_inner h5{margin-bottom: 0px; font-size: 16px; color:#fff;}
.Personal_icon{width: 50px; margin-bottom: 15px;}

.gradient_text{background: -moz-linear-gradient(left, #a56c00 2%, #6d2de7 82%);
    background: -webkit-linear-gradient(left, #a56c00 2%, #6d2de7 82%);
    background: linear-gradient(to right, #a56c00 2%, #6d2de7 82%);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  text-transform: uppercase;}

.grad_btn.buy_btn::before {background: linear-gradient(to right,#16e639,#1ac9a1);}
.grad_btn.sell_btn::before { background: linear-gradient(to right,#f25013,#e7942d);}
.sell_input_height{height: 56px;}
.buy_sell_box .form-group{margin-bottom: 20px;}
.note_text{font-size: 12px;}
.theme_color{color: #a56c00;}
.modal .table{color: #000;}
.modal .table tbody td {background: transparent;}
.modal_footer_bg{background: #151515; color: #fff; padding: 15px 15px;}
.modal-content {border: none; background: #151515; color: #fff;}
.btn-close{filter: brightness(0) invert(1);}
.stake_p_a{position: absolute; right: 10px; bottom: 10px;}
.ftinu_token_text{font-weight: normal; font-size: 18px;}
.modal-header{border-bottom: 1px solid #383737;}
.progress-bar{background-color: #673fe9; position: relative; overflow: unset}
.progress{overflow: unset}
.progress-bar:after{content: ""; position: absolute; right: 0; top: 50%; height: 18px; width: 18px; border: 3px solid #673fe9; background: #fff; border-radius: 50%; transform: translate(50%,-50%);}
.progress-info{list-style: none; overflow: hidden;}
.progress-info li{float: left; width: 50%; font-size: 13px;}
.progress-info li span{display: block;}
.line_progress-info{margin-top: 17px;}
.line_progress-info li{font-size: 11px;}

.sm_table.table tbody td {padding: 8px}
.round-1 {height: 50px;width: 50px;background: #09accd; color: #fff; font-size: 13px; display: block; margin: auto; border-radius: 50%;line-height: 50px;margin-top: -57px;}

.address_btn{    background: transparent;
  border: none;
  font-size: 17px;

  color: #fff;}
.address_text{margin-right: 20px;}
.view_details_btn{color: #fff;
  font-size: 15px;
  text-decoration: underline;
  padding-bottom: 10px;
  display: block;}
  .view_details_btn:hover{color: #a56c00; text-decoration: underline;}
.timeline-content {
    text-align: left;
    position: relative;
  }
  .timeline-content:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #cecece;
    left: 50%;
    margin-left: -1px;
  }
  .timeline-content .row-interval,
  .timeline-content .row .col-md-6,
  .timeline-content .timeline-panel {
    position: relative;
  }
  .timeline-content .timeline-panel-right {
    text-align: left;
    padding-left: 80px;
    margin-left: 20px;
  }
  .timeline-content .timeline-panel-left {
    text-align: right;
    padding-right: 80px;
    margin-right: 20px;
  }
  .timeline-content .row-interval:before {
    position: absolute;
    content: "\f017";
    top: 0;
    left: 50%;
    color: #fff;
    font-family: fontawesome;
    font-size: 17px;
    line-height: 40px;
    background-color: #000349;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .timeline-content .event--content {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 30px 30px 23px;
  }
  .timeline-content .event--content h6 {
    font-size: 17px;
    line-height: 1;
    font-style: normal;
    margin-bottom: 10px;
    color: #000;
  }
  .timeline-content .event--content p {
    color: #626060;
    margin-bottom: 0;
  }
  .timeline-content .event--date {
    text-align: center;
    position: absolute;
    top: 0;
  }
  .timeline-content .timeline-panel-right .event--date {
    left: 0;
  }
  .timeline-content .timeline-panel-left .event--date {
    right: 0;
  }
  .timeline-content .event--date .day {
    width: 70px;
    height: 49px;
    line-height: 49px;
    display: block;
    background: linear-gradient(to right, #a56c00 2%, #6d2de7 82%);
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 4px;
  }
  .timeline-content .event--date .month {
    font-size: 13px;
    line-height: 1;
    color: #fff;
  }
  /* Custom, iPhone Retina */
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .timeline-content {
      padding-left: 20px;
    }
    .timeline-content:before {
      left: 0;
    }
    .timeline-content .timeline-panel-left,
    .timeline-content .timeline-panel-right {
      text-align: left;
      padding-left: 80px;
      padding-right: 0;
      margin: 0 0 20px 0;
    }
    .timeline-content .timeline-panel-left .event--date {
      right: auto;
      left: 0;
    }
    .timeline-content .row-interval:before {
      left: -4px;
    }
    .timeline-content .row {
      text-align: left;
      margin-bottom: 25px;
    }
    .timeline-content .flex-row-reverse {
      -ms-flex-direction: row!important;
      flex-direction: row !important;
    }
    .timeline-content .event--content {
      padding: 20px 20px 13px;
    }
    .timeline-content .event--content h6 {
      font-size: 18px;
      margin-bottom: 12px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .timeline-content .timeline-panel-left,
    .timeline-content .timeline-panel-right {
      text-align: left;
      padding-left: 80px;
      padding-right: 0;
      margin: 0 0 20px 0;
    }
    .timeline-content .timeline-panel-left .event--date {
      right: auto;
      left: 0;
    }
    .timeline-content .row {
      text-align: left;
      margin-bottom: 25px;
    }
  }

  .modal_close {
    border: none;
    background: none;
    position: absolute;
    right: 0px;
    top: -30px;
}
.modal_close_img{filter: brightness(0) invert(1); width: 25px;}
.modal_video{width: 100%;}
.modal_video video{width: 100%;}
.video_inner {width: 100%; margin: 10px 0px; position: relative;}
.popup-youtube {display: block; margin: 0px 5px;}
.video_inner .video-img {width: 100%;}
.video_inner .video-icon {position: absolute; right: 0; margin: auto; width: 50px; left: 0; right: 0; top: 0; bottom: 0;}


/*language*/
.language_abs .dropdown-toggle{background: transparent; color: #fff; border: none; font-size: 13px;}
.language_abs .dropdown-menu a img {width: 17px; margin-right:5px;}
.main_lang_flag{width: 20px; margin-right: 5px; height: 20px; border-radius: 50%}
.language_abs {position: absolute; right: 0px; top: 10px; z-index: 1}
.language_abs .dropdown-item{font-size: 13px; cursor: pointer; color: #fff; padding: 7px 20px;}
.language_abs .dropdown-item:hover{padding-left: 30px;}
.language_abs .dropdown-menu{margin-top: 12px; background: #151515;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #363434;}
.dropdown-item.active, .dropdown-item:active  {background-color: #363434;}

/*for mobile*/
@media only screen and (max-width:760px) { 
  .language_abs { right: 60px; top: 7px;}  
  header .container {padding-right: 15px;}
  }
/*language*/