body{
  margin: 0;
  padding: 0;
}
.main{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.04);
}
.breadcum{
  width: 95%;
  height: auto;
  margin: 0;
  padding: 10px 2.5% 80px 2.5%;
  clear: both;
  overflow: hidden;
  background: rgba(0,0,0,0.9);
}
header{
  width: 90%;
  height: auto;
  margin: 0 5%;
  padding: 0;
  clear: both;
  overflow: hidden;
  background: ;
}
nav.top-nav{
  width: 100%;
  height: auto;
  margin: 0;
  padding:10px 0;
  clear: both;
  overflow: hidden;
  background: ;
}
div.logo{
  margin:20px 0;
  padding: 0;
  width:13%;
  background: ;
  float: left;
}
div.logo a{
  color:#fff;
  font-size: 160%;
  font-weight: bold;
  font-family: arial;
  text-decoration: none;
}
div.logo span{
  color:#0000FF ;
}
.main-nav{
  width: 58%;
  height: auto;
  margin:25px 0 25px 15px;
  padding:0 0;
  overflow: hidden;
  background: ;
  float: left;
  text-align:center;
}
.main-nav ul{
  margin: 0;
  padding:0;
  display: inline-block;
}
.main-nav ul li{
  margin: 0 12px;
  padding:0;
  display: inline-block;
  list-style-type: none;
}
.main-nav ul li a{
  cursor: pointer;
  color: #fff;
  font-size: 90%;
  font-family: arial;
  text-decoration: none;
  font-weight: ;
}
.main-nav ul li a:hover{
  color: #0000FF;
}

.account-button{
  width: 27%;
  height: auto ;
  margin:25px 0;
  padding:0 0;
  overflow: ;
  background: ;
  float: right;
}
.account-button ul{
  margin: 0;
  padding:0;
  display:block;
}
.account-button li{
  margin: 0 5px;
  padding:0;
  display: inline;
  list-style-type: none;
}
.account-button  li a{
  cursor: pointer;
  color: #fff;
  font-size: 90%;
  font-family: arial;
  text-decoration: none;
  font-weight:bold;
  border-radius: 50px;
}
a.create{
  background: #0000FF;
  padding: 20px 5%;
  transition: linear 0.3s;
}
a.login{
  border: 2px solid #fff;
  padding: 18px 10%;
  background: ;
  transition: linear 0.3s;
}
.create:hover, .login:hover{
  background: #fff;
color:#0000FF;
}
.body-wrapper{
  width: 44%;
  margin: 40px 0;
  padding: 0 3%;
  float: left;
  overflow: ;
  background: ;
}
.bold-text{
  width: 100%;
  margin: 0;
  overflow: ;
  background: ;
}

.bold-text h1{
  color:#fff;
  font-size: 350%;
  font-family: arial;
  font-weight: bold;
}
.big-text a{
  color:#fff;
  text-decoration: none;
}
.big-text a:hover{
  color:#0000FF;
}
.info{
  border-left: 7px solid #7c8090;
  padding: 0 0;
  background: ;
  width: 100%;
  margin: 0 0 40px 0;
}
.info p{
  color:#7c8090;
  font-size: 110%;
  line-height: 25px;
  font-family: arial;
  font-weight: ;
  margin-left: 12px;
}
.info a{
  color:#7c8090;
  text-decoration: none;
}
.info a:hover{
  color:#4C516D;
  text-decoration: underline;
  text-decoration-style: dotted;
}


.action-button ul{
  margin: 0;
  padding:0;
  display:block;
}
.action-button li{
  margin: 0 5px;
  padding:0;
  display: inline;
  list-style-type: none;
}
.action-button ul li a{
  cursor: pointer;
  color: #fff;
  font-size: 90%;
  font-family: arial;
  text-decoration: none;
  font-weight:bold;
  border-radius: 50px;
}
a.new{
  background: #0000FF;
  padding: 20px 5%;
  transition: linear 0.3s;
}
a.log{
  border: 2px solid #fff;
  padding: 18px 10%;
  background: ;
  transition: linear 0.3s;
}
.new:hover, .log:hover{
  background: #fff;
  color:#0000FF;
}


