/*global*/
html{
 -webkit-font-smoothing: antialiased;
 -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
 text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a, a:hover, a:focus{text-decoration:none;}
ul, ol{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0;}
h1, h2, h3{font-weight:300;}
h4,h5,h6{font-weight:300;}
input, button, textarea, select{font-family:'Exo 2';}
.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;}

.flex-row  > div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}
.btn{
  cursor: pointer;
  padding:0 25px;
  font-size: 14px;
  font-weight:700;
  text-transform:uppercase;
  height: auto;
  line-height: 46px;
  text-align: center;
  box-shadow: 0 13px 50px rgba(0, 0, 0, .2878);
  background-image: none;
  border: none;
  border-radius:12px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s; 
  -moz-transition: all 0.2s;
  letter-spacing:1px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  outline-offset: 0;
}
.btn-white{
	background-color:#fff;
	color:#000;
}
.btn-white:hover{
	background-color:#FFD935;
	color:#000;
	box-shadow: 0 0 24px -6px #FFD935;
	transform:scale(1.05);
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05);
}
.btn-yellow{
	background-color:#FFD935;
	color:#000;
}
.btn-yellow:hover{
	background-color:#FFD935;
	color:#000;
	transform:scale(1.05);
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05);
}
/*body*/
body.login-page{
	min-height:100%;
	position:relative;
	font-family:'Exo 2';
	font-weight:300;
	color:#333;
	line-height:1.3;
}
/*form*/
.form-list{
	position:relative;
}
.form-list li{
	margin-bottom:20px;
}
.form-list li:last-child{
	margin-bottom:0;
}
.form-control{
  height: auto;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  font-weight:600;
  background-color: transparent;
  border: 2px solid #3a6dcc;
  border-radius:12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.4s all;
       -o-transition: 0.4s all;
          transition: 0.4s all;
}
.form-control:focus {
  border-color: 7769e6;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customer-auth-wrapper{
	position:relative;
}
.customer-auth-wrapper > .container-fluid{
	padding-left:0;
	padding-right:0;
}
.customer-auth-wrapper > .container-fluid > .row{
	margin-left:0;
	margin-right:0;
}
.customer-auth-wrapper > .container-fluid > .row > div{
	padding-left:0;
	padding-right:0;
	margin:auto;
}
.box-left{
	background:url(../images/blue-bg.png) no-repeat 100% 0;
	background-size:cover;
}
/*left*/
.p_logo{
	margin-bottom:30px;
}
.p_logo img{
	display:block;
	max-height:90px;
	margin-left:auto;
	margin-right:auto;
}
.abs-logo{
	position:absolute;
	right:30px;
	top:45px;
}
.abs-logo img{
	max-height:30px;
}
.left-details{
	padding:50px 40px;
	width:100%;
	color:#fff;
}
.ico-countdown{
	margin-bottom:40px;
}
.ico-countdown #demo{
	text-align:center;
}
.ico-countdown h3{
	font-weight:700;
	margin-bottom:20px;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
}
.ico-countdown h4{
	margin:0;
	font-weight:700;
	font-size:18px;
	text-transform:uppercase;
}
.ico-countdown #demo > span{
	display:inline-block;
	background:#f6f8ff;
	color:#3a6dcc;
	font-weight:700;
	font-size:18px;
	padding:10px;
	margin-right:10px;
	border-radius:20px;
	text-align:center;
	width:60px;
	box-shadow:0 0 25px 0 rgba(0,0,0,0.35);
}
.ico-countdown #demo > span span{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	font-weight:700;
	color:#000;
}
#myProgress {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-left: 0;
  position: relative;
  height: 28px;
  border-radius: 14px;
  background-color: #ffffff;
  box-shadow: 0 25px 50px 0 rgba(61, 61, 61, 0.29);
}
#myBar {
  width: 0;
  height: 28px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.11)), linear-gradient(to right, #3823a7, #2774ff);
  text-align: center;
  line-height: 30px;
  color: white;
  position: relative;
  border-radius: 14px;
  /*transition-delay: 5s;*/
  /*-webkit-transition-delay: 5s;
  transition-delay: 5s;
  transition: width 2s;*/
}
#myBar:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.4;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
#myBarCircle {
    position: absolute;
    right: -18px;
    width: 36px;
    height: 36px;
    background-image: linear-gradient(155deg, #3822a6, #1f5edf);
    box-shadow: 1px 1px 20px 0 #00399b;
    top: -3px;
    border-radius: 100%;
    z-index: 10;
}
.small-circle {
    border-radius: 100%;
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.total-sold {
    position: absolute;
    right: 10px;
    bottom: 0px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    display: block;
	line-height:28px;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.left-details .ico-details{
	margin-top:40px;
}
.left-details .ico-details .id-item{
	padding-left:45px;
	position:relative;
	display:inline-block;
	margin-right:15px;
	padding-right:15px;
	border-right:2px solid rgba(255,255,255,0.25);
	text-align:left;
	text-transform:uppercase;
}
.left-details .ico-details .id-item:last-child{
	margin-right:0;
	padding-right:0;
	border:none;
}
.left-details .ico-details .id-item img{
	position:absolute;
	top:4px;
	left:0;
	max-height:32px;
}
.left-details .ico-details .id-item h4{
	font-weight:500;
	font-size:14px;
	line-height:20px;
	float:left;
}
.left-details .ico-details .id-item h5{
	display:inline-block;
	margin-left:10px;
	font-size:30px;
	font-weight:700;
	line-height:40px;
	float:left;
}
.participate{
	margin-top:30px;
}
.participate .btn{
	float:left;
}
.participate > span{
	font-weight:400;
	font-family:'Exo 2';
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:18px;
	line-height:30px;
	display:inline-block;
	padding-right:40px;
	position:relative;
	cursor:pointer;
	float:right;
	margin-top:8px;
}
.participate span img{
	max-height:30px;
	right:0;
	top:0;
	position:absolute;
}
.go-home{
	position:fixed;
	text-align:center;
	right:10px;
	bottom:10px;
	z-index:11;
	padding:10px 20px;
	border-radius:50px;
	background-image: linear-gradient(0deg, #3a6dcc 0, #7761e8 50%, #7761e8);
}
.left-details .go-home a{
	display:inline-block;
	line-height:25px;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	background-size:16px;
}
.brt-ico-calc{
	margin-top:30px;
}
.brt-ico-calc .input-box{
	position:relative;
}
.brt-ico-calc .input-box span.tag{
	display:block;
	width:60px;
	line-height:50px;
	position:absolute;
	left:2px;
	top:2px;
	border-right:2px solid rgba(255,255,255,0.40);
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
}
.brt-ico-calc .input-box .form-control{
	border-color:rgba(255,255,255,0.40);
	color:#fff;
	padding-left:75px;
	border-radius:50px;
}
.token-buy-tips{
	position:relative;
}
.token-buy-tips li{
	position:relative;
	padding-left:55px;
	line-height:20px;
	font-size:14px;
	margin-bottom:4px;
}
.token-buy-tips li.no-padding{
	padding:0;
}
.token-buy-tips li.b{
	padding-left:0;
	margin-bottom:10px;
}
.token-buy-tips li.b b{
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
}
.token-buy-tips li span{
	font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    display: block;
    line-height: 20px;
    color: #FFD935;
}
.buy-note{
	margin-top:30px;
	font-size:15px;
	line-height:22px;
	padding: 25px;
    background: rgba(0,0,0,0.25);
    border-radius: 12px;
}
.buy-note b{
	display:block;
	margin-bottom:15px;
	text-align:center;
	font-size:18px;
}
.buy-note span{
	display:block;
	margin-bottom:10px;
}
/*right*/
.invest-form{
	position:relative;
}
.btn.small{
	font-size:13px;
	line-height:34px;
	padding:0 20px;    
	box-shadow: 0 5px 18px rgba(0, 0, 0, .2878);
}
.acc-btn{
	position:absolute;
	right:0;
	top:120px;
}
.box-right{
	
}
.payment-wrapper{
	padding:60px 40px;
	width:100%;
}
.invest-form h3, .confirm-payment h3{
	font-weight:600;
	letter-spacing:1px;
	font-size:40px;
	padding-bottom:20px;
	margin-bottom:40px;
	position:relative;
}
.invest-form h3 span.blue, .confirm-payment h3 span.blue{
	color:#3a6dcc;
}
.invest-form h3 span.line, .confirm-payment h3 span.line{
	position:absolute;
	bottom:0;
	border-bottom:3px solid #7761e8;
	width:50px;
	left:0;
	transition:0.4s;
	-webkit-transition:0.4s; 
}
.invest-form h3 span.line:after, .confirm-payment h3 span.line:after{
	position:absolute;
	bottom:-15px;
	width:30px;
	height:3px;
	background-color:#7761e8;
	left:0;
	content:"";
	display:block;
	transition:0.4s;
	-webkit-transition:0.4s; 
}
.box-right:hover .invest-form h3 span.line,.box-right:hover .confirm-payment h3 span.line{
	width:80px;
}
.box-right:hover .invest-form h3 span.line:after, .box-right:hover .confirm-payment h3 span.line:after{
	width:50px;
}
.form-list li .input-box{
	position:relative;
}
.invest-form .form-list li .input-box img, #referal-form .form-list li .input-box img{
	position:absolute;
	top:11px;
	left:15px;
}
.invest-form .form-list li .form-control, #referal-form .form-list li .form-control {
	padding-left:60px;
}
select.form-control{
	height:54px;
}
.invest-form .form-list li .captcha{
	max-width:320px;
}
.bottom-right{
	margin-top:30px;
	padding-top:30px;
	border-top:2px solid rgba(255,255,255,0.25);
}
.bottom-right .btn{
	
}
.bottom-right .btn i{
	margin-right:10px;
}
/*popup*/
#referal-form .modal-header{
	border-bottom:none;
	background-image: linear-gradient(0deg, #3a6dcc 0, #7761e8 50%, #7761e8);
}
#referal-form h4.modal-title{
	font-weight:600;
    letter-spacing: 1px;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 15px;
	position:relative;
	color:#fff;
}
#referal-form h4.modal-title span.line{
	position:absolute;
	bottom:0;
	border-bottom:3px solid #fff;
	width:50px;
	left:0;
}
#referal-form h4.modal-title span.line:after{
	position:absolute;
	bottom:-12px;
	width:30px;
	height:3px;
	background-color:#fff;
	left:0;
	content:"";
	display:block;
}
#referal-form .modal-body{
	padding:30px;
}
#referal-form .modal-header .close{
	margin-top:0;
	color:#fff;
	opacity:1;
	font-size: 40px;
    font-weight: 300;
	z-index:11;
	position:relative;
}
.confirm-payment{
	padding:60px;
	width:108%;
}
.wallet-qr{
	margin-bottom:20px;
}
.send-btc{
	font-weight:600;
	margin-bottom:20px;
	font-size:18px;
}
.wallet-qr img{
	display:block;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2878);
	margin-bottom:20px;
	padding:10px;
}
.address-bar label{
	font-size:15px;
	margin-bottom:10px;
	display:block;
	font-weight:600;
	text-transform:uppercase;
}
.address-bar .address-box{
	position:relative;
	border:2px solid #3a6dcc;
	border-radius:12px;
	padding:10px 20px;
}
.address-bar .address-box p{
	margin:0;
	font-size:15px;
	font-weight:500;
	line-height:24px;
}
.address-bar .address-box .btn{
	position:absolute;
	right:15px;
	box-shadow:none;
	top:6px;
	line-height:30px;
	padding: 0 15px;
	font-size:12px;
}
.confirm-notes{
	list-style:disc;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:25px;
}
.confirm-notes li{
	margin-bottom:10px;
}
.confirm-notes li p{
	font-size:16px;
	line-height:24px;
	color:rgba(0,0,0,0.65);
	font-weight:400;
}
.confirm-notes li p a{
	color:#3a6dcc;
}
/*extra*/
#mc-2 h4{
	font-weight:600;
	margin-bottom:10px;
	color:#3a6dcc;
	font-size:16px;
}
#mc-2 h5{
	font-size:18px;
	margin-bottom:5px;
}
.confirm-p{
	padding:30px;
}
.confirm-p img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.confirm-p h4{
	font-weight:600;
	margin-bottom:10px;
	color:#3a6dcc;
	font-size:18px;
}
.confirm-p p{
	line-height:24px;
	font-size:15px;
	margin:0;
	font-weight:400;
}
.ref-success{padding-left:75px;
background:url(../images/checked.png) no-repeat 0 50%;
}
.g-recaptcha{
	display:inline-block;
}
.redeem-wrap{
	display:none;
	overflow-y:auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background-color:#f6f8ff;
	padding:60px 0;
}
/* width */
.redeem-wrap::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.redeem-wrap::-webkit-scrollbar-track {
    background:rgba(0,0,0,0.10);
    border-radius: 10px;
}
/* Handle */
.redeem-wrap::-webkit-scrollbar-thumb {
    background: #3a6dcc; 
    border-radius: 6px;
}
.redeem-wrap .close-calc{
	position:absolute;
	right:45px;
	top:45px;
}
.redeem-wrap .close-calc img{
	width:45px;
}
.adding-token-wrapper{
	
}
.adding-token-wrapper > h2{
	font-size: 30px;
	margin-bottom:20px;
	text-align:center;
	font-weight:700;
}
.adding-token-wrapper > h3{
	margin-bottom:40px;
	text-align:center;
	font-size:24px;
	font-weight:700;
	color:#3a6dcc;
}
.adding-inside{
	margin-bottom:30px;
}
ul.adding-steps{
	position:relative;
}
ul.adding-steps li{
	position:relative;
	padding-left:70px;
	margin-bottom:15px;
	min-height:60px;
}
ul.adding-steps li .step-icon{
	position:absolute;
	width:60px;
	line-height:54px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	height:60px;
	border:2px dashed #333;
	color:#3a6dcc;
	border-radius:100%;
	display:block;
	left:0;
	top:0;
}
ul.adding-steps li .step-icon img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%); 
	-moz-transform:translate(-50%, -50%);
	width:50px;
}
ul.adding-steps li .ad-step{
	padding-top:6px;
}
ul.adding-steps li .ad-step h4{
	font-weight:600;
	margin-bottom:5px;
	color:#3a6dcc;
	font-size:20px;
	text-transform:uppercase;
}
ul.adding-steps li .ad-step a,
ul.adding-steps li .ad-step p{
	margin-bottom:0;
	font-weight:500;
	font-size:16px;
}
ul.contarct-info{
	margin-top:20px;
}
ul.contarct-info li{
	margin-bottom:10px;
	font-size:16px;
	line-height:24px;
}
ul.contarct-info li span{
	color:#3a6dcc;
	font-weight:700;
}