body{
	font-family: 'PT Sans', sans-serif;
	font-size:18px;
	letter-spacing: 1px;
	color:#666;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Reem Kufi', sans-serif;
}
.margin-vertical-5{height:5px}
.margin-vertical-10{height:10px}
.margin-vertical-15{height:15px}
.margin-vertical-20{height:20px}
.margin-vertical-25{height:25px}
.margin-vertical-30{height:30px}
.margin-vertical-35{height:35px}
.margin-vertical-40{height:40px}
.margin-vertical-45{height:45px}
.margin-vertical-50{height:50px}
.margin-vertical-55{height:55px}
.margin-vertical-60{height:60px}
.margin-vertical-65{height:65px}
.margin-vertical-70{height:70px}
.margin-vertical-75{height:75px}
.margin-vertical-80{height:80px}
.margin-vertical-85{height:85px}
.margin-vertical-90{height:90px}
.margin-vertical-95{height:95px}
.margin-vertical-100{height:100px}
.header {
    text-align: center;
    background-attachment: fixed;
	background-color: #000;
    background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 115%;
    -webkit-background-size: 115%;
    -moz-background-size: 115%;
    background-size: 115%;
    -o-background-size: 115%;
    animation: animatedBackground 40s linear infinite;
	color:#fff;
}
@keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

