@charset "utf-8";
/* CSS Document */


.padd{
padding:20px;
letter-spacing:1px;
}

.padda{
padding:0px 0px 10px 0px ;
}

.par1 {
text-align: justify;
border:0px dashed #FF0000;

}


.par2, .par2x{
border:0px dashed #FF0000;
position:relative;
}


.par2x{
margin-bottom:50px;


}

.judul2 .judul3 {
width: auto;
border:0px dashed #FF0000;
background:rgba(200,250,250,1.00);
letter-spacing:1px;
}

.par1 .isi2{
text-align: justify;
border:0px dashed #FF0000;

}

.par3 {
text-align: justify;
line-height:25px;
color:rgba(87,87,87,1.00);
border:0px dashed #FF0000;
}

.icon2{
text-align: left;
border:1px solid rgba(200,250,250,1.00);
width:40px;
height:40px;
padding:5px;
float:left;
background:rgba(255,255,255,1.00);
}

.icon_isi2{
border-bottom:1px solid rgba(0,76,151,1.00);
float:left;
padding:15px 0px 5px 0px ;
width:100%;
}


.our, .our3{
width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
padding:10px 20px 10px 20px;
border:0px dashed #FF0000;

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
behavior: url(PIE.htc);
}

.our2{
width:95%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border:0px dashed #FF0000;
padding:0px 0px 10px 0px;

}


.h1 .fzbig{
text-align:center;
color:rgba(142,94,14,1.00);
padding:20px;
border:0px dashed #FF0000;
}

.icon-article{
padding:0px 0px 0px 0px ;
border:0px dashed #FF0000;
margin-bottom:30px;
}

.main_judul{
text-align:justify;
line-height:25px;
padding:15px 15px;
margin-bottom:30px;
border:0px dashed #FF0000;
width:100%;

}



.icon-article2{
padding:0px;
border:0px dashed #FF0000;	
margin-bottom:30px;
}


.box_kon{
width:100%;
border:0px dashed #FF0000;
position:relative;
margin-bottom:20px;
text-align:center;
}


.sub_kon{
width:80%;
margin-left:auto;
margin-right:auto;

border:0px solid #ffffff;
padding:0px;	
background: #ffffff;
-webkit-box-shadow: 0 0.1rem 0.8rem rgb(0 0 0 / 10%), 0 1.2rem 2.3rem rgb(0 0 0 / 15%) !important;
box-shadow: 0 0.1rem 0.8rem rgb(0 0 0 / 10%), 0 1.2rem 2.3rem rgb(0 0 0 / 15%) !important;

-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
behavior: url(PIE.htc);
}

.isi_kon{
text-align: center;
line-height:25px;
padding:15px 15px;
}

.icon_kon{
text-align:center;
border:0px dashed #FF0000;
position:relative;
padding:25px 25px;
}



.box_form{
width:100%;
border:0px dashed #FF0000;
position:relative;
margin-bottom:10px;
}


.box_form_isi{
width:90%;
position:relative;
text-align:left;
border:0px solid #0000CC;
padding:0px;	

}

.box_form_isi2{
width:95%;
position:relative;
text-align:left;
border:0px solid #0000CC;
padding:0px;	

}
















.icon-con{
text-align:center;
border:0px dashed #FF0000;
position:relative;
}

.icon-con2{
text-align:center;
position:relative;
}

.icon-art{
border:0px dashed #FF0000;
text-align:center;
}

.sam-ac{
	padding:10px 10px 10px 10px ;
	background:rgba(0,187,235,1);
	-webkit-border-radius:0px 5px 5px 0px ;
    -moz-border-radius:0px 5px 5px 0px ;
    border-radius:0px 5px 5px 0px ;
    behavior: url(PIE.htc);
}

.fron-con-img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(1,66,99,0.3);
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
align-items:center;
transition:background 500ms ease;
cursor:pointer;
}
.fron-con-img:hover{background:rgba(1,75,106,0);}




.container{
border:0px dashed #FF0000;	
position:relative;
}




.slid{width:100%;
height:100%;}



.box_slider{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height:40%;
top:105px;

}


.box_serv{
position:relative;
z-index:1;
margin-top:0px;
height:150px;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}

.box_serv_loop{
position:relative;

z-index:1;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}



.box_serv_add{
position:relative;
z-index:1;
margin-top:50px;
margin-bottom:50px;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}

.box_serv_proses{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height:100%;
}



.sub_Aaa, .sub_Aab, .sub_Aac{
border:0px dashed #FF0000;
margin-bottom:40px;
position:relative;

}







.lsup_left{
float:left;
padding:0;
border:0px #FFFFFF dashed;
margin-top:35px;
}


.lsup_right{
float: left;
text-align:center;
padding:15px;
border:0px #FFFFFF solid;
margin-top:20px;
margin-left:30px;
}
