/*
Theme Name: Yessincome
Theme URI: https://polopalsu.com/yessincome
Author: Polo Palsu
Author URI: https://polopalsu.com
Description: Bestincome, very cool & light wordpress theme with static editable front page
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Bestincome
Tags: Front page available, responsive
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Start: reset  */
.clearfix:before, .clearfix:after {content: ""; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}

.clear,span.clear,div.clear,p.clear{clear:both;margin:0px auto;padding:0px;}

*{
    box-sizing:border-box;
}

a,a:hover,abbr,acronym{text-decoration:none;}
li {margin-bottom:5px;font-size: 16px;}
blockquote{padding: 10px;font-size: 25px;text-align: center;margin: 0;}
p#slogan {text-align:center;}

/* End: reset  */

/* Main */

html,body,header,.bungkus-bar-header,.bungkus-konten1,.bungkus-konten1b,.bungkus-konten2,.bungkus-konten2b,.bungkus-konten3,.bungkus-konten4,.bungkus-konten5,footer{
    margin:0;
    padding:0;
    width:100%;
}
body{
    font-family:sans-serif;
}

/* Structure */
.wrap-all, #optimized-body{background:#fff;}

p, span.page-numbers {padding:10px 5px;}
.contentnya p {padding:10px;}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* img */
img {border: 0; height: auto; max-width: 100%; vertical-align: middle;}


/* Alignment */
.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

blockquote.alignnone,
.wp-caption.alignnone,
img.alignnone {
    clear: both;
    margin: 0.4em 1.6em 1.6em 0;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}
article.single ul.wp-block-gallery{padding:5px 10px;}
/* CSS Bareng-bareng */
.batas-konten-header,.bungkus-dalam-konversi,.wrap-konten1,.wrap-konten2,.wrap-konten2b,.wrap-konten3,.wrap-konten4,.wrap-konten5,.isi-widget-footer,.isi-penutup-footer,.isinya-konten,.bungkus-4produk,.bungkus-4produk1,.bungkus-4produk2,.bungkus-4produk3,.bungkus-4produk4 {
    max-width:1100px;
    margin:0 auto;
}

