@font-face{font-family:'Open Sans';src: url('webfonts/001.eot?#iefix') format('embedded-opentype'),url('webfonts/001.woff') format('woff'),url('webfonts/001.ttf')  format('truetype'),url('webfonts/001.svg#Open Sans') format('svg')}
@font-face{font-family:'Arial';src: url('webfonts/002.eot?#iefix') format('embedded-opentype'),url('webfonts/002.woff') format('woff'),url('webfonts/002.ttf')  format('truetype'),url('webfonts/002.svg#Arial') format('svg')}
@font-face{font-family:'Quote';src: url('webfonts/003.eot?#iefix') format('embedded-opentype'),url('webfonts/003.woff') format('woff'),url('webfonts/003.ttf')  format('truetype'),url('webfonts/003.svg#Quote') format('svg')}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333333}
pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}
a:visited{color:#333333}
a:hover{color:#415a96}
a:hover,a:active,a:focus{outline:none}
sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
#wrap,img{max-width:100%}
#wrap,body{float:none;width:100%;height:100%;position:relative;margin:0 auto}
#wrap,.entry-body,.footer-bottom,.footer-top,ul.navlist{overflow:hidden}
#pege-header{margin-bottom:10px}
#wrap{width:600px;background:#fdfdfd;padding:0;-moz-box-shadow:0 0 10px 1px #000,inset 0 0 0 0 #000;-webkit-box-shadow:0 0 10px 1px #000,inset 0 0 0 0 #000;box-shadow:0 0 10px 1px #000,inset 0 0 0 0 #000}
body{margin-top:-5px;max-width:600px;font-size:17px;line-height:1.3;background:#444444;font-family:Arial,Tahoma,Sans-Serif;font-weight:normal}
img{float:none;display:block;max-height:100%;margin:20px auto;border:none}
section.body-container{background:#fdfdfd;padding:0 5%;margin:0 auto;overflow:hidden}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.text-center,#multiColumn,div.image-row,h1,h1#page-title,h2,li.nav{text-align:center}
nav,ol,ul,ul.navlist{list-style:none}
.infobox,.infobox-inner,section.navbar{box-shadow:0 1px 3px 0 #d7d7d7}
p{letter-spacing:.025px;margin-bottom:20px}
h1,h2,h3{letter-spacing:.1px;display:block;font-family:Open Sans,Verdana,Sans-Serif;line-height:1.3;font-weight:700}
h4,h5,h6{letter-spacing:.1px;display:block;font-family:Open Sans,Verdana,Sans-Serif;line-height:1.2;font-weight:600}
h1{font-size:20px}
h2{font-size:19px}
h3{font-size:18px}
h4{font-size:17px}
h5{font-size:16px}
h2 span.more,h5,h6{letter-spacing:.1px;display:block;font-family:Open Sans,Verdana,Sans-Serif;font-size:16px;line-height:1.2;font-weight:500}
.bold,li.nav{font-weight:700}
h1#page-title{margin-bottom:-5px;padding:14px 0;border-bottom:1px solid #d1d1d1}
h2,h3,h4,h5,h6{margin-bottom:15px}
hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;background:#d1d1d1;color:#d1d1d1;border:none;height:1px}
#multiColumn{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px}
#multiColumn li{padding:5px}
#multiColumn li a{color:#415a96}
div.image-row{width:100%;margin-bottom:5px}
div.image-row img{display:inline-block;margin:5px}
.italic{font-style:italic}
.underline{text-decoration:underline}
li.nav .nav-content a,li.nav a{text-decoration:none;display:block}
.text-left{text-align:left}
.text-right{text-align:right}
.text-justify{text-align:justify}
h2 span{float:right;padding:0}
header,section.header-top{width:100%;position:relative;float:left;z-index:98}
header{margin-bottom:10px}
section.header-top{margin-bottom:5px}
nav.nav,section.navbar{height:40px;width:100%}
p.email,p.phone{font-family:Quote,Sans-Serif;margin-left:20px;font-size:15px;margin-bottom:0}
img.top-logo{float:left}
div.half-left{width:50%;float:left;display:inline}
div.half-right{width:50%;float:right;display:inline}
div.contact-info{margin-top:80px;margin-bottom:0;float:right;width:100%}
p.phone{padding-left:12px;float:right;background:url(images/phone.png) left .099em no-repeat}
p.email{padding-left:19px;float:right;background:url(images/mail.png) left .333em no-repeat}
li.nav,section.navbar{font-size:12px;border:1px solid #d0d0d0;float:left}
section.navbar{margin-left:-1px;margin-bottom:9px;margin-top:-6px;background:#ededed;line-height:1.5}
nav.nav{float:left;position:relative;top:-1px}
ul.navlist{margin:0;padding:0}
li.nav{width:16.666666666667%;width:calc(100%/6);box-sizing:border-box;display:block;font-family:Arial,Tahoma,Sans-Serif;line-height:40px}
li.active,li.active a,li.nav:hover a{color:#fdfdfd}
li.active{background:#415a96}
.nav-content a:hover,li.nav:hover{background:#415a96}
li.nav:hover .nav-content{visibility:visible;opacity:1;transform:translateX(0);transition-delay:0}
div.nav-mobile{display:none}
section.infobox{margin-bottom:40px;float:left;width:100%;border:0}
.infobox{border-left:4px solid #415a96;border-radius:3px}
.infobox-inner{background:#f7f7f7;border:1px solid #d1d1d1;border-left:none;border-radius:3px;padding:15px 20px;margin-bottom:20px}
.button.large,.infobox .button{box-shadow:0 1px 3px 0 #c9c9c9}
.infobox .button{float:right;margin:0 0 0 20px;border:1px solid #415a96;border-radius:3px}
.button.large{font-size:15.5px;line-height:1.2;font-weight:100;padding:10px 20px;border:1px solid #415a96;border-radius:3px}
.infobox div.with-button{display:block}
.infobox h2{margin-bottom:5px}
.infobox h2+p,.infobox p:first-child{margin:0}
.infobox p{margin-bottom:0;margin-top:20px}
.infobox .mobile-button{display:none}
.entry-meta>span,.post-format,.wawancara>a,a.post-format-wrap{display:block}
section#story{text-align:left}
section#story h2,section.produk{text-align:center}
section#story img,section#story p,section#story ul{margin-bottom:20px}
ul.question li{padding:5px 5px 5px 36px;background:url(images/red-question.png) left center no-repeat}
section.produk{margin-bottom:40px;float:left;width:100%}
section#produk p{margin-bottom:10px}
.entry-image{margin-bottom:20px;float:left;padding:5%;width:90%;max-width:90%}
.entry-image>a,.gambar-produk>a{display:block;position:relative}
.gambar-produk{max-width:25%;margin-right:20px;float:left}
.gambar-produk img{margin:0 0 10px;width:100%}
.entry-body,.entry-meta{margin-top:10px}
.entry-title a{color:#333333}
a.artikel:hover,a.produk:hover{color:#415a96}
section.artikel{margin-bottom:40px;float:left;width:100%;text-align:left}
.post-format.standard{background-image:url(images/post-standard.png)}
.post-carousel .entry-meta{width:40px;margin-right:10px}
.entry-meta{max-width:50px;margin-right:20px;float:left;color:#333333}
.post-format.standard:hover{background:#415a96}
.entry-meta .title{font-weight:700;font-style:normal;color:#333333}
.entry-meta>span{margin-bottom:5px;font-style:italic;color:#bfbfbf;font-size:12px}
.post-format{width:36px;height:36px;margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background:#bdbdbd;text-indent:-10000em}
.list-produk,.wawancara,blockquote.testimoni,section#liputan,section.testimoni{width:100%;float:left}
section.testimoni{margin-bottom:0;text-align:center}
blockquote.testimoni{margin-bottom:20px}
blockquote.testimoni .quote-content{box-shadow:0 1px 3px 0 #d7d7d7;position:relative;background:url(images/quote.png) 15px 19px no-repeat #ededed;padding:15px 15px 0 41px;border:1px solid #d1d1d1;border-radius:3px}
.quote-content{font-family:Quote,Sans-Serif;font-style:normal;font-size:.83em;line-height:1.4}
blockquote.testimoni .quote-meta{text-align:right;font-size:.85em;line-height:1.1}
#footer h3,div.isi-testimoni,table td,table th{text-align:left}
section#isi-profil,section#order{text-align:center}
.grey-text{color:#d0d0d0}
h2.testimoni:hover{color:#415a96}
ul.link-testimoni-produk{float:left;width:100%;margin:10px}
ul.link-testimoni-produk li{background:url(images/bullet.jpg) left center no-repeat;padding-left:35px;padding-top:5px}
section#liputan{padding:0;margin-top:0}
.wawancara>a{position:relative}
.katalog-produk img{margin:20px auto}
#footer{color:#d0d0d0;background:#313131;border-top:2px solid #d1d1d1;margin-top:12px;float:left;width:90%;padding:0 5%}
#footer h3{color:#d9d9d9;line-height:1;display:block;padding-bottom:5px;border-bottom:1px solid #4c4c4c;margin-bottom:14px;font-family:Open Sans,Verdana,Sans-Serif;font-weight:400;font-size:1em}
#footer .artikel-baru{font-size:15px;line-height:1.2}
.footer-container{width:600px;max-width:100%;margin:0 auto}
.footer-top{padding:25px 0}
.one-quarter{width:100%;max-width:600px;float:left}
.widget{margin-bottom:10px;margin-right:10px}
.artikel-baru li,.kontak p{padding-left:21px;margin-bottom:10px}
.artikel-baru li{background:url(images/pencil-footer.png) left .333em no-repeat;font-family:Arial,Tahoma,Sans-Serif;font-size:.95em}
.artikel-baru li>span{display:block;font-size:.85em;margin-top:5px;font-style:italic}
.last{margin-right:0}
.kontak{word-wrap:break-word}
#footer .kontak .alamat{background-image:url(images/home-footer.png)}
.kontak .alamat{background-image:url(images/home.png);background-position:left -.1em}
.kontak p{background-repeat:no-repeat}
#footer .kontak .telepon{background-image:url(images/phone-footer.png)}
.kontak .telepon{background-image:url(images/phone.png);background-position:left -.01em}
#footer .kontak .fax{background-image:url(images/fax-footer.png)}
.kontak .fax{background-image:url(images/fax.png);background-position:left .166em}
#footer .kontak .email-footer{background-image:url(images/mail-footer.png)}
.kontak .email-footer{background-image:url(images/mail.png);background-position:left .17em}
.footer-bottom{padding:20px 0;border-top:1px solid #4c4c4c;font-size:.85em}
#footer-nav ul{margin-bottom:-3px;text-align:right}
#footer-nav ul li{display:inline}
.one-half{width:50%;max-width:300px;float:left}
table.layout{box-shadow:0 1px 3px 0 #d7d7d7;border-radius:3px;width:100%;border-collapse:collapse}
table.display{margin:1em 0}
table.display th{color:#fdfdfd;background:#415a96}
table.display td,table.display th{border:1px solid #d1d1d1;border-radius:3px;padding:.5em 1em}
table.display td{background:#fdfdfd}
section#order p{margin:20px 0}
section#isi-profil p,section#profil-irvan-sadewa p{margin-bottom:20px}
section#profil-irvan-sadewa img{margin:20px auto}
@media screen and (max-width:600px) {
div.half-left{width:100%;float:left}
section.header-top{margin-bottom:15px}
img{max-width:95%}
img.top-logo{float:none}
div.half-right{width:100%}
div.contact-info{width:100%;margin:5px 0 0}
p.phone{float:left;margin:0 auto}
p.email{float:right;margin:0 auto}
div.one-quarter{width:100%}
.infobox .normal-button{display:none}
.infobox .mobile-button{float:none;display:inline-block;margin-left:0;margin-top:20px}
section.navbar{margin-top:-10px;border-radius:3px}
ul.navlist{display:none}
div.nav-mobile{display:block;width:100%;margin:0 auto}
.nav-menu-close,ul.mobile{display:none}
.nav-menu-close,.nav-menu-open{width:100%;height:32px;margin-left:-1px;margin-top:5px;margin-bottom:2px}
.nav-menu-close img,.nav-menu-open img{width:100%;height:40px;margin:0 0 0 9px}
.nav-menu-mobile{border:1px solid #d1d1d1;border-radius:3px;box-shadow:0 1px 3px 0 #d7d7d7;display:none;float:right;position:relative;z-index:100;width:110px;transition:height 0;margin:5px -1px}
.nav-menu-mobile li{background:#ededed}
.nav-menu-mobile a{text-align:right;padding:11px 11px 9px 9px;text-decoration:none;display:block;border-bottom:solid 1px #d1d1d1;font-size:1em;font-weight:700}
.nav-menu-mobile a:hover{border-radius:3px;background:#415a96;color:#fdfdfd}
section#produk p{text-align:center}
div.gambar-produk{float:none;margin:auto auto 20px;max-width:60%}
div.gambar-produk img{max-width:60%;margin:auto auto 12px}
div.caption-produk{float:none;width:100%}
ul.catatan-penting,ul.link-testimoni-produk{width:100%;margin:10px}
table.responsive-table{box-shadow:none}
table.responsive-table thead{display:none}
table.display td,table.display th{padding:.5em}
table.responsive-table td.penilaian:nth-child(1):before{content:'Point Penilaian'}
table.responsive-table td.nilai-max:nth-child(2):before{content:'Nilai Maksimal'}
table.responsive-table td.waktu:nth-child(1):before{content:'Waktu'}
table.responsive-table td.lokasi:nth-child(2):before{content:'Lokasi'}
table.responsive-table td.jenis-virus:nth-child(3):before{content:'Jenis Virus'}
table.responsive-table td.nilai-max:nth-child(2),table.responsive-table td.penilaian:nth-child(1){padding-left:60%}
table.responsive-table td.nilai-max:nth-child(2):before,table.responsive-table td.penilaian:nth-child(1):before{position:absolute;left:.5em;font-weight:700}
table.responsive-table td:nth-child(1),table.responsive-table td:nth-child(2),table.responsive-table td:nth-child(3){padding-left:35%;text-align:right}
table.responsive-table td:nth-child(1):before,table.responsive-table td:nth-child(2):before,table.responsive-table td:nth-child(3):before{position:absolute;left:.5em;font-weight:700;text-align:right}
table.responsive-table td,table.responsive-table tr{display:block;box-shadow:0 1px 3px 0 #d7d7d7}
table.responsive-table tr{position:relative;margin-bottom:1em}
table.responsive-table td{border-top:none}
table.responsive-table td.jumlah,table.responsive-table td.penilaian,table.responsive-table td.waktu{background:#415a96;color:#fdfdfd;border:1px solid #c4c0b7;border-top:1px solid #c4c0b7;box-shadow:0 1px 3px 0 #c8c8c8}
#multiColumn{-moz-column-count:1;-moz-column-gap:20px;-webkit-column-count:1;-webkit-column-gap:20px;column-count:1;column-gap:20px}
}
@media print{}