* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  background: #fff;
  overflow-x: hidden;
}

.clear{
  clear: both;
}
header .logo-img{
  width: 210px;
  padding: 14px;
}

header .user-img{
  width: 18px;margin: 0px 0 3px 0;
}
header .hot-img,header .wpaper-img{
  margin: -6px 6px 0 0;
  vertical-align: middle;
}
header .hot-img{
  width: 20px;
  height: 29px;
}
header .wpaper-img{
  width: 22px;
  height: 22px;
}
.faa{
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.navbar-nav  .nav-item:hover .fa-angle-down{
  transform: rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  color:#ee3a3b !important;
}
.rotate {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
ul{
  padding: 0;
  list-style: none;

}
ul li{
  /* display: inline-block; */
  position: relative;
  line-height: 21px;
  /* text-align: left; */
}
.dropdown li a{
  display: block;
  padding: 8px 25px;
  color: #584e4e;
  text-decoration: none;
  font-weight: 500;
}
.dropdown li a:hover{
  color: #66b1ff;
  background: #eaf5ff;
}
ul li ul.dropdown{
  width: 172px; /* Set width of the dropdown */
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  display: none;margin: 0;
  padding: 5px 0 5px 0;
  position: absolute;
  z-index: 999;
  left: -22px;
}
ul li ul.dropdown-1{
  left: 63px;
}
ul li:hover ul.dropdown{
  display: block;	/* Display the dropdown */
}
ul li ul.dropdown li{
  display: block;
}

/* footer css */
#myFooter {
  background-color: #161616;
  color: #97b0d6;
  border-top: 1px solid #1c2737;
  padding-top: 5px;
}

#myFooter .footer-copyright {
  background-color: #3d3d3d;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 0.005em solid #272d40;
  text-align: center;
}

#myFooter .container{padding-bottom: 15px;}
#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
  margin: 10px;
  color: #ccc;
  text-align: center;
}

#myFooter ul {
  list-style-type: none;
  padding-left: 0;
  line-height: 1.7;
  display: inline-grid;
}

#myFooter h5 {
  font-size: 17px;
  color: #ee3a3b;
  font-weight: 100;
  margin-top: 30px;
}

#myFooter h2 a{
    font-size: 40px;
    text-align: center;
    color: #80a0cd;
}

#myFooter a {
  color: #cdcdcdbd;
}
#myFooter .fa{
  font-size: 20px;
}
#myFooter a:hover,
#myFooter a:focus {
  color: #fff;
}

#myFooter .social-networks {
  padding-bottom: 16px;
}

#myFooter .social-networks a {
  font-size: 19px;
  color: #464646;
  padding: 10px;
  transition: 0.2s;
}
#myFooter .ul-1{
  display: inline-flex;
  margin: 10px 1px;
}
#myFooter .ul-1 li{
  margin: 0px 12px 0 0;
}
#myFooter .social-networks a:hover {
  text-decoration: none;
}

#myFooter .facebook:hover {
  color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
  color: #00aced;
}

#myFooter{
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
 }

/* footer css end */
a:hover{
  text-decoration: none !important;
}
.open-inner li{
  padding-left: 35px;
  border-bottom: 1px solid #ddd;
  list-style:none;
}

.open-inner{
  width: 100%;
  box-shadow: 2px 0 88px 0 #edeff4;
  margin-bottom: 40px;
  background: #fff;
  padding-bottom: 8px;
}

.open-inner ul li a{
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  line-height: 51px;
  color: #000;
}
.open-inner li:hover{
  background-color:  #d8ebff;
}
.open-inner li.active{
  background-color:  #d8ebff;
}
.open-inner img{
  height: 21px;
  margin: 0 10px 0 0;
}
.section2{
  text-align: left;
  /* width: 1050px; */
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px 0 #e7e9ec;
  box-shadow: 0 2px 8px 0 #e7e9ec;
  background: #fff;
  margin-bottom: 10px;
}
.section2 .inner{
  padding: 20px 15px;
}
.section2 .range-input{
  width: 35% !important;
  border: 1px solid #dddddd14;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  padding-left: 23px;
  height: 41px;
}
span.msg,span.choose {
  color: #555;
  padding: 0px 7px;
  display: inherit;
}
.drop-content {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #474747;
  margin: 0 35px;
}
.btn-info{
  margin: -2px 10px !important;
}
.open-ul{
    min-height: auto;
}
/* .cus-search{
  
  background-image: url(../../assets/images/search_bc.png);
  background-repeat: no-repeat;
  background-position: 163px 12px;

} */
.section-3{
  margin: 20px 0 20px 0;
}

