.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:100px;
  right:40px;
  background-color:#28a745;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
  margin-top:16px;
}

.navbar {
  background-color: #1C2331; }
  .top-nav-collapse {
    background-color: #1C2331; }
    @media only screen and (max-width: 768px) {
      .navbar {
        background-color: #1C2331; } }
        .page-footer {
          background-color: #1C2331; }


          .nav-links li a:before{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            width: 0%;
            background: #eee;
            border-radius: 12px;
            transition: all 0.4s ease;
          }

          .nav-links li a:hover:before{
            width: 100%;
          }
          .nav-links li.center a:before{
            left: 50%;
            transform: translateX(-50%);
          }
          .nav-links li.upward a:before{
            width: 100%;
            bottom: -5px;
            opacity: 0;
          }
          .nav-links li.upward a:hover:before{
            bottom: 0px;
            opacity: 1;
          }
          .nav-links li.forward a:before{
            width: 100%;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.4s ease;
          }
          .nav-links li.forward a:hover:before{
            transform: scaleX(1);
            transform-origin: left;
          }

          .gambarsorot img{
            -webkit-transform:scale(0.9);
            -moz-transform:scale(0.9);
            -o-transform:scale(0.9);
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3;
            -o-transition-duration: 0.3s;
            margin: 0 0px 0px 0;
          }
          .gambarsorot img:hover{
            -webkit-transform:scale(1.0);
            -moz-transform:scale(1.0);
            -o-transform:scale(1.0);
            box-shadow:0px 0px 5px #3c8dbc;
            -webkit-box-shadow:0px 0px 0px #3c8dbc;
            -moz-box-shadow:0px 0px 0px #3c8dbc; 
          }
          .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
          }