.fa{display:inline-block;padding:10px;font-size:24px;width:24px;text-align:center;text-decoration:none;border-radius:50%}.fa:hover{opacity:.7;text-decoration:none}.fa-facebook{background:#3b5998;color:#fff}.fa-twitter{background:#55acee;color:#fff}.count{display:inline-block;line-height:0;border-radius:50%;background-color:red;color:#fff;font-size:24px}.count span{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:8px;margin-right:8px}nav{display:block}nav div{padding:5px 0}nav[role=navigation] ul{font-size:13px;line-height:35px}nav[role=navigation] ul{background-color:#7f7f7f;background-size:100% auto;background-image:linear-gradient(rgb(153,153,153),rgb(102,102,102));border-radius:4px;font-size:16px;line-height:45px;text-shadow:0 -1px 0 rgba(0,0,0,.5)}ul{list-style:disc outside none}nav[role=navigation] div{border:0 1px 0 1px solid;background-color:#003000;color:#5b2}nav[role=navigation] a{margin:0;text-align:center;color:#5b2;line-height:1.5em}li{display:list-item;list-style:none outside none}h1 h2 h3 h4{margin-bottom:10px}.example-block{background:#ddf8cc}#header{background:#5b2;margin:0 auto}#header h1{margin:0 auto;padding:0}#cse-search-box input{font-size:2em;color:#666}#main-content{text-align:left;background:none repeat scroll 0 0 #efd}#top-ads{display:none}#top-ads-link{display:none}#top-menu{background:#030}#sidebar h1 h2 h3 h4{font-family:roboto}#footer{background:#5b2;padding:10px 5px;margin:0 auto}.grid-container{background:#fff;font-size:1.1em;font-family:Ubuntu,Tahoma}.nav-toggle{color:#fff;font-size:1.5em}.center{text-align:center;margin:0 auto}.myButton{-moz-box-shadow:inset 0 1px 0 0 #a4e271;-webkit-box-shadow:inset 0 1px 0 0 #a4e271;box-shadow:inset 0 1px 0 0 #a4e271;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#89c403),color-stop(1,#77a809));background:-moz-linear-gradient(top,#89c403 5%,#77a809 100%);background:-webkit-linear-gradient(top,#89c403 5%,#77a809 100%);background:-o-linear-gradient(top,#89c403 5%,#77a809 100%);background:-ms-linear-gradient(top,#89c403 5%,#77a809 100%);background:linear-gradient(to bottom,#89c403 5%,#77a809 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403',endColorstr='#77a809',GradientType=0);background-color:#89c403;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #74b807;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #528009}.myButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77a809),color-stop(1,#89c403));background:-moz-linear-gradient(top,#77a809 5%,#89c403 100%);background:-webkit-linear-gradient(top,#77a809 5%,#89c403 100%);background:-o-linear-gradient(top,#77a809 5%,#89c403 100%);background:-ms-linear-gradient(top,#77a809 5%,#89c403 100%);background:linear-gradient(to bottom,#77a809 5%,#89c403 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809',endColorstr='#89c403',GradientType=0);background-color:#77a809}.myButton:active{position:relative;top:1px}input.gsc-search-button{background-color:#f96}#googlesearchform2{margin:5px auto}#tabel{overflow-x:auto;border-collapse:collapse;border-spacing:0;text-align:center;margin:5px auto;overflow-x:auto}th,td{text-align:left;padding:2px 4px}*{text-decoration:none;list-style:none;margin:0;padding:0;outline:none}body{margin:0;padding:0;font-family:open sans,sans-serif}section{width:100%;max-width:1200px;margin:0 auto;display:table;position:relative}h1{margin:0 auto;display:table;font-size:26px;padding:40px 0;color:#002e5b;text-align:center}h1 span{font-weight:500}header{width:100%;display:table;background-color:#5b2;margin-bottom:0}#logo{float:left;font-size:24px;text-transform:uppercase;color:#005b2e;font-weight:600;padding:20px 0}nav{width:auto;float:right;padding:20px 0}nav ul{display:table;float:right;margin-bottom:unset}nav ul li{float:left;border-left:1px dashed}nav ul li:last-child{padding-right:0}nav ul li a{color:#002e5b;font-size:16px;padding:5px;display:inline-block;transition:all .2s ease 0s}nav ul li a:hover{background-color:#005b2e;color:#e4fd28;transition:all .2s ease 0s}nav ul li a:hover i{color:#e4fd28;transition:all .2s ease 0s}nav ul li a i{padding-right:5px;color:#002e5b;transition:all .2s ease 0s}.toggle-menu ul{display:table;width:25px}.toggle-menu ul li{width:100%;height:4px;background-color:#005b2e;margin-bottom:4px;margin-left:0}.toggle-menu ul li:last-child{margin-bottom:0}input[type=checkbox],.toggle-menu{display:none}@media only screen and (max-width:1440px){section{max-width:95%}}@media only screen and (max-width:780px){header{padding:10px 0}#logo{padding:0}input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:0 0}input[type=checkbox]:fous{background:0 0}.toggle-menu{float:right;padding:8px 0;display:inline-block;cursor:pointer}input[type=checkbox]:checked~nav{display:block}nav{display:none;position:absolute;right:0;top:33px;background-color:#005b2e;padding:0;z-index:99}nav ul{width:auto}nav ul li{float:none;padding:0;width:100%;display:table}nav ul li a{color:#fff;font-size:15px;padding:10px 20px;display:block;border-bottom:1px solid rgba(225,225,225,.1)}nav ul li a i{color:#e4fd28;padding-right:13px}}@media only screen and (max-width:780px){.content{width:90%}}@media only screen and (max-width:568px){h1{padding:25px 0;min-height:80px}h1 span{display:block}h2{min-height:40px}}@media only screen and (max-width:480px){section{max-width:90%}#lokasi{min-height:80px}}@media only screen and (max-width:360px){h1{font-size:20px;min-height:80px}.toggle-menu{padding:5px 0}#logo{font-size:20px}nav{top:37px}#lokasi{min-height:90px}}@media only screen and (max-width:320px){h1{padding:20px 0;min-height:80px}#lokasi{min-height:90px}}a{color:#6c0b01}.breadcrumb{padding:10px;list-style:none;background-color:#eee;margin-bottom:0}.breadcrumb li{display:inline;font-size:14px}.breadcrumb li a{color:#832;text-decoration:none}.breadcrumb li a:hover{color:#01447e;text-decoration:underline}