.table-borderless th{
    font-weight: 500;

}
.inner .fr{
    float: right;
    border: 1px solid #279033;
    border-radius: 15px;
    padding: 2px 10px;
    color: #279033;
    font-size: 13px;
}
.inner .unapproved{
  float: right;
  border: 1px solid #da2e2e;
  border-radius: 15px;
  padding: 2px 10px;
  color: #da2e2e;
  font-size: 13px;
}
.inner .assets-span{
    font-size: 1.5rem;
    font-weight: 500;
}
.inner .cartogram-num{
    padding-top: 50px;
    width: 50%;
}
.inner .fs-24{
    font-size: 24px!important;
}
.inner .fs-14 {
    font-size: 14px!important;
}
.table{
    text-align: center;
    background: #fff;
}
.back-img{
    border-radius: 5px;
}
.back-img:hover{
    border: 1px solid #fff;
}
.cus-btn{
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #dddddd14;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    padding: 0px 18px 0 18px;
    color: #585555;
    margin:5px;
}
.inner .inner-dpt{
    margin: 20px 0 20px 0;
}
.inner .gmail{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #338cff;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
}
.inner-1 dl{
    margin: -45px 0 0px 68px;
}
.inner-1 dl .mail{
    font-size: 18px;
    color: #333;
    padding: 5px 0 30px;
}
.inner-1 .cus-btn-1{
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #2ccc7c14;
    box-shadow: 0 0 2px rgb(76, 193, 37);
    padding: 3px 18px 3px 18px;
    color: rgb(76, 193, 37);
    margin: 0 5px 0 5px;
    float: right;
    /* width: 15%; */
}
.cus-btn-1:focus{
  outline: none !important;
}
.cus-btn-1:hover{
  box-shadow: 0 0 7px rgb(86, 222, 41);
}
.inner-1 .notverified{
  box-shadow: 0 0 2px rgb(219, 56, 15)!important;
  color: #db380f!important;
}

.notverified:hover{
  box-shadow: 0 0 7px rgb(219, 56, 15)!important;
}
.inner-1 .authenti{
  margin: 20px;
  padding: 26px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.inner-1 .authenti .authenti-div{display: inline-block;width: 100px;}
.inner-1 .authenti-1{
 border-top:none!important;
 margin-top: -20px;
}
.inner .security-span{
    color: #da2e2e;
}
.inner ul li{
    display: inline-block;
}
.sf li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding:0 5px;
  color: blue; /* Or a color you prefer */
  }
