body, html {
    height: 100%;
}

@font-face 
      {
        font-family: 'FuturaBoldBT'; 
        src: url('../fonts/futura_md_bt/FuturaBoldBT.ttf');
      }
      
@font-face 
      {
        font-family: 'FutuMd'; 
        src: url('../fonts/futura_md_bt/FutuMd.ttf');
      }

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway/Raleway-Regular.ttf'); /* IE9 Compat Modes */
 
}

.background-img{
  background: url(../images/bg-home.jpg) no-repeat center center fixed !important;
  font-family: "Swis721 Cn BT" !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.site-header-container{
    position: fixed;
    z-index: 110;
    width: 100%;
}

.home{
  font-family: "Swis721 Cn BT" !important;
  /*background-image: url(../images/bg-phase.jpg)!important;*/
    background: url(../images/slide03.png) no-repeat center center fixed !important;
  height:110vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home1{
  font-family: "Swis721 Cn BT" !important;
  /*background-image: url(../images/bg-phase.jpg)!important;*/
   /* background: url(../images/01_slide_2022.gif) no-repeat center center fixed !important;*/
    background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
    height:100vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
 
}

.home2{
  font-family: "Swis721 Cn BT" !important;
  /*background-image: url(../images/bg-phase.jpg)!important;*/
    background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg) no-repeat center center fixed !important;
  height:80vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.home2022_2b{
  font-family: "Swis721 Cn BT" !important;
    /*background: url(../images/home_perawat.jpg) no-repeat center center fixed !important;*/
     background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
  height:100vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.home_2024_1{
  font-family: "Swis721 Cn BT" !important;
    /*background: url(../images/home_perawat.jpg) no-repeat center center fixed !important;*/
     background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
  height:110vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}


.home3{
  font-family: "Swis721 Cn BT" !important;
  /*background-image: url(../images/bg-phase.jpg)!important;*/
    background: url(../images/slide03.png) no-repeat center center fixed !important;
  height:110vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.home4{
  font-family: "Swis721 Cn BT" !important;
  /*background-image: url(../images/bg-phase.jpg)!important;*/
    background: url(../images/slide04.png) no-repeat center center fixed !important;
  height:110vh;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.img_footer_home{
max-height: 100px;


}

.phase p{
  color: #333;;
}

.phase .register-header{
  margin-top: 120px;
}

.home-content p{
  font-size: 14px;
}

.home-content h2{
  margin-top: 50px;
}

.home-button{
  margin-top: 100px;
}

.about-phase{
  height:100vh;
}

.about-phase-img{
  padding-top: 160px;
}

.about-phase-text{
  padding-top: 160px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-phase-text ul,il{
  color: #ffffff;
}

.site-header-container{
  /* background: #00000080; */
  /*background: #ffcc14;*/
  /*background: #cdcdcd;*/
  /*background: #0007;*/
}

.site-logo{
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  padding-left: 60px;
}

.site-nav{
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  padding-right: 60px;
  
  text-shadow: 0px 1px 7px #262424;
}

.site-header .site-nav .main-menu > li > a{
  background: none;
  border-bottom: none;
  color: #ffffff;
}

.home{
  padding-top: 180px;
}

.home1{
  padding-top: 180px;
}

.home2022_2{
  padding-top: 180px;
}

.home_2024_1{
  padding-top: 180px;
}


.home2{
  padding-top: 180px;
}

.home3{
  padding-top: 180px;
}

.home4{
  padding-top: 180px;
}

.mid-align{
  text-align: center;
}

.mid-align p{
  margin-top: 20px;
}

.button-mid{
  margin-top: 20px;
}

.register-header{
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-muted{
  color: white;
}

.register-form .panel{
  border: none;
  background-color: rgba(0, 0, 0, 0.5019607843137255);
}

.registrasi-panel{
  color: white;
}

.phase-2018{
  height:100vh;
}

.phase2018-1{
  padding-top: 120px;
  text-align:right;
}

.phase2018-2{
  padding-top: 35px;
}

.phase2018-3{
  padding-top: 35px;
}

.phase2018-4{
  padding-top: 130px;
  text-align:center;
}

.phase2018-5{
  padding-top: 20px;
  text-align:center;
}

.speakers{
  height:100vh;
}

.speakers-content{
  margin-top:100px;
}

.staff-member{
  height: 485px;
  margin-bottom: 0px;
}

.staff-member-detail{
  height: 515px;
  margin-bottom: 0px;
  text-align: center;
}

.contact{
  /*height:100vh;*/
}

.contact-content{
  margin-top:150px;
}

.visible-xs{
  margin-top: 20px;
}

.mobile-menu{
  background-color: rgba(0, 0, 0, 0.5019607843137255);
}

.social-show{
  margin-top: 130px;
}

.back-mobile{
  margin-bottom: 20px;
}

.jadwal_shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.75s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */


    .home{
        padding-top: 120px;
      }

    .home1{
      
      /*background-image: url(../images/bg-phase.jpg)!important;*/
       /* background: url(../images/01_slide_2022.gif) no-repeat center center fixed !important;*/
        background-image: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
       height: 35vh;
      /*  height:60vh;*/
      /*-webkit-background-size: cover !important;*/
      /*-moz-background-size: cover !important;*/
      /*-o-background-size: cover !important;*/
      /*background-size: cover !important;*/
    }

    .home2022_2b{
      /*font-family: "Swis721 Cn BT" !important;*/
        /*background: url(../images/home_perawat.jpg) no-repeat center center fixed !important;*/
        background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
      height:35vh;
      /*-webkit-background-size: cover !important;*/
      /*-moz-background-size: cover !important;*/
      /*-o-background-size: cover !important;*/
      /*background-size: cover !important;*/
    }
    
    .home_2024_1{
      /*font-family: "Swis721 Cn BT" !important;*/
        /*background: url(../images/home_perawat.jpg) no-repeat center center fixed !important;*/
        background: url(../images/asset_2025/bacground_slide_teks_2025_1.jpg);
      height:35vh;
      /*-webkit-background-size: cover !important;*/
      /*-moz-background-size: cover !important;*/
      /*-o-background-size: cover !important;*/
      /*background-size: cover !important;*/
    }
        
    .home2{
        padding-top: 90px;
      }
      
    .home3{
        padding-top: 100px;
      }   

    .home h2{
        font-size: 22px;
    }

    .home h4{
        font-size: 14px;
    }

      .about-phase{
        height:100%;
      }

      .about-phase-img{
        padding-top: 30px;
        text-align: center;
      }

      .about-phase-img img{
        width: 60%;
      }

      .about-phase-text{
        padding-top: 20px;
        text-align: left;
      }

      .about-phase-text h3{
        display: none;
      }

      .phase-2018{
        height:100%;
      }

      .phase2018-1{
        padding-top: 10px;
        text-align:center;
        margin-top: 20px;
      }

      .phase2018-1 img{
        width: 100%;
      }

      .phase2018-2{
        padding-top: 35px;
        text-align: center;
      }

      .phase2018-2 img{
        width: 65%;
      }

      .phase2018-3{
        padding-top: 35px;
        text-align: center;
      }

      .phase2018-3 img{
        width: 60%;
      }

      .phase2018-4{
        padding-top: 35px;
        text-align:center;
        margin-bottom: 20px;
      }

      .phase2018-5{
        text-align:center;
        margin-bottom: 20px;
      }

      .speakers{
        height:100%;
        padding-bottom: 20px;
      }

      .speakers-content{
        margin-top:25px;
      }

      .speakers-content2{
        margin-top:80px;
      }

      .speakers-content3{
        text-align: center;
        margin-top:100px;
      }

      .speakers-button{
        margin-top: 80px;
      }

      .staff-member img{
        width: 70%;
        text-align: center;
      }

      .contact{
        /*height: 100%;*/
      }

      .contact-content{
        margin-top:10px;
      }

      .site-header-container{
          position: absolute;
        }

      .home-content img{
        width: 80%;
      }

      .home-content p{
        margin-top: 40px;
      }

      .home-button{
        margin-top: 35px;
      }

      .home-button img{
        width: 50%;
      }

      .social-show{
        margin-top: 20px;
        margin-bottom: 20px;
      }

      .back-mobile{
        margin-bottom: 10px;
        display: block !important;
        text-align: left;
      }
}

@media screen and (device-aspect-ratio: 768/1024) {
    .visible-xs{
      display: block !important;
    }

    .site-nav{
      display: none !important;
    }

    .home{
      padding-top: 160px;
    }

    .about-phase{
      height:100%;
    }

    .about-phase-img{
      padding-top: 30px;
      text-align: center;
    }

    .about-phase-img img{
      width: 60%;
    }

    .about-phase-text{
      padding-top: 20px;
      text-align: left;
    }

    .about-phase-text h3{
      display: none;
    }

    .phase-2018{
      height:100%;
    }

    .phase2018-1{
      padding-top: 10px;
      text-align:center;
      margin-top: 20px;
    }

    .phase2018-1 img{
      width: 100%;
    }

    .phase2018-2{
      padding-top: 35px;
      text-align: center;
    }

    .phase2018-2 img{
      width: 65%;
    }

    .phase2018-3{
      padding-top: 35px;
      text-align: center;
    }

    .phase2018-3 img{
      width: 60%;
    }

    .phase2018-4{
      padding-top: 35px;
      text-align:center;
      margin-bottom: 20px;
    }

    .phase2018-5{
      text-align:center;
      margin-bottom: 20px;
    }

    .speakers{
      height:100%;
      padding-bottom: 20px;
    }

    .speakers-content{
      margin-top:25px;
    }

    .speakers-content2{
      margin-top:80px;
    }

    .speakers-content3{
      text-align: center;
      margin-top:100px;
    }

    .speakers-button{
      margin-top: 80px;
    }

    .staff-member img{
      width: 70%;
      text-align: center;
    }

    .contact{
      height: 100%;
    }

    .contact-content{
      margin-top:10px;
    }

    .site-header-container{
        position: absolute;
      }

    .home-content img{
      width: 80%;
    }

    .home-content p{
      margin-top: 40px;
    }

    .home-button{
      margin-top: 50px;
    }

    .home-button img{
      width: 50%;
    }

    .social-show{
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .back-mobile{
      margin-bottom: 10px;
      display: block !important;
      text-align: left;
    }
  }

  @media screen and (device-aspect-ratio: 1024/1366) {
    .visible-xs{
      display: block !important;
    }

    .site-nav{
      display: none !important;
    }

    .home{
      padding-top: 160px;
    }

    .about-phase{
      height:100%;
    }

    .about-phase-img{
      padding-top: 30px;
      text-align: center;
    }

    .about-phase-img img{
      width: 60%;
    }

    .about-phase-text{
      padding-top: 20px;
      text-align: left;
    }

    .about-phase-text h3{
      display: none;
    }

    .phase-2018{
      height:100%;
    }

    .phase2018-1{
      padding-top: 10px;
      text-align:center;
      margin-top: 20px;
    }

    .phase2018-1 img{
      width: 100%;
    }

    .phase2018-2{
      padding-top: 35px;
      text-align: center;
    }

    .phase2018-2 img{
      width: 65%;
    }

    .phase2018-3{
      padding-top: 35px;
      text-align: center;
    }

    .phase2018-3 img{
      width: 60%;
    }

    .phase2018-4{
      padding-top: 35px;
      text-align:center;
      margin-bottom: 20px;
    }

    .phase2018-5{
      text-align:center;
      margin-bottom: 20px;
    }

    .speakers{
      height:100%;
      padding-bottom: 20px;
    }

    .speakers-content{
      margin-top:25px;
    }

    .speakers-content2{
      margin-top:80px;
    }

    .speakers-content3{
      text-align: center;
      margin-top:100px;
    }

    .speakers-button{
      margin-top: 80px;
    }

    .staff-member img{
      width: 70%;
      text-align: center;
    }

    .contact{
      height: 100%;
    }

    .contact-content{
      margin-top:10px;
    }

    .site-header-container{
        position: absolute;
      }

    .home-content img{
      width: 80%;
    }

    .home-content p{
      margin-top: 40px;
    }

    .home-button{
      margin-top: 50px;
    }

    .home-button img{
      width: 50%;
    }

    .social-show{
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .back-mobile{
      margin-bottom: 10px;
      display: block !important;
      text-align: left;
    }
  }