body{
    color: #FFF;
    background: rgb(12,77,162) !important;
    background: linear-gradient(180deg, rgba(12,77,162,1) 0%, rgba(6,44,94,1) 61%) !important;
    /* background: url('dan-tyler.jpg') !important; */
    background-size:cover;
    background-position:center;
    overflow:hidden;
}

.underline{
    background:#FFF;
    height:1px;
    width:80%;
    display:block;
    margin:0 auto;
    opacity:0.5;
}
.jumbotron{
    background: transparent;
}

.hide{
    display:none;
}

#videoElement {
	width: 500px;
	height: 375px;
	background-color: #666;
}

.logo{
    display:block;
    margin:0 auto;
    text-align:center;
}

.logo img{
  width:300px;
}

.hero-subtext{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 30px;
    margin-bottom: 50px;
}

.buy-btn{
    background: #eb7e23;
    color: #FFF;
    border-radius: 5px;
    border: none;
    padding: 10px 30px;
    font-size: 30px;
    display: block;
    margin: 0 auto;
    margin-bottom:40px;
    -webkit-box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
    box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
    background: linear-gradient(180deg, rgb(252 206 8) 21%, rgb(228 134 37) 82%, rgb(223 125 37) 100%);
}

.process-img{
    display:block;
    margin:70px auto;
    text-align:center;
    margin-bottom:40px;

}

.insert-title{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}

.scan-title{
    font-family: 'Open Sans', sans-serif;
    text-align:center;  
}

.mobile-enter{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}

.mobile-subtext{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    max-width: 80%;
    display: block;
    margin: 0 auto;
}

.confirm-title{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}

.qr-image{
    display:block;
    margin:0 auto;
    text-align:center;
    width:200px;
}
.qr-scanner{
    display:block;
    margin:0 auto;
    text-align:center;
    left:0;
    right:0;
}

.wallet-address{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    font-size:25px;
    margin-bottom:50px;
}

.insert-subtext{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    max-width: 80%;
    display: block;
    margin: 0 auto;

}

.scan-subtext{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    max-width: 80%;
    display: block;
    margin: 0 auto   
}

.insert-amount{
    text-align:center;
}

.insert-helper{
    text-align:center;
}

.container2{
    position: relative;
  }

  #overlay{
    position:absolute;
    border:2px solid #00c31c;
    height:130px;
    left:0;
    right:0;
    width:130px;
    margin:0 auto;
    top:120px;
  }

  .mobile-input{
    height: 80px;
    font-size: 60px;
    background: transparent;
    color: #FFF;
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-align:center;
  }

  .mobile-input:focus{
      border:none;
      box-shadow:none;
  }

  .pad-outter{
    padding: 10px 20px;
  }

  .pad-inner{
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 30px 20px;
    border: 1px solid white;
    border-radius: 5px;
    transition: all 0.2s ease-in;
    font-family: 'Open Sans', sans-seri;
    font-weight: 800;
    font-size: 30px;
  }

  .pad-inner:active{
      background:#FFF;
      color:#062c5e;
      cursor: pointer;
  }

  .pin-pad{
    width: 500px;
    display: block;
    margin: 0 auto;
  }

  .pad-inner-back{
    text-align:center;
    display:block;
    margin:0 auto;
    padding: 40px 20px;
    transition:all 0.2s ease-in;
    font-family: 'Open Sans', sans-seri;
    font-weight:800;
    font-size:30px;
  }

  .pad-inner-go{
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 30px 20px;
    border: 1px solid green;
    background:green;
    border-radius: 5px;
    transition: all 0.2s ease-in;
    font-family: 'Open Sans', sans-seri;
    font-weight: 800;
    font-size:30px;
  }
  .pad-inner-go-pin{
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 30px 0px;
    border: 1px solid #ffc107;
    background: #ffc107;
    border-radius: 5px;
    transition: all 0.2s ease-in;
    font-family: 'Open Sans', sans-seri;
    font-weight: 800;
    font-size: 30px;
    color: #000;
  }

  .pad-inner-go:active{
    background:#ffc107;
    color:#062c5e;
    cursor: pointer;
  }


  input[type="submit" i]:active {
    border:none;
}

  .login-btn{
    background: transparent;
    border: none;
    text-align: center;
    width:100%;
  }

  .scan-help-text{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    font-size:25px;
    margin-top:20px;
  }

  .scan-help-item{
    text-align:center;
  }

  .buy-option-wrapper{
    background: #FFF;
    margin-bottom: 20px;
    padding: 20px;
    color: #333;
    border-radius: 5px;
    -webkit-box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
    box-shadow: 3px 10px 5px 1px rgba(0,0,0,0.26);
  }

  .buy-option-wrapper:hover{
    cursor: pointer;
  }

  .buy-option-title{
    font-family: 'Open Sans', sans-serif;
    font-size:25px;
    font-weight:800px;
  }

  .buy-option-sub{
    font-family: 'Open Sans', sans-serif;
  }

  .buy-option-icon-cash{
    text-align: right;
    margin-top: 20px;
    font-size: 40px;
    color: #388e3c;
  }

  .buy-option-icon-card{
    text-align: right;
    margin-top: 30px;
    font-size: 40px;
    color: #3f51b5;
  }

  .modal-content{
    background:#020027;
  }

  .modal-title{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 25px;

  }

  .modal-header{
    border-bottom:none;
  }

  .modal-sub{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 20px;
    font-style: italic;
  }

  .modal-sub-2{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 16px;
    font-style: italic;
  }

  .modal-qr{
    width: 100%;
    max-width: 200px;
    display:block;
    margin:0 auto;
    text-align:center;
  }

  .modal{
    overflow:hidden;
  }

  .promo-img{
    width:100%;
    max-width:300px;
  }

  .promo-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 38px;
    margin-top: 100px;
  }

  .download-btn{
    margin-top:10px;
  }

  .wallet-promo-wrapper{
    margin-top:30px;
  }

  #btnCreditStart{
    background:#b7b7b7;
  }
  #btnSendStart{
    background:#b7b7b7;  
  }
  
  #btnIncreaseStart{
    background:#b7b7b7;  
  }
  .navbar-default{
    background-color:transparent !important;
    background-image:none;
    border:none;
    box-shadow:none;
    color:#FFF;
  }

  .nav>li{
    margin-top:10px;
  }