/* CSS New */
/* Konversi */
.wrap-konten-konversi{
    background:url(https://www.proyekbangunan.com/wp-content/uploads/2019/09/top-bg.webp);
	background-position:top center;
}
.wrap-konten-konversi,.wrap-konten-konversi-bangun,.wrap-konten-konversi-batu{
	background-size:cover;
    padding:20px 20px 25px;
    width: 100%;
    height: auto;
    box-sizing:border-box;
    position:relative;
    padding-bottom:30px;
}

.wrap-konten-konversi-batu{
	background:url(https://www.proyekbangunan.com/wp-content/uploads/2019/10/jasa-pasang-batu-alam-magelang-jogja-bg.webp);
    background-position:center center;
    background-size: cover;
}

.wrap-konten-konversi-bangun{
	background:url(https://www.proyekbangunan.com/wp-content/uploads/2019/10/background-jasa-bangun-rumah.webp);
	background-position:center center;
}

.bungkus-dalam-konversi{margin-bottom:50px;}

.bungkus-heading{
    margin: 0 0 40px 0;
}

.bungkus-dalam-konversi h1{
    text-align:center;
    font-size:50px;
    padding: 0;
    margin: 0;
}
article.home p.sub-headline,article.bangun p.sub-headline{
    font-size: 18px;
    text-align:center;
    margin:0;
    padding: 0;
	color:#fff;
	line-height:1.2;
}

article.bangun .wrap-konten1 p.sub-headline{color: #000;}
.bungkus-bar-header{background:#EBEBEB;}

.bungkus-konversi{
    position:relative;
}

.closing-stt {margin: 40px 0;}
article.home h2,article.home p.konten1,article.home p.konten1b,article.bangun h2{text-align:center;}
article.home p.konten1{padding:0 5px;}
article.home h2,article.bangun h2{
    font-family: impact;
    font-weight: normal;
    font-size:30px;
    margin:40px 0;
    padding: 0 5px;
}
article.bangun .opening-area h2{margin: 0 0 10px 0;}
article.bangun .opening-area p.sub-headline{color: #000;}
article.home p.konten1,article.home p.konten1b{font-size:14px;line-height:1.5;}
article.home p.konten1b{margin-bottom:40px;}
article.home .wrap-konten2b ul{margin:0;padding:0;}
article.home h3{
    font-size:20px;
}

article.home h2,article.bangun h2,article.home h3,article.bangun h3{
    color: #F05305;
}
article.home h3,article.bangun h3,article.bangun h4{margin:20px 0 10px 0;}

.produk1,.produk2,.produk3{
    width:33.3333333333333%;;
    float:left;
    padding:0 5px;
    word-wrap: break-word;
    text-align:center;
}

.dproduk{
    max-width:100%;
    margin: 0;
}

.produk1 img,.produk2 img,.produk3 img{
    max-width:100%;
    height:auto;
}
.bungkus-konten1{
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	background:#EBEBEB;
	padding-bottom:50px;
}

article.home h3.name{
    font-size:16px;
	margin:10px 0 15px 0;
    text-align: center;
    font-family: sans-serif;
}
 /* Konten 2 mulai .bungkus-konten2 */
.bungkus-konten2 {
    background:#EBEBEB;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
}
.bungkus-konten2b{
	/*background:linear-gradient(#0B0B0B, #efefef, #0B0B0B);*/
	background: #333333;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75)
}
article.home .bungkus-konten2b h2{color:#fa6114;}
article.home .bungkus-konten2b li{color:#fff;text-align:center;font-size:18px;list-style:none;}
/* konten 3 */
.konten-text{
    margin: 30px 0 40px 0;
}

/* ==========  END: CSS Tambahan  ============== */



/* Header */
header{background:#EBEBEB;}
.bungkus-konten-header{
    /* Seandainya ada margin atau padding */
    float:none;
}

/* Sisi Kiri Header */
.batas-konten-kiri{
    /* pembagian harus 100% dengan batas konten kanan */
    max-width:35%;
    float:left;
}
.bungkus-konten-kiri{
    max-width:100%;
    float:none;
    overflow:hidden;
}

.tempat-logo{
    /* pembagian harus 100% dengan tempat-nama-web */
    max-width:20%;
    float:left;
}
.tempat-nama-web{
    /* pembagian harus 100% dengan tempat-logo */
    max-width:80%;
    float:left;
}
.isine-logo{
    max-width:100%;
    text-align:center;
    padding: 3px 0 0 0;
}
.isine-logo img{
    width:60px;
    height:auto;
    border-radius: 5px;
}

.isine-nama-web{
    max-width:100%;
    margin: 5px 0 0 0;
    padding:0 0 0 10px;
    color:#f05305;
    font-size:25px;
    font-family: Impact;
    line-height:50px;
}



/* navigasi header */
#nav-check {
  display: none;
}

/*.menu*/
/* Sisi Kanan Header */
.batas-konten-menu{
    /* pembagian harus 100% dengan batas konten kiri */
    max-width:50%;
    float:right;
}
.bungkus-konten-menu{
    max-width:100%;
}
.tempat-menu{
    /* Misal nanti ada padding */
}

.primary-menu {margin:0 auto; padding:5px 0;max-width:100%;position:relative;}
ul.primary-menu li.menu-item{position:relative;}

.nav-links ul{
    text-align:right;
}
.nav-links ul li{
    display:inline;
}
.nav-links ul li a{
    color:#f05305;
    font-size:14px;
    margin: 3px 0 0 0;
    padding:5px;
    line-height:20px;
    cursor:pointer;
    display:inline-block;
}
.nav-links ul li a:hover,.nav-links ul li a:active{background:#b0b0b0;}
.nav-links ul li a:visited {color:#000;}
.nav-links a {border-radius:5px;}

/* Sub Menu */
.nav-links ul li ul,.nav-links ul li ul li {margin:0;}
.nav-links ul li ul li{display:block;text-align:left;}
.nav-links ul li ul li a{color:#f05305;display:block;position:relative;padding:10px;background:#EBEBEB;}
.nav-links ul li ul li a:hover{background:#b0b0b0;}
.sub-menu {
    display:none;
    z-index:999999;
    position:absolute;
	left:0;
	width:200px;
	margin:0;
	padding:0;
}

.nav-links ul li:hover .sub-menu{display:block;}

/* Nav Mobile */
label.hamburger {text-decoration: none;
    color:#f05305;
    text-align: right;
    font-size:18px;
    font-weight:bold;
    display:none;
    margin:20px 10px;
    }
.itu{font-weight:bold;}


/* Search Form */
.batas-konten-search{
    max-width:15%;
    float:right;
    padding: 0 0 0 10px;
}

.tempat-search{
    max-width:100%;
}
.isine-search{
    /* seandainya nanti ada margin atau padding atau line-height */
    line-height:45px;
    padding: 0 5px 10px 0;
    color:#f05305;
    position: relative;
	z-index:999;
}
label.searchput{

}
input#kotak-search{
    display:none;
}

input#kotak-search:checked ~ div.hd-search{
    display:block;
}

div.hd-search {
    position:absolute;
    width:300px;
    display: none;
    bottom:-32px;
    right:10px;
}

.label-search, div.hd-search label{
    display:none;
    visibility:hidden;

}

div.hd-search #searchsubmit {
    background-color:#F05305;
    color:#fff;
    padding: 5px 14px;
    border:none;
    vertical-align:top;
    width:100%;
	border-radius:5px;
}

div.hd-search #s {
    vertical-align:top;
    padding:3px;
    background:#F9F9F9;
    width:100%;
    color:#CCCCCC;
}

.wrap-search {max-width:100%; margin:0; padding:0;float: none;overflow: hidden;margin-top: 20px;padding-top: 10px;}
.kotak-search {width:80%;float:left;padding-right: 5px;}
.klik-cari {width:20%;float: left;padding-left: 5px;}

/* Post Info */
p.post-info {font-size:12px; margin: 0 0 15px; padding: 2px 10px;}
p.post-info a {color:#000;}
p.post-info a:hover {color:#CD9936;}



/* Article Home */
.produk-satu h3,.produk-dua h3,.produk-tiga h3,.produk-satu h3 a,.produk-dua h3 a,.produk-tiga h3 a, .produk-tengah h3, .produk-tengah h3 a{color:#000; text-align:left; padding:15px 5px 5px 7px; margin:0; font-family:sans-serif;font-weight:normal;border-bottom:2px solid #692CCC;}
article.home h1,article.bangun h1{
    text-align:center;
    font-size:40px;
    padding: 0;
    margin: 0;
	color:#fff;
	margin:50px 0;
}
article.home h1 a{color:#734E3B;}
article.home h1 a:hover, .produk-satu h3 a:hover,.produk-dua h3 a:hover,.produk-tiga h3 a:hover, .produk-tengah h3 a:hover {color:#FFFFCC;}
article.home h3.pesan-nih {background:#00FF00;font-size:24px;}
article.home p{padding:0; margin:10px 0; text-align:justify;font-size: 16px;line-height:1.5;}
article.home p.produk-info{
    margin: 3px 0 5px;
    text-align:center;
}
article.home p.produke{text-align:center;}
article.home p.selling-words{font-size:20px;color:yellow;text-align:left;margin-bottom:10px;}
div.pesan {text-align:center;line-height:2;margin:20px;}
div.pesan a{background:#163C42;border:1px solid #fff;border-radius:10px; padding:10px 20px;color:#fff;}
div.pesan a:hover{background:#296e70;}
.wrap-foto-tabel{padding-bottom:10px;}
.opening{float:right; overflow:hidden;padding:10px;max-width:715px;}
div.opening h2{text-align:left;background:none;color:yellow;padding:0 5px 5px 7px; font-size:30px;margin:0 0 5px 0;}
div.our{
    max-width:100%;
}

div.our p{
    text-transform: uppercase;
    font-size:24px;
    text-align:center;
    padding:0 0 5px 0;
    margin: 15px 0 10px 0;
    color:#32312B;
}
.service1,.service2,.service3,.service3{
    max-width:100%;
}

.foto-service1,.foto-service2,.foto-service3,.foto-service4{
    max-width: 30%;
}

.deskripsi-service1,.deskripsi-service2,.deskripsi-service3,.deskripsi-service4{
    max-width: 70%;
    padding: 0 0 0 10px;
}

.deskripsi-service2,.deskripsi-service4{
    padding: 0 10px 0 0;
}

.bungkus-4produk1,.bungkus-4produk2,.bungkus-4produk3,.bungkus-4produk4{
    margin: 0 0 30px 0;
    padding: 20px;
}

.bungkus-4produk2,.bungkus-4produk1,.bungkus-4produk3,.bungkus-4produk4{
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.foto-service1,.deskripsi-service1,.foto-service2,.deskripsi-service2,.foto-service3,.deskripsi-service3,.foto-service4,.deskripsi-service4{
    float: left;
}

article.home h3.service-name-right,article.home h3.service-name-left,article.home .cto-produk p.call-service{
    text-align: left;
}
article.home p.service-desc-right,article.home p.service-desc-left{
    text-align: justify;
    font-size: 12px;
    line-height:1.4;
}

article.home h3.service-name-right,article.home h3.service-name-left{
    margin:0 0 15px 0;
    font-size: 18px;
}

.cto-produk-service{
    margin: 10px 0 0 0;
}

.renov1, .renov2,.renov3,.renov4{
    max-width:25%;
    float:left;
}

.konten-renov{
    padding: 0 5px;
}
.detail-service{
    margin: 0 0 10px 0;
}

.detail-layanan{
    margin: 10px 0;
}

/* OP foto */
.op-foto {max-width:250px;float:left;padding:0 10px;text-align:center;}
.op-foto img {max-width:100%; border-radius:25px;text-align:center;}

/* CTO TOP
.cto-top{margin-top:15px;}
.cto-top a{padding:10px 30px;background:#173F40;border:1px solid #00FF00;border-radius:10px;}
.cto-top a:hover {color:#FFFF00;border:1px solid #FFFF00;}     */

/* CTO 1 */
.cto1,.cto2{ background:#339966;width:100%;text-align:center;margin-bottom:20px;}
.ket-kiri, .ket-kanan {width: 48%;max-width:48%;}
.ket-kiri{float:left;padding:10px 0;}
.ket-kanan {float:right;padding: 16px;text-align:center;line-height:40px;}
.ket-kanan a{padding:10px 30px;background:#173F40;border:1px solid #00FF00;border-radius:10px;}
.ket-kanan a:hover {color:#FFFF00;border:1px solid #FFFF00;}
.info-pesan, .info-nomor {max-width:100%; text-align:left;margin:0 0 0 138px;}
.info-pesan,.info-nomor a, .cto2-nomor a, .cto2-pesan{color:#FFFF00;}
.info-nomor, .cto2-nomor,.ket-kanan a/*,.cto-top a {color:#00FF00;}*/
.info-pesan, .cto2-pesan{font-size:24px;}
.info-nomor, .cto2-nomor {font-size:20px;}
.info-nomor a, .cto2-nomor a{font-weight:bold;}

/* CTO 2 */
.ket-cto2, /*.cto-top {max-width:100%;width:100%;padding:10px 0;}*/
.cto2-pesan,.cto2-nomor{text-align:center;}

/* Article Single */
article.single h1, article.single h1 a, article.single h3, article.single h3 a, article.single h2, article.single h2 a{color:#F05305; font-size:150%; margin:0; padding:10px;font-weight:normal;}
article.single h1{font-size: 40px;border-bottom: 1px dotted #F05305;margin-bottom: 20px;font-weight: bold;}
article.single h1 a:hover, article.arsip h3 a:hover, article.single h3 a:hover, article.single h2 a:hover {color:#FFFFCC;}
article.single h2 {font-size:150%;}
article.single h3 {font-size:130%; margin-top: 10px;}
article.single h2,article.single h3, article.single h4, article.single h5, article.single h6{background:none; color:#F05305;}
article.single p {padding:5px 10px; margin:0;font-size:16px;line-height:1.4;}
article.single p.post-info{
    font-size:12px;
    line-height: 1;
    padding: 2px 10px;
}
.info-postnya{
    margin: 40px 0;
}

article.single {border-bottom:1px dotted #663300;margin-bottom:25px; font-size:15px;}
article.single:last-of-type{border-bottom:none;}

/* Post Thumbnail */
div.post-thumbnail{
    margin:20px 10px;
}
div.post-thumbnail img{width:100%;object-fit: cover;height:600px;object-position:top;}

/* Table */
/*.foto-spiku{width:35%;float:left;}
.foto-spiku img {margin-top:15px;}
.tabel-kanan{width:63%;background-size:cover;float:right}
table.responsive{ width:100%;max-width:100%;border-collapse: separate;border-spacing: 0;}
table.responsive, table.responsive th, table.responsive td, table.responsive tr {padding:5px; text-align: left;color:#FFFFFF;}
table.responsive th {background:#ECC47A;color:#734E3B;}
table.responsive td {margin-right:10px;font-size:14px;}
table.responsive a {text-decoration:none; color:#FFFFFF; margin-left:5px;}
table.responsive a:hover{color:#FF9900;}*/

/* bungkus-produk */
.bungkus-produk,.bungkus-info-produk {max-width:1004px;margin:0 auto;padding:0 0 20px 0; float:none;overflow:hidden;position:relative;}
.bungkus-produk-dalem {text-align:center;}
.bungkus-kontak {padding:10px;margin:10px 0 20px 0;}
.produk,.produk-satu,.produk-dua,.produk-tiga{max-width:300px;float:left;margin:0 5px; position:relative;}
.produk-foto {max-width:628px; float:left; position:relative;}
.produk-post{min-width:314px;float:left;margin:0 10px; position:relative;}
div.produk-title,div.produke,div.detail-produk{max-width:100%;text-align:center;}
div.spesifikasi-produk p{line-height:1.5;padding: 5px 3px 2px 10px; text-align:left;}
div.produk-title p{color:#32312B; font-size:18px;text-align:center;}

div.produke img{max-width:95%;text-align:center;}

div.detail-produk {margin:2px 0;color:#00FFFF;}
div.spesifikasi-produk, div.ket-harga{line-height:0;}
div.spesifikasi-produk{margin-bottom:25px;}
div.ket-harga{margin-top:20px;}
.produk-tengah{max-width:311px;float:left;margin:0 10px; position:relative;}
div.produk-tengah p{margin:10px 0 5px;padding:0;}
div.produk img, div.produk-tengah img{margin:5px 0; padding:2px;display:inline-block;}
p.price-note{color:#00FFFF;font-size:12px;font-style:italic;}
div.p-note p{padding:0 10px 10px;}

/* Kontak Utama */
.kontak-utama, .kontak-lain{background:#2A1959;}
.kontak-utama {max-width:380px;float:left;margin:0;}
.kontak-utama, div.title-kontak, div.title-kontak p, div.logo-me, div.call-me p, div.address-me p.long-address, div.reason p{text-align:center;}
div.title-kontak, div.reason{padding:7px;}
div.title-kontak p, div.reason p{font-size:22px; color:#FFFFFF;}
div.logo-me,.alamat,.detail-reason {max-width:90%;width:90%;background:#CCCCFF;}
div.logo-me, .detail-reason, .alamat {display:inline-block;}
div.logo-me img{max-width:30%;padding:20px; border-radius:5px;border-radius:40px;}
.alamat {margin:20px 0;}
div.call-me{margin-bottom:5px;}
div.call-me p {padding:10px 0 5px; font-size:24px; font-weight:bolder;}
div.address-me{margin-top:15px;}
div.address-me p.al{line-height:0;text-align:center;font-size:18px;font-weight:bold;}
div.address-me p.long-address{line-height:1.2;font-size:15px;}

/* Kontak Lain */
.kontak-lain {max-width:570px; width:570px;float:right;margin:0 10px 0 0;}
.kontak-lain li {list-style: decimal;}
.detail-reason{margin:0 28px 24px;}


/* Tutupan
.wehweh {max-width:1004px;margin:20px;padding:0;background:#2A1959;} */
div.penutup h3 {font-size:28px;}

.nusol {background:#2A1959; margin:20px 10px;padding:20px;}
div.closing {line-height:12px;margin:30px; padding: 0 0 10px 0;}
div.closing p {text-align:center;color:#FFFF00;font-size:26px;line-height:1;}
span.teges {color:#00FF00;}

.klik-pesan {text-align:center;padding:10px 0 40px 0;}
.klik-pesan a{background: #CCCCFF;border: none;padding: 18px;border-radius: 10px;color: #2A1959;font-size: 18px;font-weight: bold;display:inline-block;}
.klik-pesan a:hover {background:#00CCCC}
/* Footer */
.site-footer{background:#F05305; margin:0; padding:0;}

/* Archive */
article.arsip h3, article.arsip h3 a, h2, h3.comment-reply-title, .titlenya h2{color:#663300;}
article.arsip h3, h3.comment-reply-title  {margin:10px; font-weight:normal;}
h2, .titlenya h2 {text-align:left;}
article.home h2.summary-produk{
    margin: 20px 0 10px;
    font-size:24px;
    color:#000;
    text-align:center;
    border:none;
}


/* Comment */
h3.comment-reply-title, #comments-title {margin-top:40px;margin-bottom:5px;}
p.comment-notes{padding:0 10px;margin:0;}
.comment-metadata{margin:5px 0;}
#comments-title {margin-left:10px;}
div.comment-metadata a, div.reply a, .logged-in-as, .logged-in-as a {font-size:14px; color:#846222;}


/* Kolom Kanan */
.kolom-konten {max-width:80%; width:80%; float:left; border-right:1px dotted #663300;overflow:hidden;}

/* Kolom sidebar */
.kolom-sidebar {max-width:20%; float: left; padding:10px 0 0 20px;}

/* Sidebar */
div.kolom-sidebar h4 {margin:25px 0 5px 0;}
div.kolom-sidebar h4, div.kolom-sidebar ul li, div.kolom-sidebar ul li a {color: #333333;}
div.kolom-sidebar ul {margin:0 0 0 5px;padding:0;}
div.kolom-sidebar ul li {list-style:circle; margin-left:5px;font-size:12px;}

/* Widgets */
.textwidget p{margin:0;padding:0;color:#FFFFCC;font-size:13px;}
.textwidget a{color:#FFFFCC;}.textwidget a:hover{color:#F1F1F1;}

/* Footer Widgets Area */
.footer-widget-area{
    max-width:25%;
    width:25%;
    float:left;
    padding-right:40px;
    box-sizing: border-box;
}
div.footer-widget-area h4{color:#ECC47A; margin-bottom:5px;}
div.footer-widget-area ul {margin:0;padding:0;}
div.footer-widget-area ul li {margin:0;padding:0; font-size:15px; color:#FFFFCC;list-style:none;}
div.footer-widget-area ul li a, div.copyright p {color:#FFFFCC;font-size:13px;}

/* widget-footer-container */
.konten-footer{
    background:#242D38;
}

div.widget-footer-container {margin:0 0 10px;padding:10px 0 20px;}

/* copyright */
div.copyright{text-align:center; margin-top:25px;max-width:100%;}
div.copyright p{font-size:16px;color:#000;}
div.copyright a {color:#CCCCFF;}
div.copyright a:hover {color:#00CCCC;}

/* article-blog */
article.blog h3, article.blog h3 a {font-size:120%; margin:10px 5px 0 0;}
article.blog p {margin: 0 10px 0 0;}
article.blog {margin-bottom: 15px;}
article.blog p.post-info {margin-bottom:15px;}

/* Aside Styles */
article.post-aside,
article.post-link {
    font-size: 125%;
    background-color:#FFF5CB;
    padding:20px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0, .1);
    margin:20px 0;
}

.mini-meta {
    font-size:68%;
    margin:0;
    color:#777;
}

/* Link Post Format Styles */
article.post-link {
    padding:0;
    background-color:#E0EBFF;
}

article.post-link a {
    display:block;
    padding:20px;
}

/* Post Format Gallery */
article.post-gallery {
    background-color:#222;
    color:#FFF;
    padding:20px;
}

article.post-gallery img{
    border:none !important;
}

article.post-gallery h2 {
    text-align:center;
}

/* caption */
figcaption.wp-caption-text {color:#FFFFCC;background: #846222;text-align: center;margin: 0px;font-size: 14px;padding: 5px;}

/* bronis */
h3#bronis, h3#legit {margin-bottom:20px;}

/* WA Button */
.wa-kontak{
    max-width: 20%;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 5%;
}

.wa-kontak a{
    color: #fff;
    font-weight: bold;
}

.call-kb{
    margin: 10px 0 0 0;
    background: #32B021;
    padding: 10px;
    border-radius: 5px;
} 

/* Floating Whatsapp */
.wa-animate{position:fixed;right:10px;bottom:5%;}
span.the-wa-text,span.whatsapp-logo,input#wa-text,label.text-for-wa{float:left;}
input#wa-text{display:none;}
label.text-for-wa{cursor:pointer;padding:5px 15px;font-size:14px;color:#fff;line-height:1.75;background:rgba(63,224,52,0.9);border-radius:20px;text-align:center;}
span.whatsapp-logo{max-width:25px;margin-left:5px;}
.bungkus-title-wa{background:rgba(63,224,52,0.9);padding:20px 0;}
.description-wa-company,.description-wa-company p.centerkan{text-align:center;}
.description-wa-company{padding:0 10px;}
.description-wa-company p.centerkan{font-size:14px;color:#fff;margin:5px 0;}
.image-wa-company{max-width:100%;text-align:center;}
.image-wa-company img,.img-profile img{max-width:15%;border-radius:50%;border:1px solid #000;}
.bungkus-list-admin{background:#fff;float:none;overflow:hidden;}
.list-content-admin,.list-content-admin-dua,.list-content-admin-tiga{padding:10px;border-bottom:1px solid #CDCDCD;}
.img-profile img,.img-profile-dua img,.img-profile-tiga img{border:none;max-width:70%;}
.img-profile,.detail-status-admin,.wa-admin-status,.status-sign,.img-profile-dua,.detail-status-admin-dua,.wa-admin-status-dua,.status-sign-dua,.img-profile-tiga,.detail-status-admin-tiga,.wa-admin-status-tiga,.status-sign-tiga{float:left;}
.img-profile,.img-profile-dua,.img-profile-tiga{max-width:25%;}
.detail-status-admin,.detail-status-admin-dua,.detail-status-admin-tiga{max-width:75%;}
.detail-status-admin p.admin-name,.detail-status-admin-dua p.admin-name-dua,.detail-status-admin-tiga p.admin-name-tiga{font-size:16px;font-weight:bold;}
.detail-status-admin p.admin-company-role,.admin-status p.onoff,.detail-status-admin-dua p.admin-company-role-dua,.admin-status-dua p.onoff-dua,.detail-status-admin-tiga p.admin-company-role-tiga,.admin-status-tiga p.onoff-tiga{font-size:12px;}
.detail-status-admin p.admin-company-role,.admin-status p.onoff,.detail-status-admin p.admin-name,.detail-status-admin-dua p.admin-company-role-dua,.admin-status-dua p.onoff-dua,.detail-status-admin-dua p.admin-name-dua,.detail-status-admin-tiga p.admin-company-role-tiga,.admin-status-tiga p.onoff-tiga,.detail-status-admin-tiga p.admin-name-tiga{margin:0;}
.admin-status,.admin-status-dua,.admin-status-tiga{float:none;overflow:hidden;position:relative;}
.wa-admin-status,.wa-admin-status-dua,.wa-admin-status-tiga{margin-right:5px;}
.status-sign,.status-sign-dua,.status-sign-tiga{width:8px;height:8px;background:#52E348;border-radius:50%;margin-top:5px;}
a.lets-contact:hover,a.lets-contact-dua:hover,a.lets-contact-tiga:hover{cursor:pointer;background:#EBEBEB;}
a.lets-contact{display:block;color:#000;}
.wrap-wa{position:fixed;bottom:0;right:20px;}
.the-wa-box{max-width:345px;position:fixed;right:10px;bottom:-100%;overflow-y:auto;border-radius:10px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);transition:bottom 250ms ease-out;}
#wa-text:checked + .the-wa-box{bottom:14%;}
/* Jika Ada tinggal di hapus saja & copy-paste ke a.lets-contact{display:block;color:#000;} untuk merubah display nya*/
a.lets-contact-dua,a.lets-contact-tiga{display:none;visibility:hidden;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/* START: MEDIA TAMBAHAN */
@media (max-width:768px){

    .emailnya, .kontaknya,.cto-top,.title-desc,.navigasi,.emailnya-apa,.nomor-kontak,.display-produk,.display-produk-bawah,.kotak-kiri,.kotak-kanan,.kotak-kiri-bawah,.kotak-kanan-bawah,.foto-service1,.foto-service2,.foto-service3,.foto-service4,.deskripsi-service1,.deskripsi-service2,.deskripsi-service3,.deskripsi-service4{
        float:none;
        text-align:center;
        max-width:100%;
        margin:0;
        padding:0;
    }

    article.home h3.service-name-right, article.home h3.service-name-left,article.home .cto-produk-service p{
        text-align: center;
        margin: 15px 0 0 0;
    }

    .kotak-kiri{
        margin-bottom: 20px;
    }

    .display-produk{
        margin:10px 0;
    }

    .cto-top a{
        padding:20px 0;
    }

    .info-kontak{
        line-height:1.5;
    }

    span.searchnya{
         display:none;
     }

     label.searchput img{
         margin-bottom:12px;
     }

     .isine-search{
         padding: 10px 15px 10px 0;
     }

    .kotak1,.kotak2,.kotak3{max-width:100%;float:none; margin-bottom:20px;}
    .kotak1,article.home p.box2{text-align:center;}

    .wrap-konten-konversi{
        -webkit-clip-path: polygon(0 0, 0 95%, 50% 100%, 100% 95%, 100% 0);
        clip-path: polygon(0 0, 0 95%, 50% 100%, 100% 95%, 100% 0);
    }

    .bungkus-konversi,.kotak3,.konten-renov{
        display:flex;
        flex-flow:column;
    }
    .kotak1{
        order:3;
    }
    .kotak2,.deskripsi-service1,.deskripsi-service2,.deskripsi-service3,.deskripsi-service4{
        order:2;
    }
    .kotak3,.foto-service1,.foto-service2,.foto-service3,.foto-service4{
        order:1;
    }
    article.home p.box2{
        order:1;
    }
    .cto{
        order:2;
        margin:15px 0 0 0;
    }
    article.home p.cto-atau{
        order:4;
        margin:10px 0 0 0;
    }
    article.home p.cto-number{
        order:5;
    }

    article.home p.inbox3{
        order:3;
    }
    /*article.home p.noted{
        order:3;
    } */
    article.home h1{
        font-size:40px;
    }
    article.home p.sub-headline{
        font-size: 30px;
    }
    article.home p.for-take-action, article.home p.for-take-action-bro{
        font-size: 18px;
    }
    .closing-stt{
        margin: 10px 0 40px 0;
    }
	
	article.bangun h2{animation-duration:1s;animation-iteration-count:1;animation-delay:5s;}

    /* Konten 2 dan tiga */
    .produk1,.produk2,.produk3,.dua-foto,.konten-gallery1,.foto-kiri,.text-kanan,.foto-kanan,.text-kiri,.renov1,.renov2,.renov3,.renov4{max-width:100%;float:none; margin-bottom:40px;}
    .produk1,.produk2,.produk3,.dua-foto,.foto-kiri,.foto-kanan,.renov1,.renov2,.renov3,.renov4{text-align:center;}
    .produk1,.produk2,.produk3,.dua-foto{
        width:100%;
    }
    .dua-foto,.produk1,.produk2,.produk3{
        margin:0;
    }

    /* Konten 3 */
    .wrap-konten3,.wrap-konten2{
        padding: 0 10px;
    }

    /* konten 4 */
    .text-kanan,.text-kiri{
        margin:0;
    }

    .call-kb{
        display: none;
    }
}

@media screen and (max-width:475px){
    .isine-nama-web{
        font-size: 20px;
        margin: 5px 0 0 5px;
    }
    div.hd-search{
        width:200px;
    }

    .tempat-logo{
        display: none;
    }

}

@media screen and (max-width:420px){
    article.home h1,article.bangun h1{
        font-size:30px;
    }

    article.home p.sub-headline,article.bangun p.sub-headline{
        font-size:16px;
    }

    article.home p.box2{
        display: none;
    }

    article.home p.inbox3{
        text-align: center;
    }

}

/* END: MEDIA Tambahan */

@media screen and (max-width:910px){
   .nav-links ul li a{
       display:none;
   }
  .batas-konten-kiri{
       max-width:75%;
   }
   .batas-konten-kanan{
       max-width:25%;
   }

}

@media screen and (max-width:900px) {

    label.hamburger{display: block;text-align:center;border-radius:5px;}

  .nav-links {
    display:none;
  }

  .sub-menu,.nav-links ul li ul li {display:none;}
  .sub-menu{position:relative;}	
  .nav-links ul li a {
    display: block;
    width: 100%;
    text-align:left;
  }

  .primary-menu {margin-right:10px;}
  .nav-links ul li ul {padding-right:45px;}

  #nav-check:checked + .nav-links{display:block;position:relative;} .sub-menu{display:block;}

  /* PR Remove Hover Effect atau Lanjutkan Belajar Walker */
  .nav-links ul li:hover .sub-menu {left:0;display:block;position:relative;} .nav-links ul li ul li {display:block;}


    .footer-widget-area {max-width:100%;float:none;width:100%;text-align:center; border-bottom:1px solid #ECC47A;padding-bottom:15px;}
    /*.foto-spiku, .tabel-kanan {width:100%; float:none;}
    table.responsive a {margin-left:0;}
    table.responsive, table.responsive th, table.responsive td, table.responsive tr {text-align:center;}*/
    .nav-container,.judule,.op-foto,.opening{float:none;max-width:100%;text-align:center;}
    article.home p.selling-words,div.opening h2{text-align:center;}
    .judule {font-size:24px;}
    .top-address,.kontak{display:none; visibility:hidden;}

    .kotak-search{width:100%;float:none;}
    /*.klik-cari{margin-top:10px;}*/
    .klik-cari  {display:none;}

    .wrap-search {text-align:center;}

    .ket-kiri, .ket-kanan{max-width:100%; float:none;width: 100%}
    .info-pesan, .info-nomor {text-align:center;margin:0;}

    .sangkar-logo-menu-dalam{
        width: 100%;
    }



}

@media screen and (max-width:1070px) {

    .bungkus-info-produk{display:flex;flex-flow:column;}
    .produk-satu{order:3;}
    .produk-dua{order:2;}
    .produk-tiga{order:1;}

    .produk, .produk-tengah,.produk-satu,.produk-dua,.produk-tiga {max-width:96.7%;float:none; text-align:center; margin:10px;}
    .kontak-utama, .kontak-lain {float:none; max-width:100%;margin-bottom:10px; text-align:center;width:100%;}
    .bungkus-kontak{padding:10px;}
    div.kontak-lain p, div.spesifikasi-produk p, div.ket-harga p{text-align:center;}
    div.produk img, div.produk-tengah img{display:inline;float:none;}
    .kolom-konten, .kolom-sidebar{max-width:100%;float:none;width: 100%;}
    .kolom-konten {border:none;}
    .kolom-sidebar{margin-top:35px; border-top:1px solid #663300;padding-top:20px;}
}