@import url('https://fonts.googleapis.com/css?family=Jura:300,400,500,600,700');

@import url('bootstrap.min.css?v=1.9.7');
@import url('font-awesome.css?v=1.9.7');
@import url('animate.css?v=1.9.7');
@import url('menus.css?v=1.9.7');
@import url('owl.carousel.min.css?v=1.9.7');
@import url('sweetalert.css?v=1.9.7');


@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold.woff2') format('woff2'),
         url('../fonts/bebasneue_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body{
	height: 100%;
}

body{
	font-family: 'Jura', sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #666666;
  font-weight: normal;
}

img{
	max-width: 100%;
}
.mh-auto{
  min-height: auto !important;
  height: auto !important;
}
.lh28{
  line-height: 28px;
}
.mrt50{
  margin-top: 50px;
}
.mrt30{
  margin-top: 30px;
}
.mrt20{
  margin-top: 20px;
}
.f8-bg{
  background: #f8f8f8;
}
.pdtb80{
  padding-top: 80px;
  padding-bottom: 80px;
}
.heading1{
  font-size: 36px;
  color: #302742;
  margin-bottom: 15px;
}
.header-section{
  background: url(../img/header-bg.png) no-repeat center top;
  background-size: cover;
  min-height: 716px;
}
footer{
  color: #FFF;
}
#gotop{

  padding:5px;

  width:40px;

  height:40px;

  position:fixed;

  right:10px;

  bottom:10px;

  display:none;

  color:#333;

  background: #FFF;

  font-size:21px;

  text-align:center;

  cursor:pointer;

  border-radius:50%;

  z-index:9999999;

  -webkit-animation: MoveUpDown 1s linear infinite;

    -webkit-animation-direction: alternate;

}

@keyframes MoveUpDown {

  0% {

    bottom: 10px;

  }

  50% {

    bottom: 20px;

  }

  100% {

    bottom: 10px;

  }

}
.pdt12{
  padding-top: 12px;
}
.top-nav.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999 !important;
    border-top: 0;
    background:#591d51;
    animation-name: fadeInDown;
    animation-duration: 1s;
    padding: 10px 0px;
}
.top-nav.sticky img{
  max-height:52px;
}
.top-nav{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  padding: 10px 0px;
  z-index: 9999;
}
.top-nav ul{
  margin-top: 16px;
}
.top-nav ul li{
  list-style: none;
  display: inline-block;
  padding: 0px 20px;
}
.top-nav ul li a{
  font-size: 22px;
  color: #FFF;
  text-decoration: none;
}
.top-nav ul li a:hover{
  color:rgba(255,255,255,0.75);
}
.top-nav ul li:last-child{
  padding-right: 0px;
}
.top-nav.sticky{

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 999;

  border-top: 0;

  background: #591d51;

  animation-name: fadeInDown;

  animation-duration: 1s;

  padding: 10px 0px;

}

.login-btn{
  padding: 2px 8px;
  border: solid 2px #FFF;
  display: inline-block;
  color: #FFF;
  margin-right: 3px;
  margin-top: 14px;
  border-radius: 15px;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  font-size: 15px;
}
.login-btn:hover, .login-btn:focus{
  background: #FFF;
  color: #28153f;
  text-decoration: none;
}

.currency-section{
  background: url(../img/doted-lines.png) no-repeat center top;
  margin-top: -184px;
  padding-top: 160px;
  position: relative;
  z-index: 99;
}
.currency-section .container{
  padding: 0px;
}