.sec{
  background-color: #d5ebff9c !important;
}
.inner .inner-1 .mail-icon,.inner .inner-1 .password-icon, .inner .inner-1 .kyc-icon, .inner .inner-1 .g-auth-icon{
  background-position: -65px -135px;
  float: left;
  width: 20px;
  height: 20px;
  margin: 0px 7px 0 0px;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-size: 226px 186px;
}
.inner .inner-1 .password-icon{
    background-position: -97px -135px!important;
}
.inner .inner-1 .kyc-icon{
    background-position: -173px -6px!important;
}
.inner .inner-1 .g-auth-icon {
    background-position: -124px -135px!important;
}
.inner-1 .span-2{
  color: #7f7e7e;
  text-align: start;
  font-size: 12px;
}
.for-inline{
  display: inline-block;
}
.inner-1 .authenti .mr-1{
    /* width: 160px; */
}
.inner-1 .span-3{
    margin-left: 38px;
}
.section-1{
    width: 100%;
}
.section-2{
    /* width: 1050px; */
    min-height: 565px;
    border-radius: 2px;
    margin-bottom: 10px;
}
.content-box{
    /* padding: 5em 0;  */
    margin: 85px 0 40px 0;
}
.navbar-nav .nav-item .sign-up{
  border: 1px solid #8e4227;
  background: rgb(22, 22, 22);
  min-width: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  height: 28px;
  line-height: 26px;
  color: #fff;
  margin: 4px 10px;
  border-radius: 2px;
  outline: none;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.back-ul{
  width: 100%;
  padding-top: 60px;
  text-align: center
}
.back-ul li{
  display: inline-block;
  margin: 0 1%;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}
.gap{
  padding: 24px 0;
}

hr{
    width: 98%;
    margin: 0 auto;
    background: rgba(209, 222, 255, 0.79);
    border: none;
    /* height: 1px; */
    margin: 21px 0;
}
.below-con{
    background-color: #1c2737;
}
.ml-fa{
    margin-left: 5px;
}
.b-box{
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.b-box input {
    width: 330px;
    margin-left: 40px;
    padding-left: 15px;
    border: none;
    border-radius: 2px !important;
    outline: none;
    height: 35px;
    line-height: 35px;
    background: #fff;
}
.b-box .coin {
    position: absolute;
    top: 24px;
    right: 11px;
    color: #767c8c;
}
.b-box .p-b{
    display: inline-block;
    min-width: 120px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #313b75;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.b-box .p-b:hover{
    background-color: #262d5c;
}
.h-part{
    padding-top: 20px;
}
.b-box .b-usdt{
    color: #fff;
}
.b-box .price{
    margin: 0 0 0 9px;
    color: #668198;
}
.l-b{
    display: block;
    width: 160px;
    height: 34px;
    line-height: 34px;
    color: #19213e;
    border: 1px solid #69769d;
    border-radius: 17px;
    margin: 22px auto;
    font-size: 14px;
}
.back-l{
    background: #3d3d3d;
    line-height: 3;
    font-size: 12px;
}
.t-columns{
    padding: 11px 0 15px 0;
}
.back-color{
    background-color: #f5f6fa;
    padding: 39px 0 29px 0px;
}
.m-links{
    padding: 0;
    font-size: 1.45rem;
    min-width: 0;
    box-sizing: border-box;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.14);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 50%;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    text-align: center;
    /* margin-left: 50px; */
}

.m-links:hover{

    background: #ee3a3b;
    /* border: 1px solid #fff; */
    text-align: center;

}

.m-fa-l a{
    /* height: 36px; */
    color: #ee3a3b;
    /* border: 1px solid #e5e5e5; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.m-fa-l a:hover{
    color: #fff;
    /* border: 1px solid #666; */
}
.m-fa-l .fa{
    /* margin-right: 5px; */
}
.mobile-con .m-h,.mobile-con .m-p{
    color: #9eb4bb;
    margin-top: 15px;
}
.mobile-con ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* .m-fa-l{text-align: center} */
.m-fa-l ul{text-align: center}
.m-fa-l li{line-height: 40px; text-align: center; margin: 0px auto; width:80px}
.m-fa-l li a{ text-align: center !important; }
/* .m-fa-l li em{ text-align: center !important; width: 120px;} */
/* scroll bar css */

body::-webkit-scrollbar-track
{
  -webkit-box-shadow:inset 0 0 6px rgba(20,0,0);
  box-shadow: inset 0 0 6px rgba(20,0,0);
	background-color: #ffffff;
}

body::-webkit-scrollbar
{
	width: 8px;
  background-color: #F5F5F5;

}

body::-webkit-scrollbar-thumb
{
	background-color: #233350;border-radius: 5px;
}
/* scroll bar css end */

.back-color .fa-star{
    margin-right: 5px;
}
.back-color .ma-ul .ma-li{
    -ms-flex: 1 1;
    flex: 1 1;
    height: 110px;
    margin-right: 15px;
    position: relative;
    /* background: #1a213e; */
    border: 1px solid #1a213e;
    border-radius: 5px;
    padding: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.back-color .ma-ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
}
.back-color .rate{
    display: inline-block;
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    font-size: 12px;
    color: #fff;
    left: 166px;
    top: 18px;
}
.back-color .ma-li .green{
    background-color: #37c66a;
}
.back-color .ma-price{
    color: #eef4ff;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.back-color  .ma-ul li .ma-price  i {
    font-size: 12px;
    font-style: normal;
    color: #5a678a;
    border: 1px solid #5a678a;
    padding: 0 2px;
    margin-left: 4px;
    border-radius: 2px;
}
.back-color h3, .back-color p {
    margin: 0;
    padding: 0;
}
.back-color .ma-ul li .price>span.green-1 {
    color: #37c66a;
}
.back-color .ma-ul li .price>i {
    font-style: normal;
    color: #d4dae6;
    font-size: 12px;
}
.ma-ul .ma-li .vol{
    position: relative;
    z-index: 1;
    padding-top: 6px;
    font-size: 12px;
}
.ma-ul .ma-li .vol>span{
    color: #8fa7cd;
    padding-right: 6px;
}
.ma-ul .ma-li .vol>i {
    font-style: normal;
    color: #d9dfeb;
}
.ma-ul .ma-li .svg-box{
    width: 100%;
    height: 50px;
    position: absolute;
    left: -1px;
    bottom: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
}
.back-color .ma-ul .ma-li .price{
    padding-top: 2px;
    position: relative;
    z-index: 1;
}
.back-color .ma-ul .ma-li:hover{
    border: 1px solid #68769d;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.m-fa-l{
    /* margin-top: 15px; */
}

.head-color {
    color: #486288;
    margin-bottom: 10px;
    margin-top: 25px;
    font-weight: 400;
}
.divider {
    clear: both;
    display: block;
    height: 20px;
}
.large_divider {
    height: 50px;
}
.chart_list li {
    background-color: #fff;
    border-left: 3px solid #7a7a7a;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    font-weight: 100;
    margin-bottom: 12px;
    padding: 9px 15px;
    text-transform: capitalize;
}
.chart_list .color1 {
    border-color: #ff7876;
}
.chart_list .color2 {
    border-color: #36ffad;
}
.chart_list .color3 {
    border-color: #3b8a99;
}
.chart_list .color4 {
    border-color: #13afcc;
}
.chart_list .color5 {
    border-color: #cc1667;
}
.chart_list li:last-child {
    margin: 0;
}
.head-tag{
    font-weight: 100;
    color: #5793d2;
    margin-bottom: 20px;
}
.get-code{
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 140px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: none;
    border-left: 1px solid rgba(151,176,214,.7);
    color: #399af7;
    cursor: pointer;
    outline: none;
}
.get-code{
    color: rgba(151,176,214,.7);
}
.form-div .form-sty{
    background: #e1eafb;
    padding: 15px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 30px;
    /* background: #1c212f;
    color: #f7f7f7; */
}
.card-body .left-bottom-desc{
    width: 210px;
    position: absolute;
    left: 45px;
    bottom: 28px;
    color: #fff;
    text-align: center;
}
.ul-m-left{
    margin-left: 32px;
}
.form-group > label::after {
    /* content: "*"; */
    color: #f00;
    margin-left: 2px;
}
.p-font-size-m {
    font-size: small;
}
.p-underline {
    text-decoration: underline;
}
.form-group .add-span {
    color: #d1d1d1;
    position: absolute;
    top: 41%;
    left: 30%;
    padding: 10px;
    color: #666;
}
.form-group .add-span .fa-paperclip{
    margin-right: 5px;
}
.btn-sub{
    background-color: #3d3d3d;
    border-color: #ee3a3b;
}
/* preloader css */
.preloader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/Preloader_2.gif);
  }
  /* preloader css end */

  @media only screen and (min-width:320px) and (max-width:840px){
    /* #experience {
        min-height: 660px !important;
    } */
    .back-ul li {
      display:block !important;
    }

    .market-table {
        overflow-x: auto;
    }
     .back-c  .back-h{
        font-size: 17px;
    }
    .tabs-cyan .n_l_usdc {margin-left: 13px;}
  }


