.navbar{
  margin-bottom:0;
  border:none;
  padding:5px;
}

.navbar-brand .glyphicon{
  margin-right:6px;
}

.hero{
  background : #3B0B0B ; no-repeat center;
  background-size:cover;
  border:none;
}

@media (min-width:992px) {
  .hero .get-it{
    text-align:right;
    margin-top:80px;
    padding-right:30px;
  }
}

@media (max-width:992px) {
  .hero .get-it{
    text-align:center;
  }
}

@media (max-width:992px) {
  .hero .phone-preview{
    text-align:center;
  }
}

.hero .get-it h1, .hero .get-it p{
  color:#fff;
  text-shadow:2px 2px 3px rgba(0,0,0,0.3);
  margin-bottom:40px;
}

.hero .get-it .btn{
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

div.iphone-mockup{
  position:relative;
  max-width:250px;
  margin:20px;
  display:inline-block;
}

.iphone-mockup img.device{
  width:100%;
  height:auto;
}

.iphone-mockup .screen{
  position:absolute;
  width:88%;
  height:77%;
  top:12%;
  border-radius:2px;
  left:6%;
  border:1px solid #444;
  background-color:#aaa;
  overflow:hidden;
  background:url(../../assets/img/bg2.png);
  background-size:cover;
  background-position:center;
}

.iphone-mockup .screen:before{
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:140%;
  top:-12%;
  right:-60%;
  transform:rotate(-19deg);
  opacity:0.2;
}

.icon-feature{
  text-align:center;
}

.icon-feature .glyphicon{
  font-size:60px;
}

section.features{
  background-color:#3B0B0B;
  padding:20px 0;
  color:#fff;
}

.features h2{
  color:#fff;
}

.features .icon-features{
  margin-top:15px;
}

.testimonials blockquote{
  text-align:center;
}

section.testimonials{
  margin:50px 0;
}

.site-footer{
  padding:20px 0;
  text-align:center;
}

@media (min-width:768px) {
  .site-footer h5{
    text-align:left;
  }
}

.site-footer h5{
  color:inherit;
  font-size:20px;
}

.site-footer .social-icons a:hover{
  opacity:1;
}

.site-footer .social-icons a{
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

@media (min-width:768px) {
  .site-footer .social-icons{
    text-align:right;
  }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family:inherit;
  font-weight:400;
  line-height:1.1;
  color:#ffffff;
}

.teks{
  color:#000000;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
  display:block;
  max-width:100%;
  height:auto;
  position:relative;
  text-align:center;
}

input#nip{
  vertical-align:middle;
  left:9%;
  position:relative;
  top:40%;
}

input#password{
  position:relative;
  top:45%;
  left:15%;
}

i.glyphicon.glyphicon-star{
}

img.img-responsive{
  text-align:center;
  width:70px;
  margin-left:40px;
  margin-top:30px;
}

div#dinvip{
  text-align:center;
  padding:5px;
  margin-top:20px;
}

div#divpass{
  text-align:center;
  margin-top:10px;
  padding:5px;
}

i.glyphicon.glyphicon-user.icon.nip{
  padding-right:20px;
  color:#ffffff;
}

i.fa.fa-key.icon.password{
  padding-right:20px;
  color:#ffffff;
}

img.img-responsive.username{
  left:16%;
}

div#kemenkeu{
  text-align:center;
}

img.img-responsive.lgkemenkeu{
  left:10px;
}

button.btn.btn-default.tblogin{
  height:35px;
}

h6#lupapass{
  text-align:center;
}

a{
  color:#ffffff;
}

body{
  margin:0;
}

body{
  font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#555555;
  background-color:#ffffff;
}

*:before, *:after{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html{
  font-size:10px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

html{
  font-size:10px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

div#kiei.col-xs-6{
  text-align:right;
}

div.col-xs-6.kolomceisa{
  text-align:left;
}

div.col-xs-6.kolomsmart{
  text-align:right;
}