.shape-wrapper{
  width: 44%;
  height: ;
  margin: 100px 0;
  padding: 50px 3%;
  float: right;
  overflow: hidden;
  position: ;
  background: ;
}

.secure{
  width: 20%;
  height: 90px;
  background: #7c8090;
  margin: auto;
  padding: 0;
  border-radius: 15px;
  float: right;
  position: absolute;
  z-index: 5;
  right: 120px;
  top: 180px;
}
.secure_img{
  float: left;
  width: 27%;
  height: auto;
  margin: 0 0 0 3%;
  background: ;
}
.secure_text{
  float: right;
  width: 65%;
  height: auto;
  margin:5px 0 0 0;
  background: ;
}
.secure_img img{
  max-width: 70px;
  height: 70px;
  margin: 10px 4%;
}
.secure_text{
  font-size: 90%;
  font-family:arial;
  color: #fff;
}
.secure_text h3{
  margin: 10px 0 0 0;
}
.secure_text p{
  margin: 5px 0 0 0;
}


.market{
  width: 33%;
  height: 300px;
  background: #484a56;
  margin: 0 40px;
  padding: 0;
  border-radius: 30px;
  position: absolute;
  z-index: 3;
}
.market table{
  width: 90%;
  height: auto;
  margin: 30px 0 0 20px;
  color: #fff;
  font-family: arial;
  border-spacing:0 20px;
  border-collapse:separate;
}
.market table thead th{
  font-size: 160%;
  font-weight: normal;
}
.market table tbody tr:hover{
  cursor: pointer;
  color: #4682B4;
}
.market table tbody tr i{
  transform: rotate(-45deg);
  font-size: 80%;
  color: red;
}



.wallet{
  width: 22%;
  height: 130px;
  background: #403d45;
  margin: auto;
  padding: 10px 0;
  border-radius: 20px;
  float: left;
  position: absolute;
  z-index: 4;
  right: 320px;
  top: 450px;
}
.wallet h1{
  font-size: 150%;
  color: #fff;
  font-family: arial;
  text-align: center;
}
.wallet a{
  font-size: 150%;
  color: #fff;
  font-family: arial;
  text-align: center;
  text-decoration: none;
  padding: 10px 25%;
  border-radius: 50px;
  background: #0000ff;
  margin: 40px 15%;
}
/* breadcum end heres */


.rewards{
  width: 98%;
  height: auto;
  padding: 20px 0 20px 2%;
  background: rgba(0,0,0,0.8);
  overflow: hidden;
  clear: both;
  box-shadow: 0px 15px 20px 1px rgba(0,0,0,0.2);
}
.start_earning{
  width: 40%;
  height: auto;
  padding:0 0 20px 0;
  margin: 0 2%;
  background: ;
  overflow: hidden;
  float: left;
  text-align: center;
}
.start_earning img{
  max-width: 7%;
  margin: 0 2%;
  float: left;
}
.start_earning h1{
  font-size: 150%;
  color: #fff;
  margin: 0 0 50px 0;
  font-family: arial;
  text-align: center;
}
.start_earning a.login{
  border: 2px solid #fff;
  padding: 18px 10%;
  background: ;
  margin: 0 0;
  transition: linear 0.3s;
  border-radius: 50px;
  cursor: pointer;
  color: #fff;
  font-size: 90%;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
}
.start_earning a.login:hover{
  background: #fff;
color:#004F98;
}
.rewards span{
  color:#50C878;
}



.holder{
  width: 23%;
  height: auto;
  padding: 0;
  margin: 0;
  background: ;
  overflow: hidden;
  float: left;
}
.holder ul{
  display: block;
}
.holder ul li{
  display: block;
  margin: 0 0 30px 0;
  list-style: none;
}
.holder ul li a{
  text-decoration: none;
  color: #fff;
  font-size: 120%;
  font-family: arial;
}
.holder ul li a:hover{
  color: rgba(70, 130, 180);
}


.referral{
  width: 28%;
  height: auto;
  padding: 0;
  margin: 0 1%;
  background: ;
  overflow: hidden;
  float: right;
}
.referral ul{
  display: block;
}
.referral ul li{
  display: block;
  margin: 0 0 30px 0;
  list-style: none;
}
.referral ul li a{
  text-decoration: none;
  color: #fff;
  font-size: 120%;
  font-family: arial;
}
.referral small{
  color: #7c8090;
  font-weight: bold;
}


