html, 
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  top: 0px;
  text-align : center;	    
  overflow-x: hidden;  
  scroll-behavior : smooth;
}

@media (max-width: 767px) {
  .navbar-toggleable-sm {
    clear: both;
  }
}

import 'bootstrap/dist/js/bootstrap.bundle';
 
#minus1, 
#minus2,  
#minus3 {
  display: none;
}

.bg-grey {
  background: #333;
}

footer {
  color: grey;
}

footer p, 
footer a {
  font-size: 12px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: grey;
}

.grey,
a#abu-abu,
a#abu-abu-abu {
  color: grey;
}

.grey:hover,
footer a:hover,
#jelita:hover {
  text-decoration: none;
  background-color: transparent;
  color:  #f5f5f5 !important;
}

footer a #logo-footer {
  font-size: 40px;
}

footer h6 {
  margin-bottom: 40px;
  position: relative;
}

footer h6:after {
  position: absolute;
  content: "";
  background: grey;
  width: 12%;
  height: 1px;
  left: 0;
  bottom: -20px;
}
.btn-footer {
  color: grey;   
  text-decoration: none;
  border: 1px solid;
  border-radius: 43px;
  font-size: 13px;
  padding: 7px 30px;
  line-height: 47px;
}

.btn-footer:hover {
  color: #f5f5f5 !important;
  text-decoration: none;     
}

.form-footer input[type="text"] {
  border: none;
  border-radius: 16px 0 0 16px;
  outline: none;
  padding-left: 10px;
}

::placeholder {
  font-size: 10px;
  padding-left: 10px;
  font-style: italic;
}

.form-footer input[type="button"] {
  background:#232323;
  margin-left: -5px;
  border: none;
  color: #fff;
  outline: none;
  border-radius: 0 16px 16px 0;
  padding: 2px 12px;
}


footer ul li {
  list-style: none;
  display: block;
}

footer ul  {
  padding-left: 0;
}

#abu>li>a {
  color: grey;
}

.logo-part {
  border-right: 1px solid grey;
  height: 100%;
}

/* custom.scss */    

/* import the necessary Bootstrap files */
@import "bootstrap";

/* ------- customize primary buttons -------- */   
$mynewcolor : #8D9E4D;

.btn-outline-success {
  @include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
 }
 
 .carousel-fade  .carousel-item.active,
 .carousel-fade  .carousel-item-next.carousel-item-left,
 .carousel-fade  .carousel-item-prev.carousel-item-right {
   opacity: 1;
 }
 
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-right {
  opacity: 0;
 }
 
 .carousel-fade  .carousel-item-next,
 .carousel-fade .carousel-item-prev,
 .carousel-fade .carousel-item.active,
 .carousel-fade .active.carousel-item-left,
 .carousel-fade  .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
 }