.overlay{
	padding:25px 0;
    background-color:rgba(0, 0, 0, 0.41); 
}
div.logo{ 
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 500px;
	margin: 0 auto;
}
img.logo{ position: absolute; }
div.name{ 
position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
div.name h1{font-size:56px;}
div.name h2{font-size:26px;}
.navbar-main{background-color:transparent;border-color:none}
.navbar-main .navbar-brand{color:#666}
.navbar-main .navbar-brand:focus,.navbar-main .navbar-brand:hover{color:rgb(240, 185, 11);background-color:transparent}
.navbar-main .navbar-text{color:#666}
.navbar-main .navbar-nav>li>a{color:#666}
.navbar-main .navbar-nav>li>a:focus,.navbar-main .navbar-nav>li>a:hover{color:rgb(240, 185, 11);background-color:transparent}
.navbar-main .navbar-nav>.active>a,.navbar-main .navbar-nav>.active>a:focus,.navbar-main .navbar-nav>.active>a:hover{color:rgb(240, 185, 11);background-color:transparent}
.navbar-main .navbar-nav>.disabled>a,.navbar-main .navbar-nav>.disabled>a:focus,.navbar-main .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-main .navbar-toggle{border-color:#333}.navbar-main .navbar-toggle:focus,.navbar-main .navbar-toggle:hover{background-color:#333}
.navbar-main .navbar-toggle .icon-bar{background-color:#fff}.navbar-main .navbar-collapse,.navbar-main .navbar-form{border-color:#101010}
.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.open>a:focus,.navbar-main .navbar-nav>.open>a:hover{color:rgb(240, 185, 11);background-color:transparent}
@media (max-width:767px){
	.navbar-main .navbar-nav>li>a{background:#333}
	.navbar-main .navbar-nav>li.active>a,.navbar-main .navbar-nav>li>a:hover{background:#000}
	.navbar-main .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
	.navbar-main .navbar-nav .open .dropdown-menu .divider{background-color:transparent}
	.navbar-main .navbar-nav .open .dropdown-menu>li>a{color:#666}
	.navbar-main .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-main .navbar-nav .open .dropdown-menu>li>a:hover{color:rgb(240, 185, 11);background-color:transparent}
	.navbar-main .navbar-nav .open .dropdown-menu>.active>a,.navbar-main .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-main .navbar-nav .open .dropdown-menu>.active>a:hover{color:rgb(240, 185, 11);background-color:transparent}
	.navbar-main .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-main .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-main .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}
.navbar-main .navbar-link{color:#666}
.navbar-main .navbar-link:hover{color:#fff}
.navbar-main .btn-link{color:#666}
.navbar-main .btn-link:focus,.navbar-main .btn-link:hover{color:#fff}
.navbar-main .btn-link[disabled]:focus,.navbar-main .btn-link[disabled]:hover,fieldset[disabled] .navbar-main .btn-link:focus,fieldset[disabled] .navbar-main .btn-link:hover{color:#444}


hr.small {
    max-width: 100px;
    margin-top: 10px;
    margin-bottom: 30px;
}.meta-mask{
    background: #495057;
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:20px;
	border: 1px solid rgb(122, 185, 255);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 255, 0.3);
}
.meta-mask h3{
	margin-bottom:25px;
}
.meta-mask ol li{
	margin-bottom:15px;
}
.meta-mask-btn {
    background-color: #0058ae;
    border: 1px solid #0058ae;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    position: relative;
    opacity: 999;
    border-radius: 4px;
    text-transform: uppercase;
    min-width: 170px;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
	margin-bottom:20px;
}

.meta-mask-btn:focus {
    outline: none;
}

.meta-mask-btn:before,
.meta-mask-btn:after {
    content: '';
    border-style: solid;
    position: absolute;
    z-index: 5;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.meta-mask-btn:before {
    width: 0;
    height: 100%;
    border-width: 1px 0 1px 0;
    top: -1px;
    left: 0;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    border-color: #7ab9ff;
}

.meta-mask-btn:after {
    width: 100%;
    height: 0;
    border-width: 0 1px 0 1px;
    top: 0;
    left: -1px;
    border-color: #7ab9ff;
}

.meta-mask-btn:hover:before {
    width: 100%;
}

.meta-mask-btn:hover:after {
    height: 100%;
}

.meta-mask-btn:hover {
    color: #7ab9ff;
    background-color: transparent;
	text-decoration:none;
}
.how-it-works{
	background-attachment: fixed;
	background-color: #000;
    background-image:url(../images/how-it-works.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 115%;
    -webkit-background-size: 115%;
    -moz-background-size: 115%;
    background-size: 115%;
    -o-background-size: 115%;
    animation: animatedBackground 40s linear infinite;
	color:#fff;
}
.contract-section {
	background-attachment: fixed;
	background-color: #fff;
    background-image:url(../images/contact-section.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 115%;
    -webkit-background-size: 115%;
    -moz-background-size: 115%;
    background-size: 115%;
    -o-background-size: 115%;
    animation: animatedBackground 40s linear infinite;
	color:#fff;
}
.smart-contract-address {
	background-attachment: fixed;
	background-color: #fff;
    background-image:url(../images/smart-contract-address.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 115%;
    -webkit-background-size: 115%;
    -moz-background-size: 115%;
    background-size: 115%;
    -o-background-size: 115%;
    animation: animatedBackground 40s linear infinite;
	color:#fff;
}
.section{
	padding:100px 0;
}

.step-box{
	padding:20px;
	cursor:pointer;
	border-radius:10px;
	margin-top:20px;
}
.step-box img{
	margin:10px auto;	
}
.step-box:hover{
	box-shadow: 0 1px 5px rgba(255, 255, 255, 1);
}
.perfect-time{
	background-attachment: fixed;
	background-color: #000;
    background-image:url(../images/perfect-time.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 115%;
    -webkit-background-size: 115%;
    -moz-background-size: 115%;
    background-size: 115%;
    -o-background-size: 115%;
    animation: animatedBackground 40s linear infinite;
	padding:100px 0;
}
.panel-main {
  border-color: #202d38;
}
.panel-main > .panel-heading {
  color: #fff;
  background-color: #1d1729;
  border-color: #202d38;
}
.panel-main > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #202d38;
}
.panel-main > .panel-heading .badge {
  color: #202d38;
  background-color: #fff;
}
.panel-main > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #202d38;
}

.btn-main {
  color: #fff;
  background-color: #1d1729;
  border-color: #202d38;
}
.btn-main:focus,
.btn-main.focus {
  color: #fff;
  background-color: #202d38;
  border-color: #202d38;
}
.btn-main:hover {
  color: #fff;
  background-color: #202d38;
  border-color: #202d38;
}
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
  color: #fff;
  background-color: #202d38;
  border-color: #202d38;
}
.btn-main:active:hover,
.btn-main.active:hover,
.open > .dropdown-toggle.btn-main:hover,
.btn-main:active:focus,
.btn-main.active:focus,
.open > .dropdown-toggle.btn-main:focus,
.btn-main:active.focus,
.btn-main.active.focus,
.open > .dropdown-toggle.btn-main.focus {
  color: #fff;
  background-color: #202d38;
  border-color: #202d38;
}
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
  background-image: none;
}
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled.focus,
.btn-main[disabled].focus,
fieldset[disabled] .btn-main.focus {
  background-color: #1d1729;
  border-color: #202d38;
}
.btn-main .badge {
  color: #1d1729;
  background-color: #fff;
}
.footer{
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
    background-position: center center;
	background-size: 105%;
    -webkit-background-size: 105%;
    -moz-background-size: 105%;
    background-size: 105%;
    -o-background-size: 105%;
    animation: animatedBackground 40s linear infinite;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.footer-links li{
	display:inline-block;
	margin:5px 15px;
}
.footer-links li a{
	color:#dadada;
}
.footer-links li a:hover{
	color:#fff;
}

.social-links li{
	float:right;
	display:inline-block;
	margin:5px;
}

.social-links li a{
	color:rgba(255,255,255,.5);
}
.social-links li a:hover{
	color:rgba(255,255,255,.2);
}