@charset "utf-8";@viewport{zoom:1.0;width:device-width;}
@-ms-viewport{width:device-width;zoom:1.0;}
*{margin:0;padding:0;box-sizing:border-box;}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url("font/fontawesome-webfont.eot");src:url("font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("font/fontawesome-webfont.woff2") format("woff2"), url("font/fontawesome-webfont.woff") format("woff"), url("font/fontawesome-webfont.ttf")format("truetype"), url("font/fontawesome-webfont.svg#fontawesome") format("svg");}
body{font-family:Arial, Helvetica, sans-serif;height:100%;}
a{text-decoration:none;color:#000;}
li{list-style:disc;margin:0 0 0 20px;}
textarea{resize:none;overflow:scroll;}
.container{width:100%;}
.header{width:100%;margin:auto;}
.body{width:100%;margin:auto;}
.footer{width:100%;margin:auto;}
.header-atas{width:100%;padding:5px;font-size:2.7vw;background:#d1292e;color:#FFF;}
.header-atas a{color:#fff;}
.header-bawah{position:relative;}
.tempat-menu{position:absolute;width:50%;top:20%;right:20px;overflow:hidden;text-align:right;}
.menu{width:18%;float:left;padding:1.7%;color:#fff;font-size:0.8vw;font-weight:bolder;text-align:center;margin:0 2px;background:#d1292e;border:#f00 solid 1px;}
.tempat-menu a{color:#fff;}
.menu:hover{background:#F00;}
.bull{font-size:5vw;}
.footer-bawah{width:100%;padding:5px;font-size:3vw;background:#900;color:#FFF;overflow:hidden;}
.cpkiri{float:left;width:100%;text-align:center;padding:5px;}
.cpkanan{float:right;width:100%;text-align:center;padding:5px;}
.counter{width:18vw}
.footer-atas{width:100%;border-top:#000 solid 1px;margin:auto;overflow:hidden;}
.isi-footer-kiri{width:100%;float:left;padding:2px;}
.isi-footer-tengah{width:100%;float:left;padding:10px;}
.isi-footer-kanan{width:100%;float:left;padding:2px 110px;}
.row{width:100%;overflow:hidden;}
.col-1-2{width:100%;float:left;padding:5px 0px;}
.col-1-4{width:25%;float:left;}
.col-1{width:100%;text-align:center;}
.isi-body{width:100%;}
.isi-body-detail{width:95%;margin:auto;}
.isi-body-detail1{width:60%;margin:auto;}
.alamat{font-size:3vw;}
.judul-alamat{font-size:3.5vw;font-weight:bold;}
.judul-alamat1{font-size:3vw;font-weight:bold;}
.judul-alamat2{font-size:0vw;font-weight:bold;}
.abu2{background:#eee;}
.tempat-tombol{padding:2px;}
.tombol{padding:10px;border-radius:5px;}
.tombol-order{font-size:5vw;}
.tombol-baca{font-size:3vw;font-weight:bold;}
.pc{display:none;}
.mob{display:block;}
.whatsapp:before{font-family:'FontAwesome';content:"\f232";}
.email:before{font-family:'FontAwesome';content:"\f003";}
.search:before{font-family:'FontAwesome';content:"\f002";}
#searchbox {width:20%;visibility:hidden;position:absolute;top:4%;right:10%;border:#000 1px solid;background:#CCC;padding:5px;}
#searchbox.active {visibility:visible;}
#searchbox2 {width:100%;}
.search-input {float:left;width:70%;}
.search-button {float:left;width:30%;}
.search-text {width:95%;padding:3px;}
.tombol-search {width:85%;padding:1px;}
.clock:before{font-family:'FontAwesome';content:"\f017";}
.jssora056{display:block;position:absolute;cursor:pointer;}
.jssora056 .a{fill:none;stroke:#000;stroke-width:960;stroke-miterlimit:10;}
.jssora056:hover{opacity:.8;}
.jssora056.jssora056dn{opacity:.5;}
.jssora056.jssora056ds{opacity:.3;pointer-events:none;}
.jssora112{display:block;position:absolute;cursor:pointer;}
.jssora112 .a{fill:#333;fill-opacity:.7;stroke:#fff;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora112:hover{opacity:.8;}
.jssora112.jssora112dn{opacity:.4;}
.jssora112.jssora112ds{opacity:.3;pointer-events:none;}
.jssorb108{position:absolute;}
.jssorb108 .i{position:absolute;cursor:pointer;}
.jssorb108 .i .b{fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
.jssorb108 .i:hover .b{fill:#fff;fill-opacity:1;stroke:#2b1908;stroke-opacity:.5;stroke-width:2000;}
.jssorb108 .iav .b{fill:#fff;fill-opacity:1;stroke:#ffaa00;stroke-opacity:1;stroke-width:2000;}
.jssorb108 .i.idn{opacity:.3;}
.isi-layanan{width:33.33%;padding:10px;float:left;}
.isi-layanan-1{width:100%;padding:2px;}
.red-border{border:#900 solid 1px;}
.berita1{width:100%;padding:5px;}
.berita2{width:100%;padding:5px;}
.disflex{display:block;}
.disflex1{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex2{flex:2;}
.flexcol{flex-direction:column;}
.judul-artikel{font-size:3.5vw;font-weight:bold;}
.sub-artikel{font-size:3vw;}
.flexrow{flex-direction:row;}
.flex1{flex:1;}
.tempat-text1 a, .tempat-text2 a{color:#000;}
.tempat-gambar1{width:20%;height:60px;overflow:hidden;float:left;}
.tempat-text1{width:80%;padding:5px;font-size:1vw;text-align:left;float:left;}
.tempat-gambar2{width:20%;overflow:hidden;float:left;height:60px;}
.tempat-text2{width:80%;padding:5px;font-size:1vw;text-align:left;float:left;}
.container-btn{width:100%;height:25px;position:relative;-webkit-transform:translate(0px, 0px);-moz-transform:translate(0px, 0px);-o-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);-webkit-transition:0.30s ease;-moz-transition:0.30s ease;-o-transition:0.30s ease;transition:0.30s ease;}
.btn{width:20px;position:absolute;right:0px;top:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;text-decoration:none;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:100%;}
.btn:before{font-family:'FontAwesome';content:"\f0c9";}
.menu-mob{position:fixed;width:50%;right:-50%;top:0px;z-index:100;height:100%;background:#dddddd;}
.menu-mob a{color:#000;}
.menu-mob.active{-webkit-transform:translate(-100%, 0px);-moz-transform:translate(-100%, 0px);-o-transform:translate(-100%, 0px);-ms-transform:translate(-100%, 0px);transform:translate(-100%, 0px);}
.menu-ver{width:100%;margin:auto;padding:5px 10px;font-weight:bold;}
.xmenu:before{font-family:'FontAwesome';content:"\f00d";font-size:15px;padding:10px 5px;color:#fff;}
.xclose:before{font-family:'FontAwesome';content:"\f00d";font-size:15px;padding:10px 5px;color:#fff;}
.isi-menu-mob{height:100%;width:100%;color:#000;position:relative;text-align:right;}
.keterangan{position:absolute;bottom:25px;width:95%;border-top:#F00 solid 1px;margin:auto;left:5px;}
.isi-keterangan{padding:5px;width:100%;font-size:2.5vw;text-align:left;font-weight:bold;}
.tgl{font-size:2.7vw;color:#900;}
.gambar-artikel{width:90%;margin:auto;}
.isi-artikel{font-size:3vw;}
.tgl-artikel{font-size:2.7vw;color:#999;font-weight:bold;}
.isi-artikel a, .link{font-size:2.5vw;color:#900;}
.link {font-weight:bold;};
.layanan{font-size:2.5vw;font-weight:bold;text-align:center;padding:5px;}
.tombol-order{width:90%;margin:auto;}
.isi-body-detail a{color:#000;}
.col-35{width:100%;float:left;padding:5px;}
.col-65{width:100%;float:left;padding:5px;}
.col-50{width:100%;float:left;padding:5px;}
.col-100{width:100%;float:left;padding:5px;}
.contact, .tentang{width:100%;margin:auto;}
.form-contact{width:100%;margin:auto;padding:20px;background:#eee;}
.text75{width:100%;padding:5px;}
.text100{width:100%;padding:5px;}
.col-30{width:100%;float:left;padding:5px;}
.col-70{width:100%;float:left;padding:5px;}
.col-kategori{width:100%;padding:5px;border:#999 solid 1px;}
.col-kategori.active{background:#666;}
.col-kategori:hover{background:#999;}
.col-33{width:50%;float:left;padding:5px;z-index:1;}
.col-product{width:100%;overflow:hidden;background:#eee;border-radius:5px;}
.gambar-produk{width:100%;height:100px;overflow:hidden;}
.judul-produk{font-size:3vw;font-weight:bold;width:100%;}
.gambar-tombol{width:10%;}
#menu{margin:0px;padding:0px;list-style:none;}
#menu:before, #menu:after{content:"";display:block;}
#menu:after{clear:both;}
#menu li{float:left;position:relative;list-style:none;margin:auto;width:33.33%;}
#menu li ul li{float:left;position:relative;list-style:none;margin:auto;width:100%;background:#FFF;border:#999 solid 1px;}
#menu a{float:left;padding:10px 10px;color:#000;text-decoration:none;text-transform:uppercase;font:bold 0.85vw Arial, Helvetica;font-size:3.5vw;}
#menu ul{margin-top:20px;opacity:0;visibility:hidden;position:absolute;top:100%;z-index:1000;box-shadow:0px -1px 0px rgba(255, 255, 255, .3);border-radius:3px;transition:all .2s ease-in-out;border:#999 solid 1px;width:300%;padding:0px;list-style:none;}
#menu > li:first-child > ul{left:0;margin-left:0;}
#menu > li:nth-child(2) > ul{left:-100%;}
#menu > li:nth-child(3) > ul{right:0;margin-right:0;}
#menu li:hover > ul{opacity:1;visibility:visible;margin:0px;}
#menu ul a{padding:5px;width:100%;display:block;float:none;text-transform:none;}
#menu ul li:first-child > a:after{content:'';position:absolute;top:-10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #999;}
#menu > li:first-child > ul > li:first-child > a:after{left:13%;}
#menu > li:nth-child(2) > ul > li:first-child > a:after{left:48%;}
#menu > li:nth-child(3) > ul > li:first-child > a:after{right:13%;}
#menu-trigger{display:none;}
.gambar-logo{width:100%;padding:2px;}
.isi-kiri{width:40%;float:left;padding:5px;}
.isi-kanan{width:60%;float:left;padding:5px;}
.tampilan{width:95%;font-size:3vw;}
.modal{display:none;position:fixed;z-index:100;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content{background-color:#fefefe;margin:auto;padding:5px;border:1px solid #888;width:95%;overflow:hidden;}
.close{color:#aaaaaa;float:left;font-size:28px;font-weight:bold;}
.close:hover,
.close:focus{color:#000;text-decoration:none;cursor:pointer;}
.artikel-search{margin:5px 0px;overflow:hidden;}
.gambar-search{width:10%;float:left;overflow:hidden;height:75px;}
.isi-artikel-search{padding-left:5px;width:90%;float:left;}
@media only screen and (min-width:768px){.header{width:80%;}
.body{width:80%;}
.footer{width:80%;}
.header-atas{width:100%;padding:5px;font-size:0.8vw;color:#FFF;}
.footer-bawah{width:100%;padding:5px;font-size:0.8vw;background:#900;color:#FFF;}
.cpkiri{float:left;width:40%;text-align:right;padding:2px;}
.cpkanan{float:right;width:60%;text-align:left;padding:3px;}
.counter{width:5vw}
.footer-atas{width:95%;border-top:#000 solid 1px;margin:auto;overflow:hidden;}
.isi-footer-kiri{width:40%;float:left;padding:5px 10px;}
.isi-footer-tengah{width:40%;padding:5px 10px;}
.isi-footer-kanan{width:20%;padding:20px;}
.row{width:100%;overflow:hidden;}
.col-1-4{width:25%;}
.alamat{font-size:0.8vw;font-weight:bold;}
.judul-alamat{font-size:1vw;font-weight:bold;}
.judul-alamat1{font-size:0.7vw;font-weight:bold;}
.judul-alamat2{font-size:0.7vw;font-weight:bold;}
.tombol-order{font-size:1.2vw;}
.tombol-baca{font-size:0.8vw;}
.pc{display:block;}
.mob{display:none;}
.red-border{border:none;}
.berita1{width:25%;}
.berita2{width:50%;}
.disflex{display:flex;}
.judul-artikel{font-size:1vw;font-weight:bold;}
.sub-artikel{font-size:0.8vw;}
.tempat-gambar1{width:100%;height:150px;}
.tempat-text1{width:100%;}
.tempat-gambar2{width:20%;height:150px;;}
.tempat-text2{width:80%;}
.tgl{font-size:0.6vw;color:#900;}
.gambar-artikel{width:30%;}
.isi-artikel{font-size:1vw;}
.tgl-artikel{font-size:0.8vw;}
.isi-artikel a, .link{font-size:0.7vw;}
.layanan{font-size:0.8vw;}
.tombol-order{width:30%;}
.tempat-tombol{padding:5px;}
.col-35{width:35%;}
.col-65{width:65%;}
.col-50{width:50%;}
.col-100{width:100%;}
.contact, .tentang{width:75%;}
.form-contact{width:60%;}
.text75{width:75%;}
.text100{width:100%;}
.col-30{width:30%;}
.col-70{width:70%;}
.col-33{width:33.33%;}
.judul-produk{font-size:0.8vw;}
.gambar-produk{height:130px;}
.gambar-tombol{width:5%;}
.gambar-logo{width:100%;}
.tampilan{width:30%;}
}