.currency-item{
  text-align: center;
  display: inline-block;
  width: 80px;
}
.header-section{
  position: relative;
  z-index: 99;
}
.header-signup{
  width: 330px;
  margin: auto;
  padding-top: 250px;
  text-align: center;
}
.header-signup input{
  background: none;
  padding: 10px;
  border: none;
  border-bottom: solid 2px #FFF;
  margin-bottom:15px;
  width: 100%;
  display: block;
  outline: none;
  text-align: center;
  font-size: 24px;
  color: #FFF;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.signup-btn{
  padding: 10px 25px;
  border: solid 2px #FFF;
  display: inline-block;
  color: #FFF;
  margin-right: 20px;
  margin-top: 5px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 21px;
  font-weight: bold;
  background: none;
}
.signup-btn:hover, .signup-btn:focus{
  background: #FFF;
  color: #28153f;
  text-decoration: none;
}
.visible-img{
  display: none;
}
.popup-modal .form-control{
  background: none;
  border: none;
  border-bottom: solid 2px #FFF;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  border-radius: 0px;
  padding-left: 0;
  line-height: 36px;
  color: #FFF;
}
.reset-btn{
  background: none;
  text-shadow: none;
  color: rgba(255,255,255,0.5);
}
.reset-btn:hover, .reset-btn:focus{
  color: rgba(255,255,255,0.75);
}
.popup-modal .modal-content{
  background:none;
  box-shadow: none;
  border:none;
}
.popup-modal .modal-header{
  border-bottom:none;
}
.popup-modal .form-group{
  position: relative;
  margin-bottom: 25px;
}
.popup-modal .form-group i{
  position: absolute;
  top: 6px;
  right: 4px;
  color: #FFF;
}
.popup-modal .modal-content a{
  color: rgba(255,255,255,0.6);
  text-decoration: none;
}
.popup-modal .modal-content a:hover{
  color: rgba(255,255,255,1);
  text-decoration: none;
}
.form-control.error{
  border-bottom: solid 2px red;
}
.fade.in {
   background: #28153f; // or whatever you like
}
label.error{
  display: none !important;
}
.pdl30{
  padding-left: 30px;
}
.inner-page .top-nav{
  color: #FFF;
  background: #28153f;
}
.inner-page .header-signup{
  padding-top: 120px;
}
.inner-page .header-signup .heading1{
  color: #FFF;
}
.docs-pages{
  padding-top: 100px;
  padding-bottom: 80px;
}
.about-item.three, .about-item.four{
  padding-left: 70px;
}
.about-item.three img, .about-item.four img{
  position: absolute;
  left: 0;
}
.about-item.one, .about-item.two{
  padding-right: 70px;
}
.about-item.one img{
  position: absolute;
  right: 32px;
  top: 0;
}
 .about-item.two img{
  position: absolute;
  right: 42px;
  top: 0px;
}
.lt-item{
  margin-top: 30px;
}
.lt-item-img{
  border-radius: 50%;
}

.wt-box-item{
  background: rgba(255,255,255,0.75);
  border: dashed 3px #34d2d2;
  padding: 15px;
  min-height: 270px;
  margin-bottom: 20px;
}
.wt-box-item .heading1{
  font-size: 30px;
}
#DepositFees{
  padding-top: 20px;
}
.deposit-box{
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
}
.red{
  color: red;
}

.currency-item small{
  color: #480299;
}

.withdrawal-table tbody > tr > td img {
    height: 20px;
    margin-right: 10px;
}
.fee-tabs{
  border-bottom: 1px solid #ddd;
}
.fee-tabs a{
  color: #555;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  margin-bottom: -1px;
}
.fee-tabs a.active{
  color: #480299;
  font-weight: bold;
  background-color: #fff;
}

.fee-tabs.sticky{
  position: fixed;
  top: 0px;
  left: 0;
  background: #FFF;
  width: 100%;
  box-shadow: 0 3px 5px #e1e1e1;
  z-index: 99999;
  padding-top: 40px;
  animation-name: fadeInDown;
  animation-duration: 1s;
}

.fee-tabs .container{
  padding-right: 0px;
  padding-left: 0px;
}

.fee-tabs.sticky .container{
  padding-right: 15px;
  padding-left: 15px;
}

a.meshim_widget_components_mobileChatButton_TappingScreen{
  bottom: 0px !important;
}

.inner-client-left iframe {
    width: 800px;
    height: 450px;
}
.hr_separator {
    height: 4px;
    width: 70px;
    text-align: center;
    position: relative;
    background: #1a1a1a;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 0;
}

.main-section{
    background: url(../img/bg.png);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #6c205c;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% auto;
    padding: 0;
    background-position: top center;
    overflow: hidden;
}
.main-inner-content {
    display: table;
    width: 100%;
    padding:150px 0 50px 0;
    z-index: 999;
    position: relative;
}
.main-inner-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #faa43b;
    margin-top: 0;
    font-family: 'bebas_neuebold';

}
.white-text{
  color: #FFF !important;
}
.main-inner-content p {
    font-size: 22px;
    margin-bottom: 40px;
    color: #FFF;
    margin-top: 20px;
    font-weight: bold;
}
/*.main-inner-content .powered-logos p {
    margin-bottom: 0px;
    margin-top: 0px;
}*/