@media screen and (min-width: 340px) and (max-width:990px){
  .table-responsive {display: block!important;}
  .mywallet .asset{display: inline-flex;}
  .navbar-nav  .nav-item .sign-up.last{margin-bottom: 15px;}
  .boxlive{width:68%!important;}
  .navbar-nav .nav-item .sign-up { width: 150px!important;margin-left: 0!important;}
  .announcements_d .span_o {display: block!important;}
  .back-c h2 {font-size: 23px!important;text-align: center;}
  .top_p { font-size: 16px !important;}
  .announce_list{width: 100% !important;}
}


  @media only screen and (min-width:1020px) and (max-width:1600px){
   .navbar-nav  .nav-item .nav-link{
       font-size: 11px;
   }

  }

  .back-c{}
  .back-c h2{
    font-size: 45px;margin-top: 120px;
    text-align: center;
}
  #hide{
    width: auto;
    vertical-align: middle;
  }

  .have-acc a{
    margin-left: 38%;
  }
  .agree{
    margin: -10px 0 11px 0;
  }
  .user-agree p{
    color: #7a7a7a;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 23px;
    text-align: justify;
  }
  .user-agree h5{
    color: #5365e0;
    line-height: 27px;
    margin: 10px 0px;
  }
  #sidebartitlewrapper h4{
    color: #38a2ca;
    border-bottom: 1px solid #d7e2e6;
    padding-bottom: 10px;
  }
  .sectioncont .codeSample {
    font-size: 13px;
    line-height: 180%;
    border: 1px dashed #73b3cc;
    background-color: #39535d;
    padding: 10px;
    color: #ffffff;
}


