.boxbg{width:  100%;float:  left;background: #0000007a;padding-top: 90px !important;padding-bottom: 50px !important;}
.titlezi{text-align:  center;font-size: 25pt;padding: 40px 0px;}
.titlezi h2{font-size: 25pt;}
.boxmap{float:  left;width:  100%;margin: 0px;}



/*home*/
.home-profil-img{margin-top: 20px;margin-bottom: 20px;border: 7px solid white;}
.home-profil-img img{}
.home-profil-text{margin-top: 20px;margin-bottom: 20px;}
.home-profil-text h3{font-size:  24px;margin-bottom: 15px;font-weight:  bold;text-transform: capitalize;}
.home-profil-text .dekrip{margin-bottom: 15px;}

label.konsultasi{text-align: left;float: left;width: 100%;}
textarea.kasus{height: 170px !important;}
input[type="radio"].pengacara{}
.left{text-align: left !important;float: left;width: 100%;margin-bottom: 20px;}


#webpage{}
.slider, #fh5co-welcome, #fh5co-produk, #fh5co-footer{width: 100%;float:left;margin-top:  15px;}
#boxweb{float:  left;width:  100%;background: white;}
.fh5co-nav{width: 100%;float:left;}
.welcome-box{padding: 15px 0px;}
.footer-box{padding: 15px 0px;float:  left;width: 100%;color: #FFF;}

#banner-top{width:  100%;float:  left;background: darkgrey;height: 150px;overflow:hidden;}
#banner-top img{width: 100%;}



/*Detail Produk*/
.product-info .feature-img, .mousetrap{}
.feature-img{position: relative;margin-bottom: 10px;z-index: 3;}
.feature-img img{width: 100%;}
#zoom-btn {position: absolute;right: 0px;bottom: 0px;width:35px;height:35px;line-height: 35px;text-align:center;font-size:15px;z-index: 10000;background-color: #032b49;color: white;}
#zoom-btn:hover {background:#222222;color:#ffffff;}
.tabel-description{width: 100%;margin: 10px 0px;float:left;}
table.infotable{border: 1px;padding: 7px;font-weight: 400;}
table.infotable tr{}
table.infotable tr td.title{width: 111px;padding: 7px;background: #032b49;color: #ffffff;font-weight: 600;}
table.infotable tr td{padding: 7px;}



/*Detail List*/
.produk-list{float:  left;width: 100%;}
.boxsingle{width:  100%;float:  left;margin-bottom: 40px;text-align:  center;}
.box-foto{width:  100%;float:  left;overflow:  hidden;background-image: url(../../images/noimages.png);background-repeat: no-repeat;background-position: center;background-size: 200px;text-align:  center;}
.box-foto img{width:  auto;}
.box-foto img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.box-foto:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.title-produk{overflow:  hidden;float:  left;width: 100%;text-align:  center;}
.title-produk h4{font-size: 18px;font-weight: 600;margin-bottom: 0px;text-transform: capitalize;color: #042c4a;}
.harga{float:  left;width:  100%;text-align:  center;font-size: 15px;color: #000000;font-family: Tahoma;font-weight: 500;}
.harga .hargabox{/* text-decoration: line-through; */height: 24px;overflow:  hidden;}
.harga .stok{height: 27px;overflow: hidden;text-transform: capitalize;}
.btn-produk{background: #032b49;color: #fff;border: #032b49;}
.post-title{color: #9ffd86;}


article{margin-bottom: 20px;border-bottom: 1px solid #e9e9e9;padding-bottom: 20px;}
.mkd-post-excerpt{
    margin-bottom: 15px;
    margin-top: 15px;
}


/*layanan*/
.boxartikel{float:  left;width: 100%;margin-bottom: 20px;padding: 15px;}
.layanan{float:  left;width: 100%;position: absolute;margin-bottom: 20px;}
.layanan .singel{position: relative;width:  100%;float:  left;}
.layanan .frame{width:  100%;height: 275px;overflow:  hidden;}
.layanan .quicklook{
	position:absolute;
	width: 100%;
	height: 100%;
	background: #0e0e0eb5;
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	transition:all 350ms, opacity 500ms ease-in-out, visibility 400ms ease-in-out;
}
.layanan .frame:hover .quicklook{
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	transition:all 350ms, opacity 500ms ease-in-out;
}
.layanan .quicklook i{color: #ffffff;padding-top: 25%;font-size: 56px;}
.layanan .frame .foto img{width: 100%;}
.layanan .frame .foto{width: 100%;float:  left;}
.layanan .title{font-size: 12px;position: absolute;display: block;bottom: 0;color: #fff;background: #0a0a0abd;-webkit-transition: 0.2s background ease-in-out;transition: 0.2s background ease-in-out;width: 100%;float:  left;}
.layanan .title a{color: white;}
.layanan .title h4{color:  white;font-size: 9pt;padding: 15px;}




/*artikel*/
.artikel{float:  left;width: 100%;position: absolute;margin-bottom: 20px;}
.artikel .singel{position: relative;width:  100%;float:  left;}
.artikel .frame{width:  100%;/* height: 275px; */overflow:  hidden;}
.artikel .title{font-size: 12px;position: absolute;display: block;bottom: 0;color: #fff;background: #0a0a0abd;-webkit-transition: 0.2s background ease-in-out;transition: 0.2s background ease-in-out;width: 100%;float:  left;}
.artikel .date{font-size: 12pt;color: #ffffff;border-right: 1px solid #ddd;float: left;line-height: 18px;padding-bottom: 10px;padding-right: 15px;text-align: center;}
.artikel .date span{
    font-size: 40px;
    font-weight: 900;
    line-height: 35px;
}
.artikel .deskripsi{color: black;font-size: 9pt;width: 79%;float: left;}
.artikel .deskripsi a{color: black;}
.artikel .deskripsi h4{color: white;font-size: 14pt;padding: 0px 15px;}
.artikel .deskripsi .desk{color: white;font-size: 9pt;padding: 15px;}




/*blog*/
.blogbox{border-bottom: 2px solid #67bc00;}
.blogbox .title{margin-top:20px;margin-bottom: 10px;}
.blogbox .feature-img{height:200px;overflow:  hidden;margin-bottom: 20px;}
.blogbox .feature-img img{width:100%;}
.deskripsi-singkat{margin-bottom:15px;}
.deskripsi{float:left;width:100%;margin-bottom:15px;}


/*testimoni*/
.single-testimonial{height: 375px;}
.img-testimonial{height: 110px;width: 100%;}
.img-testimonial img{height: 100%;overflow:  hidden;}
.single-testimonial .nama{height: 60px;overflow:  hidden;float:  left;width:  100%;}
.desc{width: 100%;float: left;margin-bottom: 10px;}
.desc:hover{margin-right: 0px;overflow-y: scroll;width: 100%;float: left;height: 166px;margin-bottom: 10px;}
.desc::-webkit-scrollbar{width: 3px;}
.desc::-webkit-scrollbar-thumb{background: #71c200;}	
.desc::-webkit-scrollbar-track{box-shadow: inset 0 0 5px grey;border-radius: 13px;}


/*sosmed header*/
.sosmed-head{position:  absolute;float:  right;right: 25px;}
ul.sosmed2{margin-top: 20px;list-style:  none;padding-left: 0px;margin-left: 7px;font-size: 14px;color: white;float:  left;}
ul.sosmed2 li{float: right;/* width: 100%; */margin-bottom: 5px;}
ul.sosmed2 li a{color: white;}
ul.sosmed2 li i{font-size: 23px;float: left;width: 24px;text-align:  right;margin-right: 10px;color: #9ffd86;}
ul.sosmed2 li .text{padding-right: 20px;float: left;}
/*sosmed header*/
/*sosmed footer*/
ul.sosmed{list-style:  none;padding-left: 0px;margin-left: 7px;font-size: 14px;color: white;float:  left;margin-bottom: 20px;}
ul.sosmed li{float:  left;width: 100%;margin-bottom: 5px;}
ul.sosmed li a{color: white;}
ul.sosmed li i{font-size: 17px;float: left;width: 17px;text-align:  right;margin-right: 7px;margin-top: 2px;}
ul.sosmed li .text{float: left;font-size: 12px;}
/*sosmed footer*/


/*breadcrumb*/
#breadcrumb {float:  left;width: 100%;/* margin-top: 15px; */}
ul.breadcrumb {padding: 15px 15px;list-style: none;background-color: #545454d6;}
.breadcrumb li {display: inline-block;text-transform: capitalize;color: #ffffff;}
.breadcrumb li:last-child {color: white;}
.breadcrumb li:last-child a{color: #a0a0a0;}
.breadcrumb li a{display: inline-block;color: #ffffff;}
/*breadcrumb*/

.titlepage{text-align:  center;margin-bottom: 40px;border-top: 2px dashed #333333;border-bottom: 2px dashed #333333;}
.titlepage h1{
    color: #000000;
    font-style: normal;
    font-weight:  bold;
    text-transform:  uppercase;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: 24px;
}
.detpag{}
.detpag .boximg{float:  left;margin-right: 20px;}
.detpag .boximg img{width: 450px;}
.detpag .deskripsis{}



ol.jasa{margin-bottom: 0;counter-reset: myCounter;}
ol.jasa li{list-style: none;padding-left: 45px;margin-bottom: 15px;}
ol.jasa li:before{
	position: absolute;
	left: 0px;
	margin-top: -10px;
	counter-increment: myCounter;
	content: counter(myCounter);
	display: inline-block;
	text-align: center;
	margin: 5px 10px;
	line-height: 40px;
	transition: all .2s;
	color: #ffffff;
	background: #091535;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 22pt;
}
ol.jasa li strong{    font-weight: bold;}


@media(min-width:1400px){
	.title-produk{height: 18px;margin-top: 10px;margin-bottom: 7px;}
	.box-foto{width:  100%;height: 255px;}
	.box-foto img{height: 255px;width:  auto;}
	.watext{float: right;font-size: 20px;}
	.logoweb{height: 74px;}
	.logoweb img{height: 74px;}
	
	
	.layanan .singel{/* height: 250px; *//* overflow:  hidden; */}
	.layanan .frame{height: 210px;overflow: hidden;width: 100%;}
	.layanan .frame .foto img{min-height: 277px;width: 100%;}

	.artikel .deskripsi h4{height: 53px;overflow: hidden;}
	.artikel .deskripsi .desk{height: 160px;overflow:  hidden;}
	.footer-box{
    width: 24.3333%;
    float: left;
    height: 300px;
}
}
@media(min-width:992px) and (max-width:1399px){
	.title-produk{height: 35px;margin-top: 10px;}
	.box-foto{width:  100%;min-height: 200px;height: 210px;}
	.box-foto img{height: 210px;width:  auto;}
	.watext{float: right;font-size: 20px;}
	.logoweb{height: 74px;}
	.logoweb img{height: 74px;}
	
	.layanan .singel{/* height: 250px; *//* overflow:  hidden; */}
	.layanan .frame{height: 150px;overflow: hidden;}
	.layanan .frame .foto img{min-height: 150px;}
	.artikel .deskripsi h4{height: 53px;overflow: hidden;}
	.artikel .deskripsi .desk{height: 160px;overflow:  hidden;}
	.footer-box{
    width: 49.3333%;
    float: left;
    height: 300px;
}
}

/*boostrap md dibawah 992*/
@media(min-width:765px) and (max-width:991px){
	.title-produk{height: 35px;margin-top: 10px;}
	.box-foto{width:  100%;min-height: 200px;height: 330px;}
	.box-foto img{height: 330px;width:  auto;}
	.watext{float: right;font-size: 20px;}
	.logoweb{height: 74px;}
	.logoweb img{height: 74px;}
	#mobile-nav-toggle{top: 38px;}
	
	.layanan .singel{height: 250px;overflow:  hidden;}
	.layanan .frame{height: 250px;overflow: hidden;}
	.layanan .frame .foto img{height: 250px;}

	.artikel .deskripsi h4{height: 53px;overflow: hidden;}
	.artikel .deskripsi .desk{height: 160px;overflow:  hidden;}
	.footer-box{
    width: 49.3333%;
    float: left;
    height: 300px;
}
}

/*boostrap sm dibawah 765*/
@media(min-width:576px) and (max-width:764px){
	.title-produk{height: 35px;margin-top: 10px;}
	.box-foto{width:  100%;min-height: 200px;height: 240px;}
	.box-foto img{height: 240px;width:  auto;}
	.watext{float: right;}
	.logoweb{height: 50px;}
	.logoweb img{height: 74px;}
	#mobile-nav-toggle{top: 27px;}
	
	.layanan .frame{
    height: auto;
}
	.layanan .frame .foto img{}

	.artikel .deskripsi h4{}
	.artikel .deskripsi .desk{}
	.footer-box{}
}

/*boostrap xs*/
@media(min-width:481px) and (max-width:575px){
	.title-produk{}
	.box-foto{width:  100%;min-height: 200px;height: 400px;}
	.box-foto img{width:  auto;height: 400px;}
	.watext{float: right;}
	.logoweb{height: 50px;}
	.logoweb img{height: 74px;}
	#mobile-nav-toggle{top: 27px;}
	
	.layanan .frame{}
	.layanan .frame .foto img{}
	.artikel .deskripsi h4{}
	.artikel .deskripsi .desk{}
	.footer-box{}
}
@media(max-width:480px){
	.title-produk{margin-top: 10px;margin-bottom: 10px;}
	.box-foto{width:  100%;height: 100%;min-height: 100px;}
	.box-foto img{width: 100%;}
	.mobilehidden{display:none;}
	.logoweb{height: 50px;}
	.logoweb img{height: 74px;}
	#mobile-nav-toggle{top: 27px;}
	
	.layanan .frame{
    height: auto;
}
	.layanan .frame .foto img{}
	.artikel .deskripsi h4{}
	.artikel .deskripsi .desk{}
	.footer-box{}
}


@media(min-width:765) and (max-width:785px){
	#cssmenu ul{display: block;}
}
@media(min-width:990px) and (max-width:1200px){
	a.btnwa{line-height: 19px;padding: 10px 10px 10px 10px;}
}

.icon{color:#6fc100;}
.title-area{border-bottom: 2px solid #6fc100;padding: 15px;color: #6fc100;border-top: 2px solid #6fc100;font-size: 30px;}

.feature-area, .produk-area, .testomial-area, .blog-area, .appoinment-area, .footer-area, .home-about-area{
    float: left;
    width: 100%;
}

.box-tranlate{position: fixed;bottom: -20px;left: 0;width: inherit;padding: 10px 10px 30px 10px;font-size: 14px;text-align: center;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 1032;}
.box-tranlate select{}



a.scroll_top {width:40px;height:40px;position:fixed;z-index:9;bottom: 30px;right: 30px;visibility:hidden;font-size:20px;color:#222222;line-height:36px;text-align:center;opacity:0;transition:all 400ms ease-out;}
a.scroll_top.active {visibility:visible;opacity:1;background: #5a5a5a;color: white;transition:all 400ms ease-out;}
a.scroll_top.active:hover {background-color: #222222;color: #ffffff;border-color: transparent;}