.powered-logos .col-md-3{
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.powered-section{
  padding-top: 50px;
}
.powered-section h2{
  color: #5cc4be;
  font-size: 50px;
  font-family: 'bebas_neuebold';
}
footer .powered-section{
  padding-top: 0px;
  padding-bottom: 50px;
}
@media (max-width: 767px){
  .about-section{
    min-height: auto;
  }
  .about-content{
    width: 100%;
    background: none;
    min-height: auto;
  }
  .about-item{
    position: unset;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .about-item img{
    margin-right: 10px;
    display: inline-block;
  }
  .visible-img{
    display: inline-block !important;
  }
  .xs-center{
    text-align: center !important;
  }
  .pdtb80{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .heading1{
    font-size: 28px;
  }
  .header-logo{
    padding-top: 10px;
    display: inline-block;
  }
  .about-content-xs{
    margin-top: 30px;
  }
  .about-content-xs .row{
    margin-bottom: 20px;
  }
  .about-content-xs img{
    margin: auto;
    text-align: center;
  }
  .features-box{
    min-height: auto;
    padding: 20px;
  }
  .mrt50 {
      margin-top: 20px;
  }
  .xs-mrt20 {
      margin-top: 20px;
  }
  /*.inner-page .pdtb80{
    padding-top: 70px;
  }*/
  .header-section{
    min-height: 400px;
    background: url(../img/header-bg-mobile.png) no-repeat center top;
    background-size: cover;
  }
  .currency-section{
    margin-top: 0px;
    background: none;
    padding-top: 0px;
  }
  .header-signup{
    padding-top: 142px;
    padding-bottom: 80px;
    width: 100%;
  }
  .header-signup .heading1{
    font-size: 21px;
    color: #FFF;
    font-weight: bold;
  }
  footer h3{
    font-size: 21px;
  }
  .login-btn {
    padding: 1px 4px;
    border: solid 1px #FFF;
    display: inline-block;
    color: #FFF;
    margin-right: 7px;
    margin-top: 6px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: normal;
    background: transparent;
    font-size: 14px;
  }
  .nav-icon{
    margin-top: 10px;
  }
  .nav>li>a{
    padding: 5px;
    font-size: 14px;
  }
  /*#DepositFees {
    padding-top: 112px;
  }*/
  .docs-pages {
    padding-top: 72px;
    padding-bottom: 40px;
  }
  .fee-tabs a{
    display: block;
    text-align: center;
  }
  .fee-tabs.sticky{
    padding-top: 10px;
  }
  .fee-tabs {
    border-bottom: none;
  }
}

@media (min-width: 768px){
  .modal-sm {
    width: 380px;
  }
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


@media (min-width: 1200px){
  .container {
      width: 1200px;
  }
}
@media only screen and (max-width: 800px) and (min-width: 769px){

}

.section-1, .section-3{
  background: url(../img/section1-bg.png) no-repeat right 50px;
  padding: 50px 0px;
}

.section-title{
  font-family: 'bebas_neuebold';
  font-size: 60px;
  text-transform: uppercase;
  color: #5cc4be;
  margin-bottom: 30px;
}
.section-subtitle{
  font-size: 30px;
  text-transform: uppercase;
  color: #6b205c;
  margin-bottom: 30px;
  font-weight: bold;
  margin-top: 0px;
}

.section-content p{
  font-size: 24px;
  line-height: 30px;
}
.section-content span{
  font-weight: bold;
}
/*.protocol-track, .security-track{
  background: url(../img/icon-bg-1.png) no-repeat left 0px;
  padding: 80px 0px;
  background-size: 33% 88%;
}
.dapp-track{
  background: url(../img/icon-bg-2.png) no-repeat right 0px;
  padding: 80px 0px;
  background-size: 33% 88%;
}*/
.section-2{
  padding: 80px 0px;
  position: relative;
}
.section-2 .section-title{
  position: relative;
  z-index: 3;
}
.protocol-bg, .security-bg{
  background: url(../img/icon-bg-1.png) no-repeat center top;
  width:440px;
  height: 455px;
  position: absolute;
  z-index: 1;
  margin-top: -105px;
  margin-left: -60px;
}
.protocol-content, .security-content{
  position: relative;
  z-index: 2;
}
.dapp-bg{
  background: url(../img/icon-bg-2.png) no-repeat right top;
  width:440px;
  height: 455px;
  position: absolute;
  z-index: 1;
  margin-top: -105px;
  margin-right: -60px;
  right: 0px;
}
.dapp-content{
  position: relative;
  z-index: 2;
}
.dapp-track{
  padding-top: 170px;
  position: relative;
}
.security-track{
  padding-top: 230px;
  position: relative;
}
.shiled-content{
  padding: 30px 0px;
}
.shiled-item{
  background: url(../img/shiled.png) no-repeat center top;
  width: 70px;
  height: 83px;
  display: inline-block;
  font-size: 30px;
  text-transform: uppercase;
  color: #6b205c;
  font-weight: bold;
  padding-top: 18px;
  margin-bottom: 15px;
}
.email-subscribe{
  padding: 30px 0px;
  width: 100%; 
  display: inline-block;
  margin: auto;
  position: relative;
}
.main-inner-content .email-subscribe input {
  color: #FFF;
}
.email-subscribe input {
    position: relative;
    width: 100%;
    background: transparent;
    border: solid 1px #5cc4be;
    outline: none;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    color: #666;
    line-height: 42px;
    z-index: 2;
    padding: 10px 15px;
    border-radius: 6px !important;
}
.email-subscribe input.error{
    border: solid 1px red !important;
}
.email-subscribe button {
    outline: none;
    border: none;
    width: 130px;
    height: 43px;
    background: #5cc4be;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 12px;
    top: 40px;
    border-radius: 6px !important;
}
.email-subscribe input::-webkit-input-placeholder{
  color: #999;
}

.join-title{
  font-size: 42px;
  text-transform: uppercase;
  color: #722563;
  font-weight: bold;
  margin-top: 0px;
  font-family: 'bebas_neuebold';
}

footer{
  background: url(../img/footer-bg.png) no-repeat left top #6b205c;
  background-size: cover;
  padding: 50px 0px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.get-in-touch{
  margin:30px 0px;
}
.get-in-touch input {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: solid 1px #5cc4be;
    outline: none;
    color: #FFF;
    line-height: 42px;
    z-index: 2;
    padding: 10px 15px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}
.get-in-touch input.error{
    border-bottom: solid 1px red !important;
}
.get-in-touch button {
    padding: 25px 25px;
    outline: none;
    border: none;
    display: inline-block;
    background: #5cc4be;
    color: #FFF;
    cursor: pointer;
    font-size: 24px;
    border-radius: 6px !important;
}
.get-in-touch input::-webkit-input-placeholder{
  color: #999;
}
.copyrights{
  font-size: 24px;
  color: #5cc4be;
  margin-top: 30px;
}
.social-links {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.social-links li {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
}
.social-links li a {
  color: #6b205c;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
}
.social-links i {
  font-size: 28px !important;
}
.social-links li{
  background: #5cc4be !important;
  color: #6b205c !important;
}

.timeline{
/*  height: 420px;*/
  position: relative;
  width: 100%;
  /*background: url(../img/timeline-image.png) no-repeat left center;*/
  background-size: contain;
}
.timeline-line{
  width: 100%;
  height: 2px;
  background: #722563;
  position: absolute;
  top: 50%;
  left: 0;
}
.t-dot-1, .t-dot-2{
  width: 30px;
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
}
.t-dot-1{
  left: -10px;
}
.t-dot-2{
  right: -10px;
}
.t-item-1, .t-item-3, .t-item-5, .t-item-7{
  width: 160px;
  position: absolute;
  margin-top: -12px;
  top: 62%;  
  text-align: center;
}
.t-item-2, .t-item-4, .t-item-6{
  width: 160px;
  position: absolute;
  top: 10%;
  text-align: center;
}
.t-item-1{
  left: 3.7%;
}
.t-item-2{
  left: 17.5%;
}
.t-item-3{
  left: 30.5%;
}
.t-item-4{
  left: 44%;
}
.t-item-5{
  left: 57%;
}
.t-item-6{
  left: 71%;
}
.t-item-7{
  left: 83.9%;
}

.f-partners a{
  display: inline-block;
  margin:10px;
}
.f-m-partners a{
  display: inline-block;
  margin:10px 15px;
}

@media screen and (max-width:767px) { 
  .main-inner-content{
    padding-top:100px;
    text-align: center;
  }
  /*.main-inner-content .powered-logos p{
    margin-top: 0;
    margin-bottom: 0;
  }*/
  .section-title{
    font-size: 32px;
    text-align: center;
    margin-bottom:15px;
  }
  .section-2, .section-1, .section-3{
    background: none;
    padding:50px 0px 15px 0px;
  }
  .dapp-track, .security-track{
    padding-top: 10px;
  }
  .section-content p{
    text-align: center;
  }
  .social-links{
    margin-bottom: 30px;
  }
  .timeline{
    height: auto;
    margin-top: 30px;
  }
  .t-item-1, .t-item-3, .t-item-5{
    width: 100%;
    position: unset;
  }
  .t-item-2, .t-item-4, .t-item-6{
    width: 100%;
    position: unset;
  }

  .t-dot-1, .t-dot-2, .timeline-line{
    display: none;
  }
  .email-subscribe{
    padding-top: 0px;
  }
  .email-subscribe button{    
    top: 10px;
  }
  .shiled-content .section-subtitle{
    font-size: 16px;
  }
  .main-inner-content{
    padding-top: 40px;
  }
  .main-inner-content p{
    margin-bottom: 20px;
  }
  .m-icon-item{
    background: url(../img/m-icon-bg.png) no-repeat 43% 12px;
    padding-bottom:90px;
    padding-top: 70px;
    background-size: 66%;
  }
  .m-icon-item img{
    max-width: 90px;
  }
  .section-subtitle{
    font-size: 18px;
    margin-bottom: 10px;

  }
  .section-content p{
    font-size: 18px;
    line-height: 24px;
  }
  .mobile-timline{
    /*background: url(../img/m-timeline-bg.png) no-repeat center top;*/
    height: auto;
    min-width: 320px;
    position: relative;
    margin: auto;
    text-align: center;
  }
  .mobile-timline p{
    margin-bottom: 0px;
    font-size: 15px;
  }
  .mt-item-1, .mt-item-2, .mt-item-3, .mt-item-4, .mt-item-5, .mt-item-6{
    position: absolute;
    width: 130px;
    text-align: center;
  }
  .mt-item-1{
    left: 0;
    top: 42px;
  }
  .mt-item-2{
    right: 0;
    top: 124px;
  }
  .mt-item-3{
    left: 0;
    top: 202px;
  }
  .mt-item-4{
    right: 0;
    top: 288px;
  }
  .mt-item-5{
    left: 0;
    top: 374px;
  }
  .mt-item-6{
    right: 0;
    top: 431px;
  }
  .join-title {
    font-size: 26px;
  }
  .get-in-touch button{
    font-size: 18px;
    padding: 15px;
  }
  .copyrights{
    font-size: 18px;
  }
  .section-1, .section-3{
    background: url(../img/section1-bg.png) no-repeat right 50px;
    background-size: 30%;
  }
  footer {
    background: url(../img/m-footer-bg.png) no-repeat left bottom #6b205c;
    padding:50px 0px 15px 0px;
  }
  .protocol-bg, .security-bg, .dapp-bg{
    display: none;
  }
  .main-section{
    background: url(../img/head-mobile-bg.jpg) no-repeat left top #6b205c;
    background-size: cover;
  }
  #contact{
    padding-top: 0px;
  }
  .powered-section h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 15px;
  }
}

@media screen and (min-width:1800px) {
  .powered-section {    padding-top: 175px;  }
}
.register-now-buttons{text-align: center; padding-top: 0px !important;}
.register-now-buttons button{font-weight:bold; font-size:18px; text-align: center;  position: relative !important; top: 0px !important; width: 280px; height: 50px; right: unset;}
.footer-taxes{color: #fff; margin-bottom: 10px !important;}


.t-item-1, .t-item-2, .t-item-3, .t-item-4, .t-item-5, .t-item-6, .t-item-7, .mt-item-1, .mt-item-2, .mt-item-3, .mt-item-4, .mt-item-5, .mt-item-6 {display: none}
.timeline{min-height: 300px;}
/*.mobile-text-center{text-align: center;}*/

@media screen and (min-width:1023px) {    
          .left-align-desktop{ text-align: left;}    .mobile-text-center{text-align: left !important;}


}

@media screen and (max-width:1023px) {    
         .powered-section .col-md-6 h2{margin-top: 25px !important;}
         

}