
.nopadding{padding: 0px !important;}
@media(min-width:1200px) {
	.box-artikel{float: left;width: 100%;}
	.box-artikel .box .box-images{text-align: center;width: 100%;max-height: 200px;margin-top: 10px;border: 1px solid #2980b9ad;padding: 2px 2px 2px 2px;border-radius: 7px;overflow: hidden;}
	.box-artikel .box .box-deskripsi{height: 122px;overflow: hidden;margin-bottom: 10px;}
}
@media(min-width:992px) and (max-width:1199px){
	.box-artikel{float: left;width: 100%;}
	.box-artikel .box .box-images{text-align: center;width: 100%;height: auto;margin-top: 20px;}
	.box-artikel .box .box-deskripsi{height: 120px;background: #d0d0d0;overflow: hidden;margin-bottom: 10px;}
}
@media(min-width:768px) and (max-width:990px) {
	.box-artikel{float: left;width: 100%;}
	.box-artikel .box .box-images{text-align: center;width: 100%;height: auto;margin-top: 20px;}
	.box-artikel .box .box-deskripsi{margin-bottom: 10px;}
}
@media(max-width:767px){
	.box-artikel{float: left;width: 100%;margin-bottom: 20px;}
	.box-artikel .box .box-images{text-align: center;}
	.box-artikel .box .box-images img{height: auto !important;width: 100% !important;}
	.box-artikel .box .box-deskripsi{float: left;}
	.footer-info-left{
    float: left;
    width: 100% !important;
    text-align: center!important;
}
	.footer-info-right{
    float: left !important;
    width: 100% !important;
    text-align: center!important;
}
}

.box-artikel .box{border-bottom: 1px solid #6ea9d0 !important;float: left;width: 100%;margin-bottom: 15px;}
.box-artikel .box .box-images img{width: 100%;vertical-align: middle;border-radius: 7px;}
.box-artikel .box .box-title{color: #464646;padding: 10px;text-align: left;font-size: 24px;font-weight: 600;font-family: Philosopher;}
.box-artikel .box .box-title2{color: #0374ad;text-align: left;padding: 10px;font-size: 23px;font-family: Philosopher;font-weight: 600;}
.box-artikel .box .box-deskripsi{padding: 10px;}
.readmore{margin-bottom: 10px;float: left;width: 100%;margin: 0px 15px 10px 5px;}
.readmore a{text-decoration: none !important;}


.et_pb_gallery_image{height: 160px;overflow: hidden;}
.et_pb_gallery_image img{min-height: 160px;width: 100%;}
.et_overlay i{position: absolute;top: 50%;left: 47%;margin: -14px 0 0 -14px;font-size: 32px;content: "\e050";-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;color: white;}

#et-main-area{float: left;width: 100%;}
#main-content{float: left;width: 100%;}
#main-footer{float: left;width: 100%;}


#footer-bottom{padding: 15px !important;float: left;width: 100%;}
.footer-info-right{float: right;width: 50%;text-align: right;}
.footer-info-left{float: left;width: 50%;}

/*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.dark li{color: #555;}
ul.sosmed.light li{color: #cacaca;}
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: 16px;width: calc(100% - 30px);}
ul.sosmed li .text p{padding: 0px;margin: 0px;}
/*sosmed footer*/

/*sosmed kontak muter*/
ul.social-icons {list-style: none!important;float: left;width: 100%;padding: 0px;}
ul.social-icons.large li {height: 50px;}
ul.social-icons li {float: left;display: inline-block;height: 36px;margin-bottom: 5px;}
ul.social-icons.large li a {width: 50px;height: 50px;font-size: 24px;}
ul.social-icons.dark li a {color: #555;background-color: rgba(0, 0, 0, .05);}
ul.social-icons.light li a {color: #fff;background-color: rgba(255, 255, 255, .05)}
ul.social-icons li a {display: inline-block;width: 36px;height: 36px;line-height: 36px;font-size: 16px;overflow: hidden;position: relative;text-align: center;-webkit-transition: all .3s;transition: all .3s;margin-right: 5px;text-decoration: none!important;}
ul.social-icons li.sosmed2 a:hover {background-color: #333333;color: white;}
ul.social-icons.large li a:hover i {top: -83px;}
ul.social-icons.large li a i {margin-top: 0;line-height: 52px;}
ul.social-icons li a i {display: block;height: 100%;position: relative;top: 0;-webkit-transition: top .3s;transition: top .3s;width: 100%;margin-bottom: 31px;line-height: 36px;}
/*sosmed kontak muter*/



@media(min-width:768px) {.pages {height: auto;width: auto;}}
@media(max-width:444px){.pages {width: 100%;height: auto;padding: 0px !important;float: left;}}
.wp-pagenavi {width: 100%;font-size: initial;padding: 5px 0;text-align: center;line-height: 45px;margin-top: 20px;margin: 0px auto 30px auto;float: left;}
.pages {color: #000;border: 1px solid #e9e9e9;background-color: #FFF;}
.current-pag {color: #333;width: auto;height: auto;margin: 0;border: 1px solid #e9e9e9;padding: 8px;margin-right: 3px;}
.current-pag {color: #FFFFFF;background-color: #000000;}
.wp-pagenavi a:hover {border: 1px solid #e9e9e9;color: #FFF;background-color: #000000;}
.wp-pagenavi a {color: #000;text-decoration: none;border: 1px solid #e9e9e9;padding: 8px;background-color: #FFF;margin: 5px 0;}

.box-content{float: left;width: 100%;margin-top: 20px;font-family: "Century Gothic";min-height: 500px;margin-bottom: 50px;}
.box-judul{text-transform: uppercase;margin-bottom: 20px;}
.box-judul-contact{text-transform: uppercase;margin-top: 20px;margin-bottom: 20px;text-align: center;border-bottom: 1px solid #eeeeee;font-family: "Century Gothic";}
.box-deskrip{float: left;width: 100%;}
.box-deskrip ul{padding: 0 0 23px 1em;}
.box-img{text-align: center;margin-bottom: 20px;float: left;width: 100%;}
.box-img img{}
.box-maps{margin-top: 20px;float: left;width: 100%;}
.capcha{margin-bottom: 3%;padding: 0 0 0 3%;}
.capcha .box-imgcapcha{float: left;width: 100px;background: #eeeeee;padding: 14px;}
.capcha .box-imgcapcha img{}
.capcha input[type=text]{width: calc(100% - 117px);padding: 16px;border: none;float: right;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #999;background-color: #eee;font-size: 14px;}
.box-button{float: left;width: 100%;margin-top: 20px;text-align: right;}
button.btn-contact{background: #171717;border: 0px;color: white;padding: 10px 15px;}











