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


.padd{
padding:20px;
}

.padda{
padding:0px 0px 10px 0px ;
}

.paddb{
padding:10px 10px 20px 10px ;
}

.par1 {
text-align: justify;
border:0px dashed #FF0000;

}


.par2, .par2x{
line-height:25px;
border:0px dashed #FF0000;
}


.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:1px 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:1px dashed #FF0000;
padding:0px 0px 10px 0px;

}



.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%;

}



.tope_b{
padding:0px;
border:0px dashed #FF0000;	
margin-bottom:30px;
}

.tope_sub{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:1px solid #F0F0F0;

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
behavior: url(PIE.htc);


}

.tope_icon{
text-align:center;
position:relative;
}


.tope_isi{
line-height:25px;
padding:15px 15px 10px 15px;	
border:0px solid #F0F0F0;
text-align:justify;
}


.artikel_b{
padding:0px;
border:0px dashed #FF0000;
border-bottom:1px solid #F0F0F0;
margin-bottom:20px;
}

.artikel_sub{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:0px solid #F0F0F0;
position:relative;


}

.artikel_icon{
width:100%;
margin-left:auto;
margin-right:auto;
border:0px solid #0000CC ;
position:relative;
}



.artikel_desc{
line-height:25px;
padding:0px 15px 10px 15px;	
border:0px solid #F0F0F0;
text-align:justify;
border:0px solid #996600;
float:left;

}

.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(0,0,0,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(0,0,0,0);}




.sub-wrap1{
width:95%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
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:10px;
-moz-border-radius:10px;
border-radius:10px;
behavior: url(PIE.htc);

}





.isi-artikel .fooot{
margin-top:10px;
cursor:pointer;
transition:color 300ms ease;

border:0px dashed #FF0000;
}

.isi-artikel .fooot:hover{
	color:rgba(196,53,55,1.00);
	text-decoration:underline;
	}


.isi-artikel{
text-align:justify;
line-height:25px;
padding:15px 15px;
}



.icon-con{
text-align:center;
border:0px dashed #FF0000;
position:relative;
}



.icon-art{
border:0px dashed #FF0000;
}


.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:0px;
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;

}


.box_Aaa{
border:0px dashed #FF0000;
position:relative;
margin-bottom:10px;
}





.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;
}








/*==============================paging==================================*/

.paging{display:inline-block;
float:right;
margin-top:20px;}
.pag{width:autopx;
padding:7px 13px 7px 13px;

float:left; margin-left:10px; text-align:center;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;

color:rgba(208,208,208,1.00);
cursor:default;
background:rgba(243,243,243,1.00);
border-radius:3px;}

.pag22{
	color:rgba(142,142,142,1.00);
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}

.col_pag{background:rgba(3,65,110,1.00);
width:autopx;
padding:7px 13px 7px 13px;

float:left; margin-left:10px; text-align:center;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;

color:rgba(255,255,255,1.00);
cursor:default;
border-radius:3px;}

.pag:hover{
	color:#DF4B08;
	}

.paging_hot{margin-top:20px;
float:right;}