* {
	padding: 0; 
	margin: 0;
}
.col-sm-6 {padding: 0; margin: 0;}
.row {padding: 0; margin: 0;}

#bersindoBody {background: url("../images/bg1.png"); }

.bersindoMenu {border-bottom: 15px solid #666;}
.navbar {margin: 0; border: none; background:transparent;}

@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        /*background-color: #eee;*/
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -160px;
    }
}

.nav li {text-align: center;}
.nav li a {
	color:#B6AFA8 !important;
	font-weight: bold; 
	font-size:18px; 
	font-family:"Comic Sans MS", cursive; 
	line-height: 50px;
	/*margin: 0 40px;*/
}
.nav li:hover {background-color: #78796B;}

/*.logo { margin-top: -130px; text-align: center;}*/

.topContent {margin-top: 60px;}

/*FRONT PAGE*/
/*.frontImg {box-shadow:0 6px 15px #888888; margin-bottom: 40px;}*/

.frontService {text-align: center; font-weight: bold;}
.frontService h3 {font-size: 28px;}
.frontService p {padding: 40px 0;}
.frontServiceContent {margin-top: 20px;}

.servBlue {
	background-color: rgb(0, 96, 138); 
	padding: 10px 0; 
	border-radius: 25px 25px 0 0; 
	margin: 0 10px;
	color: rgb(183, 185, 191);
}
.servGray {
	background-color: rgb(183, 185, 191); 
	padding: 10px 0; 
	border-radius: 25px 25px 0 0; 
	margin: 0 10px;
	color: rgb(0, 96, 138);
}

.servBlueP {
	background-color: rgb(0, 96, 138);  
	border-radius: 0 0 25px 25px; 
	margin: 0 10px;
	color: rgb(183, 185, 191);
}
.servGrayP {
	background-color: rgb(183, 185, 191); 
	border-radius: 0 0 25px 25px; 
	margin: 0 10px;
	color: rgb(0, 96, 138);
}

.frontServed {
	text-align: center; 
	color: rgb(0, 96, 138);
	/*color: #01b0fb; */
	margin: 40px -15px;
	padding: 30px 0;
	/*background-color: rgb(0, 96, 138);*/
}
.frontServed li {list-style: none; margin: 20px 0;}

.frontFooter {
	/*text-align: center;*/
	background-color: rgb(183, 185, 191);
	margin-top: 30px;
}
.footer3 {
	text-align: center;
}

.footer4 {
	text-align: center;
	font-size: 14px;
}
/*end of FRONT PAGE*/

/*SERVICES PAGE*/
.rowBlockA {
	/*text-align: center;*/
	margin-bottom: 40px;
	background-color: rgba(183, 185, 191, 0.2);

}
.rowBlockB {
	margin-bottom: 40px;
	background-color: rgba(0, 96, 138, 0.2);
}

.serviceInfo li {
	font-size: 18px;
	line-height: 32px;
}

.servicePict {
	padding: 20px;
}

/* end of SERVICES PAGE*/


/*ABOUT PAGE*/
.h2BSI {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #025F8A;
	line-height: 60px;
	margin-bottom: 20px;margin-top: 0;
	background-color: #B8B9BE;
	border-radius: 30px;
}
.h3BSI {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #025F8A;
}
.h4BSI {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #025F8A;
	margin-top: -20px;
	margin-bottom: 20px;
}
.rowContent {margin-bottom: 40px;}
.aboutus p {
	text-align: justify;
	font-size: 20px;
	line-height: 30px;
}
.aboutus li {
	list-style: none;
	text-align: justify;
	font-size: 20px;
	line-height: 30px;
}
.usedat li {
	text-align: center;
}
.usedatkiri {
	padding: 0 20px;
}
.usedatkiri li {
	text-align: right;
}

/*END OF ABOUT PAGE*/

/*CONTACT PAGE*/
.bersindoMap {
	padding: 0 5px;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.contactUs {
	margin-top: 40px;
}
.contactUs form label {
	margin: 5px 0;
}
.contactUs form button {
	margin-top: 5px;
}
/*CONTACT PAGE*/


/*footer*/
footer { background: url("../images/bg.png"); color: #fff;}
footer h2 {text-align: center; color: #fff;	}
.footer1 { 
	padding: 4px 0; 
	background-color: rgb(0, 96, 138); 
}

/*.footer3 { padding: 10px 0; margin-bottom: 20px; }*/
.footer4 { 
	padding: 15px 0; 
	background-color: rgb(0, 96, 138); 
	color: #1A1A1A; 
}
.footer4 h5 { font-weight: bold; }

.go-top {
	position:fixed;
	bottom:340px;
	right:0px;
	text-decoration:none;
	color:#0032AB;
	/*background: rgba(0,0,0,0.2);*/
	font-size:35px;
	display:none;
	/*background-color: #2D9DD9;*/
	border-radius: 100px;
}
.go-top:hover {
	color:#2D9DD9;
}