li{list-style:none;}
a, a:hover, a:focus{text-decoration:none !important;}
.btn{border-radius: 4px;}
.login{
    margin: 100px auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 40px;
    background-color:#fff;
}
.post-file{
    width:100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.post-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    background: 0 0;
    cursor: inherit;
    display: block;
}

.foto-thumbnail {
	position: relative;
	overflow: hidden;
}
.img-landscape {
	position: absolute;
	left: 50%;
    top: 50%;
	height: 100%;
    width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.img-portrait {
	width: 100%;
	height: auto;
}
.img-box{width:100%;}

.img-max{
  width:100%;
  max-height:100%;
}

.nav-tabs li a{color: #252525;}

.s-bar{
    display:none;
    float:right;
}
.s-bar a{
    padding: 7px;
    display: block;
    font-size: 2em;
    line-height: 0;
    color: #252525;
    cursor:pointer;
}
.s-bar:hover a, .li-side a:hover{
    color:#00f19f;
}
.side-nav{
    display:none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 77px 15px 15px;
    background-color: #fff;
    z-index: 10;
}

.side-nav li{
    padding: 10px;
    text-align: center;
    font-size: 1.1em;
}
.li-side a{color:#000;}

/*akses*/
.akses{
    max-width:350px;
    margin-top:100px
}
.akses h1{
    text-align:center;
    margin-bottom:50px;
}
.form-akses{
    padding:10px 12px;
    height:auto;
}
.btn-akses{
    padding:10px 12px;
    font-weight:600;
    background-color:#00f19f;
    border:2px solid #00f19f !important;
    transition:0.3s;
}
.btn-akses:hover{
    background-color:transparent;
    color:#00f19f;
}
/*akses*/

/*login*/
.btn-error-ppdb{
    padding: 8px 15px;
    color: #ce6677;
    background-color: rgba(242, 222, 222, 0.5);
    border-color: #ebccd1;
}
.btn-error-close{
    font-size: 1em;
    top: 3px !important;
    right: -6px !important;
    color: #ce6677 !important;
    opacity: 1;
    text-shadow: unset;
}
.form-ppdb, .form-ppdb:focus{
    color:#000;
    background-color:rgba(255,255,255,0.3);
    outline:none;
    padding: 18px 15px;
    border-color:#eee;
    box-shadow:unset;
}
.btn-login-ppdb, .btn-login-ppdb:focus, .btn-login-ppdb:active{
    padding: 9px 15px;
    background-color: #00f19f;
    border: none;
    outline:unset;
    color:#fff;
    border-radius:4px;
}
.btn-login-ppdb:hover{
    background-color:#53e884;
    color:#fff;
}
.btn-so{
    color: #fff;
    font-weight: 600;
    background-color: #00f19f;
    border: 2px solid #00f19f;
    margin:0 auto;
    display:block;
    padding: 9px 15px;
    border-radius:4px;
    transition:0.3s;
}
.btn-so:hover{
    background-color: transparent;
    color: #00f19f;
}
/*login*/

/*navbar*/
.header-top, .header-top-ac{
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index:11;
    background-color:transparent;
}
.top-bar{
    padding-top:20px;
    padding-bottom:20px;
    transition: 0.4s;
}
.brand, .brand:hover{
    float:left;
    font-size:2em;
    font-weight:600;
    color:#00f19f;
    padding-top:3px;
}
.nav-bar{float:right;}
.nav-bar li{
    list-style:none;
    display:inline-block;
}
.nav-bar span{color:#fff;}
.li-bar{
    padding:10px 0;
    padding-right:8px;
    padding-left: 15px;
}
.li-bar a{
   color:#fff;
   font-size:1.1em;
}
.li-bar a:hover{
    color:#00f19f;
}
.btn-bar{
    padding-left:8px;
}
.btn-sbar{
    padding:9px 15px;
}
.btn-color{
    color: #00f19f;
    border: 2px solid #00f19f;
    background-color: transparent;
    font-weight: 700;
    transition:0.3s;
}
.btn-color:hover{
    color: #fff;
    background-color:#00f19f;
}

.img-bar{
    position:relative;
    padding-left:8px;
}
.btn-img-bar{
    position:absolute;
    top:-22px;
    width: 34px;
    height: 34px;
    border-radius:100px;
    cursor:pointer;
}
.btn-img-bar img{
    max-width:100%;
    max-height:100%;
    border-radius: 50px;
}
.dropnav{
    width:0;
    overflow:hidden;
    position: absolute;
    top: 70px;
    right: 0;
    border:none;
    border-radius: 4px;
    background-color: #fff;
    padding: 0;
    transition:0.3s;
    z-index:13;
}
.dropnav-ac{
    width:auto;
    border:1px solid #ddd;
}
.dropnav-close{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:12;
}
.dropnav li{
    width: 180px;
    display: block;
    color: #fff;
}
.drop-li{
    display: block;
    position: relative;
    font-size: 1.1em;
    color: #000;
    padding: 10px 39px;
    width: 100%;
}
.drop-li:hover{
    color:#fff;
    background-color:#00f19f;
}
.drop-li span{
    position:absolute;
    left:14px;
    color:#000;
}
/*navbar*/

/*navbar ac*/
.top-bar-ac{
    padding-top:10px;
    padding-bottom:10px;
}
.li-bar-ac a{color:#252525;}
.btn-color-ac{}
.header-ac{
    background-color:#fff;
    border-bottom:1px solid #ddd;
}
/*navbar ac*/


.content{
    border:1px solid #ddd;
    border-radius: 3px;
}

.step{
    width: 700px;
    margin: 0 auto;
    margin-bottom:15px;
}
.li-step{
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}
.li-step-ac{background-color:#00f19f;}

.berhasil{
    max-width:700px;
    margin: 100px auto;
    padding:30px;
    border:1px solid #ddd;
    border-radius:4px;
    background-color:#fff;
}
.icon-berhasil{
    text-align: center;
    font-size: 4em;
    color:#00cc22;
}
.pesan-pendaftar{
    text-align:center;
}

/*home*/
.home-slide{
    display:none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height:800px;
    position:relative;
}
.slide-ac{display:block;}
.screen{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#000;
    opacity:0.2;
    z-index:9;
}
.home-desc{
    position:relative;
    max-width:700px;
    margin:0 auto;
    margin-top:300px;
    z-index:10;
}
.home-desc h1, .home-desc h3{
    text-align:center;
    color:#fff;
    margin-bottom:30px;
    font-size:4em;
}
.home-desc h3{font-size:1.5em !important;}
.btn-daftar{
    color: #fff;
    font-weight: 600;
    background-color: #00f19f;
    border: 2px solid #00f19f;
    width: 250px;
    text-align: center;
    margin:0 auto;
    display:block;
    padding:13px 0;
    border-radius:4px;
    transition:0.3s;
}
.btn-daftar:hover{
    color:#fff;
    background-color:transparent;
}
/*home*/

/*tentang*/
.tentang-desc, .brosur-desc, .informasi-desc{
    padding:80px;
    margin:0 auto;
    max-width:800px;
}
.tentang-desc h2, .jadwal-desc h2, .statistik-desc h2, .brosur-desc h2, .info-desc h2{
    text-align:center;
    margin-bottom:30px;
}
.tentang-text{
    font-size: 1.2em;
    text-align:center;
}
/*tentang*/

/*jalur prestasi*/
.jalur-desc, .jadwal-desc, .statistik-desc, .info-desc, .testimoni-desc{padding:80px 0;}
.dt-jalur-left h4, .dt-jalur-right h4, .dt-sta h4, .dt-info-left h4, .dt-info-right h4{
    text-align:center;
    font-weight:700;
    padding-bottom:15px;
    margin-bottom:30px;
    border-bottom:2px solid #00f19f;
}
.dt-jalur-left, .dt-info-left{
    float:right;
    max-width: 600px;
    padding: 50px;
    border: 1px solid #ddd;
    border-radius:4px;
}
.dt-jalur-right, .dt-info-right{
    float:left;
    max-width: 600px;
    padding: 50px;
    border: 1px solid #ddd;
    border-radius:4px;
}
.li-jalur{
    padding: 12px 15px;
    margin: 15px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
/*jalur prestasi*/


/*jadwal*/
.jadwal-desc h2, .statistik-desc h2, .info-desc h2{margin-bottom:80px;}
.dt-jadwal{
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.dt-jadwal h4{
    text-align: center;
    padding: 15px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 40px;
    color:#fff;
    background-color:#00f19f;
}
.jadwal-title, .jadwal-tgl, .jadwal-biaya{text-align:center;}
.jadwal-li{
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
/*jadwal*/

/*statistik*/
.statistik-desc .col-sm-4{margin-bottom:30px;}
.dt-sta{
    padding:40px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
}
.sta-jk{
    text-align: center;
    margin-bottom: 20px;
}
.sta-jml{
    text-align: center;
    padding: 15px 15px;
    font-weight: 600;
    color: #fff;
    background-color: #00f19f;
    border-radius: 4px
}
/*statistik*/

/*brosur*/
.brosur-desc p{margin-bottom:30px;}
/*brosur*/

/*informasi*/
#informasi{background-color:#fff;}
.dt-info-left, .dt-info-right{
    width:350px;
}
.dt-info-left li, .dt-info-right li{
    margin-bottom:20px;
    text-align:center;
}
/*informasi*/

/*pendaftar*/
.body-pendaftar{
    border:1px solid #ddd;
    border-radius:4px;
    background-color:#fff;
    margin:180px auto 80px;
    padding:80px;
}
.img-pendaftar{
    width:300px;
    height:300px;
    margin:0 auto;
    border-radius: 500px;
}
.dti-pendaftar{margin-bottom:50px;}
.dti-pendaftar h3{
    text-align:center;
    margin:80px 0 30px;
}
.detail-pendaftar .col-sm-4{font-weight:600;}
.btn-download-formulir{
    display:block;
    font-weight:600;
    background-color: #00f19f;
    color: #fff;
    border: 1px solid #00f19f;
    width:300px;
    margin:0 auto;
    padding:10px 0;
    transition:0.3s;
}
.btn-download-formulir:hover{
    background-color: transparent;
    color: #00f19f;
}
.btn-keluar{
    display:block;
    font-weight:600;
    background-color:#d9534f;
    color:#fff;
    border:2px solid #d9534f;
    width:250px;
    margin:0 auto;
    padding:10px 0;
    transition:0.3s;
}
.btn-keluar:hover{
    background-color: transparent;
    color: #d9534f;
}
/*pendaftar*/

/*slider*/
.slideshow-container{position:relative;}

/*slider*/

/*testimoni*/
#testimoni{ background-color:transparent;}
.testimoni-desc{
    position:relative;
    max-width:1000px;
    margin:0 auto;
}
.foto-slide-test{
    margin:0 10px;
    border-radius:10px;
	
	
}
.slick-initialized .slick-slide {
    display: block;
    opacity: 0.3;
}
.slick-center{opacity:1 !important;}
.testimoni-desc .slick-list{
    height:auto;
}
.testimoni-list{margin-bottom:80px;}
.arrow-left, .arrow-right{
    position:absolute;
    top:171px;
    color:#000;
    font-size:6em;
    opacity:0.1;
    cursor:pointer;
}
.arrow-left:hover, .arrow-right:hover{
    opacity:1;
}

.arrow-left{left:-170px;}
.arrow-right{right:-170px;}
.text-t{
    text-align:center;
}
.test-name{
    color:#24252b;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 15px;
}
.test-job{
    color:#24252b;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 15px;
}
.test-masukan{
    color:#8c8f94;
    font-size: 1.3em;
}
/*testimoni*/

/*footer*/
footer{background-color:#fff;}
.footer-1{
    padding:80px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.footer-1 h4{
    margin-bottom:25px;
}
.footer-1 ul{padding-left:0;}
.footer-1 li{
    font-size:1.1em;
    margin-bottom:8px;
}
.address li{
    position:relative;
    padding-left:25px;
}
.address li i{
    position:absolute;
    top:3.2px;
    left:0;
    font-size:1.2em;
}
.footer-2{
    padding:20px;
}
.footer-text{
    text-align:center;
    margin:0;
}
/*footer*/
@media only screen and (max-width: 1000px) {
    .top-bar{
        width:100%;
    }
    .s-bar{display:none;}
    
}
@media only screen and (max-width:1170px){
    .arrow-left{left:-100px;}
    .arrow-right{right:-100px;}
}
@media only screen and (max-width:1060px){
    .arrow-left{left:-80px;}
    .arrow-right{right:-80px;}
}
@media only screen and (max-width:920px){
    .arrow-left, .arrow-right{display:none !important;}
}
@media only screen and (max-width: 840px) {
    .nav-bar{display:none;}
    .s-bar{display:block;}
    .side-nav-ac{display:block}
}