@charset "utf-8";
/* CSS Document */

@media screen and ( min-width: 700px ) { 
    .navbarcentered{
		position:absolute;
		left:50%;
		display:block;
		width:160px;
		text-align:center;}
		.navbar>.container .navbarcentered,
		.navbar>.container-fluid .navbarcentered{
			margin-left:50px;
			}
}
.container.tes1>.tesdivider { background:#CCC; }
.container.tes1 {margin-top:15px; min-height:480px;}
 

@media(max-width:768px) {	.container.tes1 {margin-top:15px;  min-height:10px; }

}

@media(max-width:768px) {	
 .pembatas{ width:100%; margin-top:140px; height:2px; border:# solid 1px;}
}


@media screen and ( min-width: 700px ) { 
    .navbarcentered{
		position:absolute;
		left:50%;
		display:block;
		width:160px;
		text-align:center;}
		.navbar>.container .navbarcentered,
		.navbar>.container-fluid .navbarcentered{
			margin-left:50px;
			}
}
.container.tes1>.tesdivider { background:#CCC; }
.container.tes1 {margin-top:15px; min-height:480px;}
 

@media(max-width:768px) {	.container.tes1 {margin-top:15px;  min-height:10px; }

}

@media(max-width:768px) {	
 .pembatas{ width:100%; margin-top:140px; height:2px; border:# solid 1px;}
}

.cabang{
	width: auto; min-height:20px; margin-bottom:20px; border-bottom:#666 solid 1px;   margin-top:15px;
	}
.cabang h3{}

#boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
}
/*@media(min-width:768px) {	 .container.tes1> .jarak{ height:550px;} }*/



@media screen and ( min-width: 700px ) { 
    .navbarcentered{
		position:absolute;
		left:50%;
		display:block;
		width:160px;
		text-align:center;}
		.navbar>.container .navbarcentered,
		.navbar>.container-fluid .navbarcentered{
			margin-left:50px;
			}
}
.container.tes1>.tesdivider { background:#CCC; }
.container.tes1 {margin-top:15px; min-height:480px;}
 

@media(max-width:768px) {	.container.tes1 {margin-top:15px;  min-height:10px; }

}

@media(max-width:768px) {	
 .pembatas{ width:100%;/* margin-top:140px;*/ height:2px; border:# solid 1px;}
}





@media screen and ( min-width: 700px ) { 
    .navbarcentered{
		position:absolute;
		left:50%;
		display:block;
		width:160px;
		text-align:center;}
		.navbar>.container .navbarcentered,
		.navbar>.container-fluid .navbarcentered{
			margin-left:50px;
			}
}
.container.tes1>.tesdivider { background:#CCC; }
.container.tes1 {margin-top:15px; min-height:480px;}
 

@media(max-width:768px) {	.container.tes1 {margin-top:15px;  min-height:10px; }

}

@media(max-width:768px) {	
 .pembatas{ width:100%; margin-top:140px; height:2px; border:# solid 1px;}
}

.texthistory{width:100%; float:left; margin-bottom:20px;  min-height:100px; border:# solid 1px;}

.texthistory .masskott{width:25%; margin-left:10%; margin-top:90px; min-height:270px; float: left; border:# 1px solid ;}
@media(max-width:1000px) {	
 .texthistory .masskott{ display:none;}
}
.texthistory .sejarah{
width:50%; min-height:270px; padding:20px 20px 15px 20px; float: left; border-radius:20px; margin-left:5%; border:# 1px solid ;   background:rgba(51,51,51,0.05); box-shadow: 10px 10px 5px grey !important;}
/*@media(min-width:768px) {	 .container.tes1> .jarak{ height:550px;} }*/
@media(max-width:1000px) {	
 .texthistory .sejarah{
width:90%; min-height:270px; padding:20px 20px 15px 20px; float: left; border-radius:20px;  border:# 1px solid ;   background:rgba(51,51,51,0.05); box-shadow: 10px 10px 5px grey !important;}
}

@media(max-width:960px) {	
 .texthistory .sejarah{
width:90%; min-height:270px; padding:20px 20px 15px 20px; float: left; border-radius:20px;  border:# 1px solid ;   background:rgba(51,51,51,0.05); box-shadow: 10px 10px 5px grey !important;}

 .texthistory .sejarah p{ font-size:12px;}
}

@media(max-width:700px) {	
 .texthistory .sejarah{
width:90%; min-height:270px; padding:20px 20px 15px 20px; float: left; border-radius:20px;  border:# 1px solid ;   background:rgba(51,51,51,0.05); box-shadow: 10px 10px 5px grey !important;}

 .texthistory .sejarah p{ font-size:10px;}
}




.kontak{ padding:5px 10px 5px 35px; font-size:13px;}
.kontak h3{ font-size:14px; font-weight:bold;}

.rulefoto{ padding:0px 40px 0px 40px;}

.alamatnya{ font-size:14px; font-style:italic; font-weight:bold; text-align:center; padding:5px 5px 5px 0px; margin-bottom:0px;}

.alamatnyaweb{ font-size:14px; font-style:italic; font-weight:bold; text-align:center; padding:5px 5px 5px 0px; margin-bottom:20px; margin-top:-10px;}
.alamatnyaweb span{ font-style:normal; font-stretch:normal; font-weight:100;}

.alamatnya span{ font-style:normal; font-stretch:normal; font-weight:100;}

.rincian{ font-size:13px; padding:5px 5px 5px 50px;}


.petadkm{margin-top:50px; padding:0px 20px 0px 20px;     }
.petadkm img{
-moz-box-shadow: 1px 2px 15px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 15px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 15px rgba(0, 0, 0, .5); }

.judul{width: 95%; min-height:20px; padding-left:15px; margin-left:8px; color:#000;  margin-bottom:20px; border-bottom:#666 solid 1px;  margin-top:15px; font-weight:bold;}
.juduldesainbaru{ color:#000; font-size:14px; text-align:center; font-weight:bold;}
.judulkontak{width: auto; min-height:20px; margin-left:8px; width: 95%;    margin-bottom:0px; border-bottom:#666 solid 1px;  margin-top:15px;}

@media(max-width:1000px) {	.judul{width: auto; min-height:20px;  margin-bottom:20px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judul h3{ font-size:20px; }

.judulkontak{width: auto; min-height:20px;  margin-bottom:0px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judulkontak h3{ font-size:20px;}
 }

@media(max-width:860px) {	.judul{width: auto; min-height:20px;  margin-bottom:20px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judul h3{ font-size:18px;}

.judulkontak{width: auto; min-height:20px;  margin-bottom:0px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judulkontak h3{ font-size:18px;}
 }
 
 @media(max-width:660px) {	.judul{width: auto; min-height:20px;  margin-bottom:20px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judul h3{ font-size:16px;}

.judulkontak{width: auto; min-height:20px;  margin-bottom:0px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judulkontak h3{ font-size:16px;}
 }
 
  @media(max-width:480px) {	.judul{width: auto; min-height:20px; margin-bottom:20px; border-bottom:#666 solid 1px;  margin-top:15px; font-weight:bold;}
.judul h3{ font-size:14px;}

.judulkontak{width: auto; min-height:20px;  margin-bottom:0px; border-bottom:#666 solid 1px;  margin-top:15px;}
.judulkontak h3{ font-size:15px;}
 }





@media(max-width:480px) {	

.kontak h3{ font-size:12px;}
}



.history{ min-height:100px;


width:100%;}

.divid{ height:1px;
border:solid #666 1px;
width:100%;}

.history h2{
	font-size:16px;
	padding-left:15px;
	font-weight:bold;
	padding-top:10px;
	}
	
	.history .pragraf{
		font-size:14px;
		padding:5px 10px 20px 15px;
		
		}

.partners{
	min-height:125px;	
	width:100%;
	border:#000 solid 1px;
	}

.lead{
	font-size:13px;
	color:#000;
	/*font-family:Georgia, serif;*/
	}
	
.lead p{ margin-bottom:10px; color:#000;}
.featurette-divider {
    margin: 80px 0;
	}

.featurette {
	
    overflow: hidden;
	color:#000;
}

/*.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}*/

.featurette-heading {
    font-size: 20px;
	margin-bottom:15px;
	font-family: Georgia, serif;
	font-weight:bold;
	color:#000;
}

footer {
    margin: 50px 0;
	 color:#000;
	 font-weight:300;}

@media(max-width:1200px) {
	
	
	
    .headline h1 {
        font-size: 20px;
    }

    .headline h2 {
        font-size: 25px;
    }

    .featurette-divider {
        margin: 30px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 20px;
		color:#000;
    }
}
@media(max-width:700px) {.featurette{
		/* margin-top:-140px;*/
		 }}
@media(max-width:991px) {
     
    .headline h1 {
        font-size: 35px;
    }

    .headline h2 {
        font-size: 14px;
		color:#000;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
        max-width: 50%;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 20px;
		color:#000;
    }
	.kontak{ padding:5px 10px 5px 20px; font-size:13px;}
}



@media(max-width:768px) {		
.kontak{ padding:5px 10px 5px 20px; font-size:13px;}
.featurette-heading { font-size:15px;}
	.lead p{ margin-bottom:0px; font-size:12px;}
     .featurette br{
		display:none;
    }

    .container {
        margin: 0 0px;
		
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 18px;
		color:#000;
    }
}

@media(max-width:700px) {		
 .kontak{ padding:5px 10px 5px 20px; font-size:13px;}
    .container {
        margin: 0 0px;
		
    }
    .featurette-heading { font-size:15px;}
	.lead p{ margin-bottom:0px; font-size:12px;}
     .featurette br{
		display:none;
    }
    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 18px;
		color:#000;
    }
}

@media(max-width:668px) {
	.kontak{ padding:5px 10px 5px 20px; font-size:13px;}
    .headline h1 {
        font-size: 12px;
    }

    .headline h2 {
        font-size: 18px;
    }

      .featurette-heading { font-size:15px;}
	.lead p{ margin-bottom:0px; font-size:12px;}
     .featurette br{
		display:none;
    }

    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
		footer {
    margin: 50px 0;
	font-size:10px;
	 color:#000;
	 font-weight:300;}
	 
	.kontak{ padding:5px 10px 5px 20px; font-size:13px;}
    .headline {
        padding: 75px 0 25px 0;
    }
	    .featurette-heading { font-size:15px;}
	.lead p{ margin-bottom:0px; font-size:12px;}
     .featurette br{
		display:none;
    }
	
    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
	footer {
    margin: 50px 0;
	font-size:10px;
	 color:#000;
	 font-weight:300;}
	
	.kontak{ padding:5px 10px 5px 5px; font-size:13px;}
	.rulefoto{ padding:0px 20px 0px 20px;}
	
	.alamatnya{ font-size:11px; font-style:italic; font-weight:bold; text-align:center; padding:5px 5px 5px 0px; margin-bottom:10px;}
	
	.rincian{ font-size:10px; padding:5px 5px 5px 0px;}
	
	.petadkm{margin-top:15px; padding:0px 20px 0px 20px;}
	
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }
	
	
    .featurette-heading { font-size:15px;}
	.lead p{ margin-bottom:0px; font-size:12px;}
	.featurette br{
		display:none;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}