*
{

	margin: 0;
	padding: 0;
}
/*--Nav--*/
#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 5;
}
.nav-brand img,
.navbar-nav li,
.navbar-nav li a,
{
	height: 40px;
	padding-left: 20px;
	padding: 0 5px;
	float: right;
	text-align: left;
} 
#nav-bar ul li a :hover
{
	color: #007bff!important;
}
.navbar
{
	background: #F7F7F7;
	border-bottom: 5px solid #252B56;
}
.nav-toggler
{
	border: none!important;
}
.nav-link
{
	color: #555!important;
	font-weight: 600;
	font-size: 16px;
}
.active
{
	color: #fff;
	display: block;
}

/*--slider--*/
#SLIDER
{
	width: 100%;
}
#SLIDER img{
        display: block;
        height:960px;
        width:1980px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
}
.headerslider
{
	background-size: cover;          
	background-position: center;

}
.carousel-caption
{
	top: 50%;
	transform: translateY(50%);
	bottom: initial!important;
	position: fixed;

}
.carousel-caption h5
{
	color: #fff;
	font-size: 42px;
}
/*--Tentang--*/

#about
{
	padding-top: 50px;
	padding-bottom: 50px:
	color: #555; 
	margin-bottom: 30px;

}
#about img
{
	 height:320px;
     width:480px;
        margin-left: auto;
        margin-right: auto;
}

#about .btn
{
	margin-top: 20px;
	margin-bottom: 30px;
}
.about-content
{
	padding-top: 20px;
}
.card-deck .card
{
	margin-bottom: 30px;
 border: transparent;
}
.card h5 p
{
	border-radius: 16px;
	border-style: 24px;
}
.card-body h5 p
{
	border-radius: 16px;
	border-style: 24px;
}
/*--Visimisi--*/
#service 
{
	background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(images/Bg12.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding-top: 80px;
	padding-bottom: 80px;
	align-items: center;

}
#service h1 
{
	text-align: center;
	color: #efefef !important;
	padding-bottom: 10px;
}
#service h1:after
{
	content: '';  
	background: #efefef;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
.service
{
	margin-top: 40px;
}
.row .service
{
	    display: flex;
	    align-content: center;
}
#service p
{
	font-size: 16px;
	margin-top: 20px;
	color: #fff;
	font-weight: bold;

}
.service .col-mb-4:hover{
	background: #007bff;
	cursor: pointer;
	transition: 0.7s;
}
#service
.card
{
	background: transparent;
	background-position: center;

}
#service
.card img
{
	 height:240px;
        width:120px;
       align-items: center;
       background-position: center;
       margin: auto;

}
#service h3
{
	text-align: center;
	text-decoration-color: #0bb5f5;
	color: #fff;
	font-weight: bold;
}
/*--Kontraktor--*/
#team
{
	padding-top: 100px;
	padding-bottom: 100px;
	color: #555;
}
h1
{
	text-align: center;
	color:  #555 !important;
	padding-bottom: 10px;
}
h1::after
{
	content: '';
	background:#007bff; 
	display: block;
	height:3px;
	width:170px;
	margin:20px auto 5px;
}
#team img
{
	width: 432px;
	height: 122px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;


}
#team
.carousel-caption {
  bottom: 90px; }
#team
.carousel-indicators li {
  width: 70px;
  height: 36px;
  border: 1px solid #222; }
  #team
.carousel-indicators .active {
  border: 1px solid #ff7474; }

@media screen and (min-width: 320px) and (max-width: 767px) 
{
.carousel-item fa
{
	color: #fff;
}
#team
  .carousel-title 
{
    font-size: 18px;
    margin-top: 20px; } }



/*--Kontak--*/
#Kontak
{
	background: #252B56;
	background-size: cover;          
	background-position: center;
	background-attachment: fixed;
	text-align: center;
	padding: 100px;
	font-family: sans-serif;
	font-size: 38px;
}
#Alamat
{
	background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(images/tiang1.jpg);
	background-size: cover; 
	background-attachment: fixed;  
	padding: 50px;
	filter: initial;       
}

#Kontak h1
{
	color:  #fff !important;	

}

.contact-box-wrapper
{
    top: -120px;
    position: relative;
    display: flex;
    flex-direction: row;

}
.contact-box:first-child {
    margin-right: 20px;
}
.contact-box {
	top: -60px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 40px;
    background-color: #F7F7F7;
    border: 1px solid #eaf0f6;
}
.contact-box-item.logo {
    height: 30px;
    width: 30px;
}
.contact-box-item {
    max-width: 100%;
    margin-bottom: 24px;
}
img {
    max-width: 100%;
}
.contact-box-item.title {
    font-weight: 600;
    color: #33475b;
}
.contact-box-item.blurb {
    color: #33475b;
}