@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);@import url(https://fonts.googleapis.com/css?family=Bree+Serif);@import url(../../global/css/global.css);@import url(../../global/css/animate.css);#toTop {width:36px;height:39px;position:fixed;bottom:60px;right:5%;cursor:pointer;display:none; z-index:999;background:url(../images/totopoff.png) center center no-repeat; border:none;}body {margin:0px;padding:0px;font-family: 'Lato', sans-serif;color: #333;font-size:14px; background:#F3F3F3;}h1 {font-weight:400;  text-transform:uppercase;font-family: 'Bree Serif', serif;}.marquee  p {margin:0px;}@media (max-width: 768px) {.menufixed {position:fixed; z-index:2000; top:0; left:0; background:#191919;}.ganjel {height:40px;}.padatas {padding-top:10px;}.hotline li {margin-bottom:5px; text-align:center; }.hotline {display: block; margin-right: auto; margin-left: auto;margin-top:10px;}.hotline li img { clear:both;}.hotline li .akun { margin:0px; clear:both; margin-left:10px;}h1 {font-size:16px; margin:0px; text-align: center;}.logo {display:block; margin:0 auto;}.footer .titilefooter { margin-top:20px;}.greating {text-align:center;}}@media (min-width: 768px){h1 {font-size:8px; margin-top:20px;}.kotakjudul li {float:left; margin-right:5px;}.hotline {float:right; margin-top:20px; border-right:1px solid #ccc; padding-right:10px;}.hotline li {float:left; margin-left:10px;}.hotline li img {float:left; margin:0px 5px;}.hotline li .akun {float:left;margin:0px;}}@media (min-width: 992px){h1 {font-size:16px; margin-top:10px;}}.hotline li .akun { font-size:15px;}.back1 {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353535), to(#A2A2A2));background: -webkit-linear-gradient(top, #A2A2A2, #353535);background: -moz-linear-gradient(top, #A2A2A2, #353535);background: -ms-linear-gradient(top, #A2A2A2, #353535);background: -o-linear-gradient(top, #A2A2A2, #353535);-moz-border-radius:10px;border-radius:10px;box-shadow:0px 5px 6px #868686;}.back2 {-moz-border-radius:10px;border-radius:10px;box-shadow:0px 0px 10px #ccc; background:#FFF;}.back3 { background:#3A3A3A; color:#FFF; text-align:right; font-size:11px;}.head { font-size:18px; text-transform:uppercase; color:#FFF;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353535), to(#A2A2A2));background: -webkit-linear-gradient(top, #A2A2A2, #353535);background: -moz-linear-gradient(top, #A2A2A2, #353535);background: -ms-linear-gradient(top, #A2A2A2, #353535);background: -o-linear-gradient(top, #A2A2A2, #353535);-moz-border-radius:3px;border-radius:3px; padding:10px;font-family: 'Bree Serif', serif;}.search { background:#F7F7F7;}.search li {float:left;}.search .keys {font-size:11px; border:none; margin:10px; background:none; width:60px;}.search .btn {margin:0;border:none;cursor:pointer; background:#F00; padding:10px;}.testi .slide {margin-bottom:10px;}.testi .slide img { float:left; margin:0px 5px 5px 0px; width:50px;}.testi .slide p {margin:0px; font-size:11px;}.more {padding:10px; margin-bottom:20px;}.more a {text-decoration:underline; color:#363636; font-size:14px; }.more a:hover {color:#EE5249;}.sideproduk .slide {display:block;width:100%; margin-bottom:10px;text-align:center; font-size:12px; min-height:160px;position:relative; }.sideproduk h3 {margin:1px 0px 2px 0px;font-size:12px;font-weight:300; color:#242727; }.sideproduk .thumbside {width:50%;}.footer {color:#FFF;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353535), to(#A2A2A2));background: -webkit-linear-gradient(top, #A2A2A2, #353535);background: -moz-linear-gradient(top, #A2A2A2, #353535);background: -ms-linear-gradient(top, #A2A2A2, #353535);background: -o-linear-gradient(top, #A2A2A2, #353535);-moz-border-radius:10px;border-radius:10px;}.footer .titilefooter {font-size:20px; font-family: 'Bree Serif', serif;}.footer a {color:#fff;}.footer a:hover {color:#f60;}.flogo { display: block;  margin:20px auto;}.cso li{ border-bottom:1px solid #979595; padding:10px 0px; }.cso li img {float:left; margin-top:8px;}.cso li .akun {float:right; font-size:13px; margin-top:10px;}.bawah { font-size:11px; text-transform:uppercase;color:#fff; }.bawah a {color:#fff;}.bawah a:hover {color:#ccc;}
