@font-face {
    font-family: myf;
    src: url(../fonts/a.ttf);
}
 @font-face {
    font-family: myf2;
    src: url(../fonts/b.ttf);
}
 @font-face {
    font-family: myf3;
    src: url(../fonts/c.ttf);
}
 @font-face {
    font-family: myf4;
    src: url(../fonts/d.otf);
}
body{
	margin: 0px;
}
* {
	outline: none;
}
#nav-luar{
	border-radius: 0px;
	background-color: #fff;
	border:none;
	margin-bottom: 0px;
}
.navbar-brand{
	padding: 24px 35px;
	margin-right: 50px
}
.navbar-inverse .navbar-nav > li > a{
	padding: 25px 25px;
	color: #fff;
	font-family: myf;
	font-weight: bold
}
.navbar-inverse .navbar-nav > li > a:hover{
	color: #40844c;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-login{
	color: #4f9f96;
	margin-top: -15px;
	margin-bottom: -15px;
	border-radius: 40px;
	padding:10px 20px;
	border-color: #4f9f96;
}
.btn.focus, .btn:focus, .btn-login:hover{
	border-color: #4f9f96;
color: #fff;
background-color: #4f9f96;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.headers{
	margin-top: 0px;
	height:780px;
	padding:0px;
	margin-bottom: 0px;
	box-shadow: inset 55vw 5vw 100vw -13vw rgba(0,0,0,.65);
	background-image: url('../images/ad.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
#bg-hitam{
	width: 100%;
	height: inherit;
	background-color: rgba(0,0,0,0.85);
	padding:150px 30px;
}
#jdl-header{
	color: #5fd4b7;
	line-height: 1.5em;
	font-size: 3.4em;
	font-family: myf;
}
.btn-pelajari{
	color: #fff;
	font-family: sans-serif;
	background-color: #4f9f96;
	padding:20px 55px;
	border:none;
	margin-top:40px;
	font-size: 1.3em;
}
.btn-pelajari:hover{
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #156e78
}
#about{
	padding-top:20px;
	padding-bottom: 20px;
	overflow: auto;
	width: 100%;
	margin-bottom: 50px;
}
.jdl-menu{
	color: #dd5757;
	font-family: myf;
}
.grs{
	width: 100px;
	height: 8px;
	background-color: #156e78;

}
.sub-jdl-menu{
	font-family: myf2;
	color: #555;
	margin-top:50px;
	line-height: 1.6em;
	letter-spacing: 2px;
}
.isi-index{
	color: #555;
	font-family:myf3;
	text-align: justify;
	line-height: 1.8em;
	letter-spacing: 1.5px 
}
#service{
	padding-top:60px;
	padding-bottom: 80px;
	overflow: auto;
	width: 100%;
}
.sub-jdl-service{
	color: #555;
	font-family: myf3;
	text-align: center;
	line-height: 1.3em;
	margin-top: 10px;
}
.menu-service{
	padding:50px;
}
#testimoni{
	padding-top:60px;
	padding-bottom: 20px;
	overflow: auto;
	width: 100%;
}
.item{
	background-color: #4f9f96;
	height: 250px;
	color: #fff;
	padding:15px;
}
.item > h4{
	text-align: center;

}
#kontak{
	padding-top:60px;
	padding-bottom: 60px;
	overflow: auto;
	width: 100%;
	margin-top: 50px;
}
.form-text{
	background-color: transparent;
	width: 100%;
	border:none;
	border-bottom: 2px #a0a8a8 solid;
	color: #929292
}
#textarea-form{
	background-color: transparent;
	width: 100%;
	border:none;
	border-bottom: 2px #a0a8a8 solid;
	color: #929292
}
#kirim{
	border:1px #555 solid;
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
	color: #555;
	border-radius: 40px;
	padding: 10px 15px;
}
#kirim:hover{
	background-color: #555;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#footer{
	padding-top:60px;
	padding-bottom: 60px;
	overflow: auto;
	width: 100%;
	margin-top: 0px;
	background-color: #5fd4b7;
}
#text-quote{
	font-family: myf4;
	color: #4f9f96;
}
#copy-text{
	font-family: sans-serif;
	color: #555;
}
#copy{
	background-color: #2f9e76;
	overflow: auto;
	text-align: center;
	position: relative;
	bottom: :0px;
}
.jdl-reglog{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 0px
}
.btn-login-modal{
	padding:10px 65px;
	background-color: #4f9f96;
color: #fff;
}
.btn-login-modal:hover{
	opacity: 0.8
}
#link-reg{
	cursor: pointer;
	color: #4f9f96
}
#link-reg:hover{
	color: #156e78;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#login{
	width: 50%;
	padding-top: 150px;
	margin-left: 25%;
	padding-bottom: 150px
}
#register{
	width: 50%;
	padding-top: 150px;
	margin-left: 25%;
	padding-bottom: 150px
}
#data-diri{
	padding-top:40px;
	padding-bottom: 40px;
	overflow: auto;
	width: 100%;
	
}
#form-datadiri-kiri{
	padding-top: 70px;
	padding-right: 30px
}
#head-pengasuh{
	box-shadow: inset 55vw 5vw 100vw -13vw rgba(0,0,0,.65);
	background-image: url('../images/t.html');
	background-size: cover;
	padding: 0px;
	height: 450px;
	text-align: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
}
#isi-pengasuh-riwayat{
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: auto;
}