/* tooltip css */

.demo{
    display: inline-block;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

/* tooltip css */


.mar-left20{margin-left:20px}
.mar-left37{margin-left:37px}
.mar-left25{margin-left:117px}
.mar-left60{margin-left:115px}
.fixwidth{width: 100%; overflow: hidden; margin-right:17px;display:block; height: 30px; line-height: 35px;}
.fixwidth a{color:#fff}
.fixwidth a:hover{color:#ee3a3b}
.storeapp{margin-top:30px}
.tabpanel1{background-color: #fff !important; color: #000000 !important; font-weight: bold; border:1px solid #f0f0f0}



@media screen and (max-width: 600px){

.f-links{ padding: 5px }
.f-links li{ padding: 2px 0px; text-align: center;  }
.mar-left20{margin-left:0px}
.mar-left37{margin-left:0px}
.mar-left25{margin-left:0px}
.mar-left60{margin-left:0px}

.storeapp li{display: inline-block; margin-bottom: 5px; margin-left: 10px !important; width: 50px !important; text-align: center !important; }
.storeapp a.m-links {text-align: center;}
}

/* check box customized */
.custom_checkbox {
    /* display: block; */
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .custom_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  }

  /* On mouse-over, add a grey background color */
  .custom_checkbox:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .custom_checkbox input:checked ~ .checkmark {
    background-color: #ee3a3b;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom_checkbox input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom_checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  ::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder  { /* Firefox, Chrome, Opera,Internet Explorer 10-11,Microsoft Edge*/
    color: #000!important;
  }

 .mobile-con .jss43{
   display: flex;
   margin-top: 25px;
  }
 .mobile-con .jss43>div { width: 56px;
    margin: 0 48px 0 -5px;
    text-align: center;}
   .mobile-con .jss27 {width: 40px;
      color: #ee3a3b;
      height: 40px;
      margin: 0 auto;
      background: #fff;
      display: inline-flex;
      border-radius: 50%;
      padding: 0;
      font-size: 0.875rem;
      min-width: 0;
      box-sizing: border-box;
      min-height: 36px;
      align-items: center;
      vertical-align: middle;
      justify-content: center;}
    .mobile-con .jss100{transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.04), 0px 1px 4px rgba(0, 0, 0, 0), 0px 5px 5px rgba(0, 0, 0, 0.04)}
   .mobile-con .jss27:hover{color:#fff;background-color:#ee3a3b;}
   .mobile-con .jss101{width: 100%;
      display: inherit; cursor: pointer;
      align-items: inherit;
      justify-content: inherit;}
  .mobile-con  em{
    width: 57px;
    margin: 8px 0 0;
    display: block;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: 0.004em;
    }
.copyrightfix {font-size: 13px}
    h1 { font-size: 40px; line-height: 0.8em; }
    button:focus,
    input:focus,
    textarea:focus,
    select:focus {
      outline: none;
    }
    .tabs { display: block; display: -webkit-flex;  display: -moz-flex;  display: flex;  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;  flex-wrap: wrap; margin: 0;  overflow: hidden; }

    .tabs [class^="tab"] label,
    .tabs [class*=" tab"] label {
      color: #efedef; cursor: pointer; display: block; font-size: 1.1em; font-weight: 300; line-height: 1em;
      padding: 0;
      text-align: center; font-size: 20px;
    }

    .tabs [class^="tab"] [type="radio"],
    .tabs [class*=" tab"] [type="radio"] {
      border-bottom: 1px solid rgba(239, 237, 239, 0.5);
      cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block;  width: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .tabs [class^="tab"] [type="radio"]:hover,
    .tabs [class^="tab"] [type="radio"]:focus,
    .tabs [class*=" tab"] [type="radio"]:hover,
    .tabs [class*=" tab"] [type="radio"]:focus {
      border-bottom: 1px solid #ee3a3b;
    }

    .tabs [class^="tab"] [type="radio"]:checked,
    .tabs [class*=" tab"] [type="radio"]:checked {
      border-bottom: 2px solid #ee3a3b;
    }

    .tabs [class^="tab"] [type="radio"]:checked+div,
    .tabs [class*=" tab"] [type="radio"]:checked+div {
      opacity: 1;
    }

    .tabs [class^="tab"] [type="radio"]+div,
    .tabs [class*=" tab"] [type="radio"]+div {
      display: block; opacity: 0; padding: 2rem 0; width: 90%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;
    }

    .tabs .tab-2 { width: 50%; }
    .tabs .tab-2 [type="radio"]+div { width: 200%;  margin-left: 200%; }
    .tabs .tab-2 [type="radio"]:checked+div { margin-left: 0; }
    .tabs .tab-2:last-child [type="radio"]+div {  margin-left: 100%; }
    .tabs .tab-2:last-child [type="radio"]:checked+div {  margin-left: -100%; }



/* referal css */
.refer p {font-size: 12px}
.refer-banner{
  /* background-image: url("../images/refer-banner.png"); */
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.btn-getyourlink{ position: absolute; bottom: 0;margin:10px 42%;}
/* .refer-banner2{position: relative; margin-top: 5%} */
.refer-method{
  background-image: url("../images/refer-method.png");
  background-repeat:repeat;
  background-position: center top;
  height: 100%;
  margin-top: 5%;
  color:#fff;
  font-size:24px;
  color:#fff;
  padding: 4% 4% 2% 4%;
}
.refer  h6{font-size: 24px}
.refer  p{font-size: 20px; line-height: 24px; text-align: center}
.refer-method-details{

background:#313133;
background-repeat: no-repeat;
background-position: center top;
margin-top: 2%;
color:#ee3a3b;
}
        .refer-method-details  p{font-size: 18px; line-height: 24px; text-align: center}
.refer  .box{
  width: 20%;
  border: 2px solid #ee3a3b;
  display: inline-flex;
  margin: 18px 2%;
  padding: 3% 3.5%;
  cursor: pointer;
  border-radius: 8px;
  background: #000;
}
.refer  .box h3{font-size: 18px; font-size: normal}
.refer .box .ref-val{text-align: center; }
.refer .box span{display: inline-block}

.activity-rules{ text-align: center;     margin-top: 30px;}
.activity-rules p{ text-align: left; font-size: 15px}
.activity-rules ol{padding:4%; text-align: left}
.activity-rules ol li{
  line-height: 32px;
  color: fff;
  font-size: 15px;
}
.activity-rules h4{
  padding-top:25px;
}
.activity-rules h4::before{
  content: "";
  position: absolute;
  left: 0;
  width: 28%;
  top: 5%;
  height: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(102, 133, 234, 0)), to(#ee3a3b));
  background-image: linear-gradient(90deg, rgba(102, 133, 234, 0) 0%, #ee3a3b 100%);
  border-radius: 12px;
  background-size: contain;
  text-align: center;
}

.activity-rules h4::after{
  content: "";
  position: absolute;
  right: 0;
  width: 28%;
  top: 5%;
  height: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(102, 133, 234, 0)), to(#ee3a3b));
  background-image: linear-gradient(-90deg, rgba(102, 133, 234, 0) 0%, #ee3a3b 100%);
  border-radius: 12px;
  background-size: contain;
}

.table-content-act{margin: 0px 3%; width: 93%;  border: 1px solid #e7e7e7;}
.medthodcls{padding: 9%}
.inner-1 .content{padding: 20px 30px;}
.inner-1 .google_a {float: right;}
.modal_one .modal_i {margin-left: 3rem;}
.o-records-page .inner-dpt-btn .btn {margin: 0 1rem!important;}
#real_mining .i-heading .pur_link {cursor: pointer;color:#0000ff;font-size: 16px;}
@media screen and (min-width:320px) and (max-width:767px){
  .refer .box { width: 37%;  }
  .home-page .searchInput input {margin-left: 7%!important;margin-bottom: 15px;}
  .home-page .searchInput {left: 11px!important;}
  .back-color {padding: 8px 0 29px 0px;}
  #real_mining .i-heading .pur_link, #sectwo .t-heading p {font-size: 11px!important;}
  .celebrations img { width: 77px;}
  .list .btn-group{display: block;}
  .search_t {  text-align: right; margin: 0px!important; }
}
@media screen and (min-width:320px) and (max-width:575px){
  .inner-1 .cus-btn-1, .inner-1 .google_a{float: none!important;margin: 0!important;}
  .modal-3 .buylabel {text-align: left!important;margin: 6px!important;}
  .modal-3 .buyordertest_data {margin: 0!important;}
  .modal-3   .div_insidefield_s{ margin: -7px 0px 0px 98px!important;}
  #secthree .card { margin: 0 auto;margin-bottom: 20px;}
  #secthree iframe{width: 100%;margin: 10px 0;}
  #secone img{margin-top: 14px;}
  #sectwo .top_heading{display:block!important;margin: 0 0 10px 52px;}
  .celebrations img { width: 77px;}
  .list .btn-group{display: block;}
  .search_t {  text-align: right; margin: 0px!important; }
    }
@media screen and (max-width:990px){
.t-columns {padding: 0 15px!important;}
.announce-details .announce_list li{margin: 13px 0px;}
.announce-details .page-nums{margin: -5px!important}
.announce-details .paginator{margin-right: -15px!important;}
.announce_list .rowfirst > div{float: none!important;}
.refer-method {margin-top: 3%;}
.activity-rules {margin-top: 12px;}
.img_logofix { margin: auto!important;}
.kyc-page .form-control, .custom-select {width: 100%!important;}
.kyc-page .col-form-label {text-align: left!important;}
.inner-1 .span-3 {margin-left: 0px!important;}
.inner-1 .content{padding: 10px 3px;}
.mywallet .btn-sm{margin: 5px 2px!important;}
.modal_one .modal_i {margin-left: 0rem!important;}
.o-records-page .inner-dpt-btn .btn {margin: 5px 0.5rem!important;}
.o-records-page .inner-dpt-btn .btn:nth-child(1) {margin: 15px 0.5rem!important;}
#sectwo .i-heading {margin-right: 29px;}
.nav-item.pre_link { padding-left: 0px!important; }
  }
@media screen and (max-width:1630px){
  .mywallet .btn-sm{margin: 5px 4px!important;}
}
.pass-icon {
  position: absolute;
  margin: 0px 0 0 89%;
  padding: 0;
  cursor: pointer;
  line-height: 3;
}
.pass-icon2 {
  position: absolute;
  margin: -33px 0 0 0!important;right: 70px;}
.material-icons {
    line-height: 0!important;
} .maticon {
    font-size: 16px!important;
    color: #666!important;
}
.fa-times {
    cursor: pointer;
}


/* ----------trade-contest-------- */
#trade-contest .trade-c-img{
  background-image: url("../images/trade_contest_bg1.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 764px;
  height: 1194px;
   margin-top: 30px;
 
 }