.asset{
  width: 80%;
  height: auto;
  margin: 50px 10%;
  padding:10px 0;
  overflow: hidden;
  clear: both;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.05);
}
.asset h1{
  font-size: 300%;
  color: #000;
  margin: 40px 0;
  font-family: arial;
  text-align: center;
  font-weight: bolder;
}
.asset table{
  width: 100%;
  height: auto;
  margin:;
  padding:0 0 0 1%;
  color: #484a56;
  font-family: arial;
  border-spacing:0 10px;
  border-collapse:separate;
  background: ;
  text-align: center;
}
.asset table thead th{
  font-size: 80%;
  font-weight: bolder;
}
.asset table tbody tr:hover{
  cursor: pointer;
  color: #4682B4;
}
.asset table tbody tr i.fa-arrow-down{
  transform: rotate(-45deg);
  font-size: 80%;
  color: red;
}
.asset table img{
  max-width: 12%;
  margin: 0;
  float: left;
}
.asset table .td_div{
  float: left;
  text-align: center;
  background: ;
  height: auto;
  margin: -10px 0 5px 2%;
}
.asset table .td_div p{
  font-weight: lighter;
  text-align: left;
  margin: 0px 0;
}
.asset table .td_div span.head{
  font-size: 150%;
  margin: 0px 0 0 0px;
  font-weight: lighter;
}
.asset table .td_div small{
  font-size: 60%;
  margin-top: 0px;
}
.link_tr{
  border: 1px solid rgba(0,0,0,0.05);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  padding: 15px 0 5px 0;
}
.link_tr a{
  text-decoration: none;
  color: #0000FF;
  font-size: 90%;
  font-family: arial;
}
.link_tr a i{
  transform: rotate(0deg);
  color: #0000FF;
}


footer{
  width: 100%;
  height: auto;
  margin: auto;
  padding: 0;
}
.top{
  width: 80%;
  height: 100px;
  margin: auto;
  padding: 20px 10%;
  background: rgba(0,0,0,0.88);
}
.bottom{
  width: 80%;
  height: 100px;
  margin: auto;
  padding: 20px 10%;
  background: rgba(0,0,0,0.9);
}
.left{
  width: 45%;
  height: auto;
  margin: auto;
  padding: 0;
  float: left;
}
.right{
  width: 45%;
  height: auto;
  margin: auto;
  padding: 0;
  float: right;
}
.top p{
  font-weight: lighter;
  text-align: justify;
  margin: 0px 0;
  color: #fff;
  font-size: 100%;
  font-family: arial;
  line-height: 27px;
}

.icon{
  width: 100%;
  height: auto;
  margin: -20px 0 0 0;
  padding: 0;
  clear: both;
  background: ;
}
.icon ul{
  display: block;
  margin-left: -50px;
}
.icon ul li{
  display: inline;
  list-style: none;
  margin: 0 0 0 10px;
}
.icon a{
  text-decoration: none;
  color: #ccc;
  font-size: 80%;
  font-family: arial;
  transition: 0.2s linear;
}
.icon ul li a i{
  color: #333133;
  font-size: 100%;
  margin:0 10px 0 0px;
}

.icon a:hover{
  color: #333133;
}


.last{
  width: 100%;
  height: auto;
  margin: auto;
  padding: 0;
  clear: both;
}
.last_left{
  width: 70%;
  height: auto;
  margin: auto;
  padding: 0;
  float: left;
}
.last_left p{
  font-weight: lighter;
  text-align: left;
  margin: 0px 0;
  color: #fff;
  font-size:73% ;
  font-family: arial;
  line-height: 20px;
}
.last_right{
  width: 30%;
  height: auto;
  margin: auto;
  padding: 0;
  float: right;
}
.last_right ul{
  display: block;
  background: ;
  text-align: right;
}
.last_right ul li{
  display: inline;
  list-style: none;
  margin: 0 0 0 10px;
}
.last_right a{
  text-decoration: none;
  color: #ccc;
  font-size: 75%;
  font-family: arial;
}
hr{
  border-color: #ccc;
}