.bgin { 
    background: url(../img/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
   
.bgreg { 
    background: url(../img/bgreg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .bghome { 
    background: url(../img/home.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
   
  .imgasfin{
    width: 50%;
    position: relative; z-index: 2;
  }

  .imgkv{
    width: 75%;
  }

  .imgbu{
    width: 75%;
  }
   
  .imgbwh{
    width: 15%;
    margin-right: 3%;
    float: right;
    
  }

  .txtselamat{
    font-size: 23px;
    font-weight: bold;
    color: #002060;
  }

  .btngabung{    
    width: 80% !important;
    background: #FBAB18;
    border: 1px solid #FBAB18;
    color: #002060;
    height: 50px;
    border-radius: 15px 0px;
    font-size: 20px;
    font-weight: bold;
  }

  .w80p {
    width: 80% !important;
  }

  .textdef {
    width: 80% !important;
    color: #1682bd ;
    text-align: left;
  }

  .textregis{     
    width: 80% !important;
    text-decoration: none;
    background: none;
    border: 0px solid #8dc0db;
    color: #0e42ac;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
  }

  .inputregis{    
    width: 80% !important;
    background: #6AC4F6;
    border: 1px solid #6AC4F6;
    color: #fff;
    height: 70px;
    border-radius: 15px 0px;
    font-size: 20px;
    text-align: left;
  }

  .inputregis:focus{    
    width: 80% !important;
    background: #6AC4F6;
    border: 1px solid #6AC4F6;
    color: #fff;
    height: 70px;
    border-radius: 15px 0px;
    font-size: 20px;
  }

  .inputregis::placeholder {    
    width: 80% !important;
    background: #6AC4F6;
    border: 1px solid #6AC4F6;
    color: #fff;
    height: 70px;
    border-radius: 15px 0px;
    font-size: 20px;
  }

  .inputregis2:disabled{    
    width: 80% !important;
    background: #8dc0db;
    border: 1px solid #8dc0db;
    color: #fff;
    height: 70px;
    border-radius: 15px 0px;
    font-size: 20px;
  }

  .btnregis{    
    width: 40% !important;
    background: #6AC4F6;
    border: 1px solid #6AC4F6;
    color: #002060;
    height: 50px;
    border-radius: 15px 0px;
    font-size: 20px;
    font-weight: bold;
  }

  .btnregismasuk{    
    width: 40% !important;
    text-decoration: none;
    background: none;
    border: 0px solid #6AC4F6;
    color: #0e42ac;
    margin-left: 20%;
    height: 50px;
    border-radius: 15px 0px;
    font-size: 20px;
    font-weight: bold;
  }


  /* CAROUSEL/ SLIDER */
  .sliderpromo {
    width: 60%;
  }

  .carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  /* outline: black; */
  background-size: 100%, 100%;
  border-radius: 50%;
  /* border: 1px solid black; */
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #002060;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #002060;
}

.video-container {
    position: relative;
    width: 100%;
  }