@import url(../../global/css/global.css);@import url(../../global/css/animate.css);@import url(tooltip.css);

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto&display=swap');

body {font-family: 'Roboto', sans-serif; font-size:12px;  margin:0px; padding:0px; color:#000; background:#FFC08A;}h1 {font-size:30px; margin:0px 0px 5px 0px; font-family: 'Oswald', sans-serif; color:#4a2f04; font-weight:400;}#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;}.marquee  p {margin:0px;}.klik {font-family: 'Oswald', sans-serif;font-size:16px;text-transform:uppercase;color:#000;-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}@-moz-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.5; }100% { opacity: 1.0; }}@-webkit-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.5; }100% { opacity: 1.0; }}@keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.5; }100% { opacity: 1.0; }}@media (max-width: 768px) {.menufixed {position:fixed; z-index:999; top:0; left:0; background:#FF0004;}.ganjel {height:40px;}.klik {text-align:center;}.hotline li {margin-bottom:5px; text-align:center; }.hotline li img { clear:both;}.hotline li .akun { margin:0px; clear:both; margin-left:10px;font-size:16px;}.search input { width:100%;}.search select {width:100%;}.search li { width:50%;padding:2%;}.alamat {text-align:center;}}@media (min-width: 768px){.hotline {float:right;}.hotline li {float:left; margin-left:10px;}.hotline li img {float:left; margin:0px 5px;}.hotline li .akun {float:left;margin:0px;padding-top:3px;font-size:14px;}.header {background:url(../images/headersm.jpg) top center no-repeat; height:172px;background-size:100% ;}.search input { width:100px;}.search li { margin:0px 0px 0px 10px;}.search select {width:100px; }.menuopt li img {width:30px;}.back2 {min-height:1500px;}.alamat { font-size:24px; margin-top:80px;}}@media (min-width: 992px) {.hotline li .akun {font-size:16px;}.header {background:url(../images/headermd.jpg) top center no-repeat; height:261px;background-size:100% ;}.menuopt li img {width:60px;}}.alamat p {margin:0px 0px 5px 0px;}.hotline li .akun { font-weight:bold;}.search li {float:left;}.search input {font-size:11px; padding:10px; background:#ccc;border:none; color:#333333;}.search select {font-size:11px; padding:9px; background:#ccc;border:none;color:#333333;}.search .submit {padding:9px; cursor:pointer; background:#FF0004; color:#FFF;}.back1 { background-color:rgba(0,0,0,0.3);-moz-border-radius:10px;border-radius:10px; border:1px solid #333;}.back2 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#fff));background: -webkit-linear-gradient(top, #fff, #e7e7e7);background: -moz-linear-gradient(top, #fff, #e7e7e7);background: -ms-linear-gradient(top, #fff, #e7e7e7);background: -o-linear-gradient(top, #fff, #e7e7e7); color:#333;}.back3 { background:#FF0004;}.back4 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#fff));background: -webkit-linear-gradient(top, #fff, #e7e7e7);background: -moz-linear-gradient(top, #fff, #e7e7e7);background: -ms-linear-gradient(top, #fff, #e7e7e7);background: -o-linear-gradient(top, #fff, #e7e7e7);-moz-border-radius:10px;border-radius:10px; border:1px solid #FF0004;}.back5 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#fff));background: -webkit-linear-gradient(top, #fff, #e7e7e7);background: -moz-linear-gradient(top, #fff, #e7e7e7);background: -ms-linear-gradient(top, #fff, #e7e7e7);background: -o-linear-gradient(top, #fff, #e7e7e7); color:#333;}.menuopt li {float:left; margin-right:10px;font-family: 'Oswald', sans-serif;text-align:center;}.menuopt li a {color:#fff;}.menuopt li a:hover {color:#f60;}.menuopt li img:hover {-webkit-transform:scale(2);transform:scale(2);}.menuopt li img {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}.head { padding:10px; font-size:13px; font-family: 'Oswald', sans-serif;text-align:center;  color:#fff; text-transform:uppercase; background-size:100% ;text-shadow: 2px 2px 4px #000000;background:#FF0004; }.listhot {padding:3%; text-align:center;  font-size:16px;color:#da6c08;border-bottom:1px solid #333;}.listhot  a { color:#fff;}.listhot  a:hover { color:#f60;}.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:#fff; font-size:14px; }.more a:hover {color:#f60;}.cso li{  padding:10px; color:#fff; }.cso li img {float:left; margin-top:8px;}.cso li .akun {float:right; font-size:13px; margin-top:10px;}.social li {float:left; margin:0px 5px 5px;}.track li {margin-bottom:3px; text-align:center; font-size:12px; }.track input {font-size:11px; text-align:center; border:1px solid #dddcdd; padding:3px;}.bawah {font-size:11px;text-transform:uppercase;}.bawah a { color:#000;}.bawah a:hover {color:#f60;}.backs0 {background:#FB0206;}.backs1 {background:#A30104;}.backs2 {background:#C03D3F;}.backs3 {background:#0040F0;}.backs4 {background:#081CF8;}.backs5 {background:#02551B;}.backs6 {background:#081CF8;}.backs7 {background:#0040F0;}.backs8 {background:#C03D3F;}.backs9 {background:#A30104;}.backs10 {background:#FB0206;}