html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  display: table-column;
}
z mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}
code,
pre,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  padding: 1px 10px;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 18px 13px 18px 33px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-justify {
  text-align: justify;
}

hr {
  height: 1px;
  border: none;
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}

a {
  color: rgb(255, 0, 43);
  text-decoration: none;
}
a:hover {
  color: #962034;
}
img {
  max-width: 100%;
}

img.bordered {
  padding: 3px;
  border: 1px solid #ddd;
  margin: 3px;
}
img.rounded {
  border-radius: 50%;
}

nav a {
  text-decoration: none;
}
code,
pre {
  color: #dd514c;
  background-color: #eee;
  padding: 1px 3px;
  font-family: monospace;
}

.color-white {
  color: #fff;
}
.color-red {
  color: #dd514c;
}
.color-yellow {
  color: #fad232;
}
.color-green {
  color: #5eb95e;
}

.color-blue {
  color: #1f8dd6;
}
.color-light-blue {
  color: #43cee6;
}
.color-light-green {
  color: #6c3;
}

.color-purple {
  color: #8a6de9;
}
.color-dark {
  color: #444;
}
.color-light {
  color: #bbb;
}
.color-dark-grey {
  color: #58595d;
}

body {
  background: #000000;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

.kotak {
  margin: 10px 20px 20px 165px;

  padding: 10px;

  text-align: left;

  width: 980px;
}

.alamat p {
  line-height: 21px;
  font-size: 14px;
}

.bank {
  text-align: center;

  line-height: 22px;

  font-weight: bold;

  margin-top: -8px;

  margin-bottom: 20px;
}

.moving-text {
  color: #fff;
  margin-bottom: 10px;
}

.address {
  margin: 10px 10px 10px 32px;

  font-size: 21px;

  font-weight: bold;
}

.address img {
  margin: 0px 9px -2px 0px;
}

marquee {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 620px;
  margin: 0 -11px;
  height: 44px;
  line-height: 12px;
}

form select,
form input,
form button,
form textarea,
form .btn {
  color: #333;
}

.wrapper {
  width: 1024px;
  margin: 6px auto;
}

.wrapper:before {
  clear: both;
}

.wrapper:after {
  display: table;
  content: " ";
  clear: both;
}
.wrapper .sidebar-left,
.wrapper .sidebar-right {
  float: left;
  margin-top: -12px;
}
.wrapper .sidebar-left {
  width: 198px;
}
.wrapper .sidebar-right {
  width: 198px;
  float: right;
}

.wrapper .main-content {
  width: 595px;
  padding: 10px 0px 0px 15px;
  border-radius: 7px;
  float: left;
}

.welcome-message {
  padding: 5px 0px 20px 0px;
  font-family: Times New Roman;
  font-size: 18px;
}

.header {
  padding: 5px;
  background: url(/images/pusat.jpg);
  /* z-index: 999; */
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 2px 0px #111 inset;
  height: 240px;
  margin-bottom: 2px;
}

.header:before {
  clear: both;
}
.header:after {
  display: table;
  content: " ";
  clear: both;
}
.header .search-form {
  float: right;
  margin: 20px 50px;
}
.header .search-form form.form select,
.header .search-form form.form input,
.header .search-form form.form textarea,
.header .search-form form.form .btn,
.header .search-form form.form button {
  color: #555;
  font-size: 9pt;
}
.header .search-form form.form .btn.primary {
  color: #fff;
}

.header .hotline {
  margin: 192px 279px 0px 0px;

  float: right;

  font-size: 17pt;

  width: 450px;

  color: #fff;
}

.hotline img {
  width: 30px;
  /* height: 23px; */
  margin-left: 15px;
  margin-bottom: -7px;
}

.header .site-logo {
  display: none;
}

.header .site-logo img {
  position: absolute;
  width: 215px;
  height: 200px;
  margin-top: -25px;
  margin-left: 20px;
}

/* .header .contact-us {



    text-align: center;



    margin: 206px -18px 0px 24px;



} */

.operators-menu {
  padding: 10px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-evenly;

  align-items: center;

  margin-bottom: 10px;

  text-align: center;

  background-color: #1c1a1a;

  border-radius: 10px 10px 0px 0px;

  border: 1px solid #666;
}

.search-form {
  border: 1px solid #666;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  background-color: #131313;
  padding: 10px 0px 11px 10px;
  width: 1013px;
  position: relative;
  margin-top: -2px;
}

.footer {
  color: #fff;

  font-weight: bold;

  border: 1px solid #666;

  border-radius: 10px;

  text-align: center;

  background-color: #131313;
}

.footer p {
  line-height: 28px;
}
.operators {
  width: 250px;
}
.operators-menu img {
  width: 70px;

  margin: -8px 10px -6px 7px;
}

.sidebar {
  text-align: center;

  background-color: #131313;

  padding: 10px;

  border-radius: 10px;

  border: 1px solid #666;
}

.sidebar .sidebar-title {
  background: #555555;
  margin: 10px 10px 10px -10px;
  padding: 4px 1px 4px 15px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  width: 179px;
  text-align: left;
}

.pesan {
  background-image: url(/images/pesan.jpg);
  background-color: #fff;
  background-size: cover;
  border: 1px solid white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 14px;
  padding: 25px;
  color: black;
  text-align: center;
}

.pesan h2 {
  text-align: center;

  color: black;
}

.pesan h3 {
  text-align: center;
}

.tombol-whatsapp {
  background: #24cc63;

  padding: 10px;

  display: block;

  color: white;

  margin: 10px auto;

  text-align: center;

  width: 213px;

  border-radius: 7px;

  box-shadow: 0px 3px 8px -2px rgb(78, 73, 73);
}

.tombol-whatsapp:hover {
  background: #24cc63;

  padding: 10px;

  display: block;

  color: white;

  margin: 10px auto;

  text-align: center;

  width: 213px;

  border-radius: 7px;

  box-shadow: none;
}

.number-p {
  font-size: 36px;
}

.number-p a {
  font-size: 36px;

  color: orangered;
}

.sidebar ul {
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  list-style: none;
}
.sidebar ul li {
  border-bottom: none;
}
.sidebar ul li a {
  display: block;
  padding: 10px;
  color: #fff;
}
.sidebar ul li a:hover {
  color: #ff0000;
}
.social-buttons img {
  width: 30px;
  height: 30px;
}
ul.contacts li {
  padding: 10px 0;
  text-align: right;
  border-bottom: 1px solid #666;
  font-size: 16px;
}
ul.contacts li:before {
  clear: both;
}
ul.contacts li:after {
  display: table;
  content: " ";
  clear: both;
}
ul.contacts li img {
  float: left;
  width: 26px;
  height: 26px;
  margin-top: -4px;
}
.numbers:before {
  clear: both;
}
.numbers:after {
  display: table;
  content: " ";
  clear: both;
}
.numbers .number {
  float: left;
  width: 184px;
  display: block;
  text-align: center;
  background: #fff;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 5px 0;
  border-radius: 5px;
  border: 1px solid #fff;
  font-family: Antiqua, "book antiqua";
  font-size: 20px;
  font-weight: bold;
  margin-right: 6px;
  margin-left: 6px;
}

.sidebar .terbaikk li a {
  width: 180px;
  display: block;
  text-align: center;
  background: #fff;
  color: #009;
  margin-top: 6px;
  padding: 4px 0;
  border-radius: 14px;
  margin-right: 13px;
  font-size: 18px;
  font-family: Antiqua, "book antiqua";
  font-weight: bold;
}

.sidebar .terbaikk li a:hover {
  color: #ff0000;
  background: #fff;
}

.title {
  text-align: center;

  background-color: #ff6600;

  font-size: 19px;

  font-weight: bold;

  color: #fff;

  border-radius: 10px;

  padding: 10px;

  margin-bottom: 10px;

  margin-top: 10px;

  margin-left: -12px;

  margin-right: 4px;
}

.numberopt {
  padding: 10px 0;
  text-align: center;
  float: left;
  margin: 5px 15px 10px -2px;
  width: 164px;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-family: Antiqua, "book antiqua";

  font-size: 20px;

  font-weight: bold;
}

.text-center a {
  color: red;

  font-weight: bold;
}

.text-center a:hover {
  color: orange;

  font-weight: bold;
}

.table {
  width: 98%;
}
table.table thead {
  font-weight: bold;
  font-size: 16px;
}
table.table thead tr {
  border-bottom: 2px solid #ddd;
  background: red;
}
table.table thead tr th {
  text-align: left;
  padding: 10px;
}
table.table thead tr th.table-head-action {
  font-size: 0.8em;
  font-weight: normal;
}
table.table thead tr th.table-head-action .btn-group {
  margin: 0;
}
table.table tbody tr {
  border-bottom: 1px solid #ddd;
}
table.table tbody tr td {
  font-weight: bold;
}
table.table tbody tr:last-child {
  border: none;
}
table.table tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.table.bordered {
  border: 1px solid #ddd;
}
table.table.bordered th,
table.table.bordered td {
  border-right: 1px solid #ddd;
}
table.table.bordered th:last-child,
table.table.bordered td:last-child {
  border-right: none;
}
table.table-list {
  width: 100%;
}
table.table-list tbody tr {
  border-bottom: 1px solid #ccc;
  padding: 1px 0;
  background-color: #fff;
}
table.table-list tbody tr:hover {
  background-color: #f9f9f9;
}

tbody {
  background-color: #fff;

  color: black;
}

ul.menu,
ul.operator {
  width: 199px;
  margin-left: -16px;
  padding: 0;
}
ul.kategori {
  width: 199px;
  margin-left: -16px;
  padding: 0;
}

ul.menu li,
ul.operator li {
  overflow: hidden;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  justify-content: flex-end;
  background: url(/images/selected_menu_off_bg.png), #191919;
  background-repeat: no-repeat;
  background-position: 0 0, center;
  vertical-align: middle;
  padding: 4px 43px 8px 2px;
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-top: 1px;
  list-style-type: none;
}
ul.kategori li {
  overflow: hidden;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  justify-content: flex-end;
  background: url(/images/selected_menu_off_bg.png), #191919;
  background-repeat: no-repeat;
  background-position: 0 0, center;
  vertical-align: middle;
  padding: 4px 46px 8px 2px;
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-top: 1px;
  list-style-type: none;
}

ul.menu li a,
ul.operator li a {
  text-decoration: none;
  color: #fff;
  padding: 0px 0px 0px 15px;
  display: block;
}
ul.kategori li a {
  text-decoration: none;
  color: #fff;
  padding: 0px 0px 0px 15px;
  display: block;
}

ul.menu li a:hover {
  color: #ff0000;
  background: none;
}

ul.operator li a {
  border-bottom: none;
}

ul.menu li.active,
ul.operator li.active {
  background: url(/images/selected_menu_on_bg.png);
  background-repeat: no-repeat;
  background-position: 0 0, center;
}
ul.kategori li.active {
  background: url(/images/selected_menu_on_bg.png);
  background-repeat: no-repeat;
  background-position: 0 0, center;
}

.sticky {
  top: 0;

  width: 100%;

  position: sticky;

  z-index: 999;
}

.sticky + .content {
  padding-top: 102px;
}

.numberopt a {
  color: #000000;
  font-size: 20px;
}

.numberopt a:hover {
  color: #ff0000;
  font-size: 20px;
}

.minat {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: red;
  margin-top: 30px;
  margin-bottom: 13px;
  box-shadow: 0px 3px 22px 6px #fff;
  padding: 10px 0;
  border-radius: 10px;
}

.numbers {
  text-align: center;
}

.numbers .number:before {
  clear: both;
}
.numbers .number:after {
  display: table;
  content: " ";
  clear: both;
}

.numbers .number .number-img {
  float: left;
  padding-left: 3px;
}

.numbers .number .number-img img {
  width: 30px;
  height: 35px;
  position: absolute;
  margin-top: -36px;
}

.numbers .number .number-n a {
  color: #000;
  font-size: 20px;
}
.numbers .number .number-n a:hover {
  color: #ff0000;
}
.numbers .number .number-tooltip {
  display: none;
}
.operator-page-logo img {
  width: 40px;
  height: 40px;
}

.resi input {
  width: 149px;

  margin: 10px 0px;
}

.operators .number-img img {
  border-radius: 10px;

  width: 85px;
}

.pagination-after {
  float: right;

  background: red;

  color: white;

  padding: 10px;

  border-radius: 6px;

  font-weight: 600;

  margin: 0px 18px;
}

.pagination-before {
  float: left;

  background: rgb(255, 0, 0);

  color: rgb(255, 255, 255);

  padding: 10px;

  border-radius: 6px;

  font-weight: 600;
}

.pesan .number-img img {
  border-radius: 7px;

  width: 74px;
}

.pagination a:hover {
  color: rgb(255, 187, 0);
}

#gtx-trans {
  display: none !important;
}

.ketlg {
  display: none;
}

p.social-buttons {
  display: none;
}

.social-find {
  display: none;
}

.hide-on-desktop {
  display: none;
}
.navbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #333;
  display: none;
}
.hrg {
  font-size: 15px;
  margin-top: 1px;
  color: #003cff;
  font-weight: 600;
}
.tombol-shopee {
  background: #fff;
  padding: 10px;
  display: block;
  color: #000;
  margin: 10px auto;
  text-align: center;
  width: 213px;
  border-radius: 7px;
  box-shadow: 0px 3px 8px -2px rgb(78, 73, 73);
}
.tombol-tokopedia {
  background: #fff;
  padding: 10px;
  display: block;
  color: #000;
  margin: 10px auto;
  text-align: center;
  width: 213px;
  border-radius: 7px;
  box-shadow: 0px 3px 8px -2px rgb(78, 73, 73);
}
.tombol-whatsapp img,
.tombol-shopee img,
.tombol-tokopedia img {
  width: 13px;
}
.address img {
  margin: 0px 9px -2px 0px;
  width: 29px;
}
.depan {
  margin: 5px 20px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(200px, 1fr)
  ); /* Sesuaikan lebar sesuai kebutuhan */
  grid-gap: 10px;
}

.operator-item {
  display: flex;
  flex-direction: column;
}
.optdpn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  border-radius: 10px;
  padding: 10px 0;
  height: 50px;
}
.optdpn img {
  vertical-align: middle;
  max-width: 100px;
  max-height: 68px;
}
.number-dpn {
  background: #fff;
  align-items: center;
  font-family: Antiqua, "book antiqua";
  float: left;
  width: 212px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
  margin-left: 42px;
  margin-top: 5px;
  height: 55px;
}
.number-dpn a {
  color: #009;
}
.hrgdpn {
  font-size: 15px;
  margin-top: -4px;
  color: #ff0000;
  font-weight: 600;
}
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.pagination-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-item {
  margin: 0 5px;
}
.pagination-link.current {
  background-color: #ff0000;
  color: #fff;
}
.pagination a {
  color: #000;
  background: #fff;
}
.pagination a:hover {
  color: #fff;
  background: #ff0000;
}
.pagination-link {
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}
/* @media screen and (max-width: 1023px){ 

    .moving-text {

    color: #fff;

    width: 946px;

    height: 22px;

}

    .sidebar{display:none}

    .numbers .number {

        display: flex;

        justify-content: center;

        align-items: center;

        color: #ff0;

        background-color: #222;

        border: 1px solid #ff0;

        border-radius: 24px;

        padding: 31px 12px;

        width: 46%;

    }

    .numbers .number .number-n a {

        color: #ff0;

        font-size: 40px;

    }

    .minat {

        text-align: center;

        font-size: 33px;

        font-weight: bold;

        color: red;

        box-shadow: 0px 1px 22px 1px #fff;

        padding: 37px 0;

        margin: 37px 17px 36px 0px;

        width: 100%;

    }

    .pesan {

        background: #D0D0D0;

        border: 1px solid white;

        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);

        border-radius: 25px;

        margin: 24px 15px 0px 0px;

        padding: 20px 19px 55px 19px;

        color: black;

        text-align: center;

    }

    .operators-menu {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-evenly;

    align-items: center;

    background-color: #1c1a1a;

    border-radius: 20px;

    border: 1px solid #ccc;

    width: 99%;

}

    .operators-menu img {

    width: 104px;

    margin: 0px 21px 7px 40px;

}

    .search-form {

    border: 1px solid #ccc;

    border-radius: 20px;

    text-align: center;

    background-color: #1c1a1a;

    padding: 14px 0px 15px 10px;

    width: 100%;

    position: relative;

    margin-top: 18px;

}

    form select, form input, form button, form textarea, form .btn {

        color: #333;

        font-size: 27px;

        padding: 10px;

        background: #fff;

        border: 1px solid #e9e9e9;

        color: #333333;

        border-radius: 6px;

        width: 45%;

        margin: 5px 26px 8px 10px;

    }

    .header {

    padding: 7px;

    top: 0px;

    left: 0px;

    right: 0px;

    box-shadow: 0px 0px 2px 0px #111 inset;

    height: 667px;

    margin-bottom: 10px;

    width: 100%;

    background: url(/images/mobilebg.jpg) no-repeat;

    background-size: cover;

    border: 1px solid #ccc;

    border-radius: 20px;

}

    .wrapper .main-content {

        width: 100%;

        padding: 10px 8px 19px 15px;

        border-radius: 7px;

        float: left;

    }

    .pesan h2 {

        text-align: center;

        color: black;

        font-size: 40px;

    }

    .pesan .number-img img {

        border-radius: 7px;

        width: 231px;

    }

    .number-p a {

        font-size: 66px;

        color: #000;

    }

    .hrg {

        font-size: 35px;

        margin-top: 15px;

        margin-bottom: 39px;

        color: red;

        font-weight: 600;

    }

    strong {

        font-weight: bold;

        font-size: 27px;

    }

    .tombol-whatsapp {

        background: #24CC63;

        padding: 35px;

        display: block;

        color: white;

        margin: 10px auto;

        text-align: center;

        width: 354px;

        border-radius: 7px;

        box-shadow: 0px 3px 8px -2px rgb(78 73 73);

        font-size: 35px;

        margin-top: 37px;

    }

    .tombol-whatsapp:hover{

        background: #24CC63;

        padding: 35px;

        display: block;

        color: white;

        margin: 10px auto;

        text-align: center;

        width: 354px;

        border-radius: 7px;

        box-shadow: 0px 3px 8px -2px rgb(78 73 73);

        font-size: 35px;

        margin-top: 37px;

        box-shadow: none;

    }

    .wrapper.footer{

        width:100%;

        margin: 8px 7px;

    }

    .operators .number-img img {

        border-radius: 10px;

        width: 157px;

        margin-bottom: 28px;

    }

    .welcome-message {

        display:none;

    }

    .ketlg {

        font-size: 31px;

        color: #fff;

        display: contents;

        margin-bottom: 55px;

    }

    .header .site-logo{

        position:static;

        display:inline;

        height: 250px;

    }

    .header .site-logo img {

    position: absolute;

    width: 99%;

    height: 181px;

    margin-top: 29px;

    margin-left: 0px;

}

    .header .hotline {

    margin: 246px 98px 0px 0px;

    float: right;

    font-size: 38px;

    width: 74%;

    color: #fff;

}

    p.social-buttons{

        text-align:center;

        display: inherit;

    }

   p.social-buttons img {

    width: 225px;

    height: 225px;

    margin: -15px 57px 0px 7px;

}

.social-find {

    text-align: center;

    margin: 57px 34px 0px 0px;

    display: grid;

}

.hotline img {

    width: 45px;

    margin-left: 15px;

    margin-bottom: -4px;

}

table.table tbody tr td {

    font-weight: bold;

    font-size: 39px;

}

td, th {

    padding: 18px 13px 18px 33px;

    font-size: 45px;

}

.hide-on-desktop {

    display: flex;

    text-align: center;

}

.hide-on-desktop a {

    color:#000000;

    font-size:40px;

}

.hide-on-desktop a:hover {

    color:#fff;

    font-size:40px;

}

.mobile{

    display: flex;

    justify-content: center;

    align-items: center;

    color: #000;

    background-color: #fff;

    padding: 25px;

    border-radius: 10px;

    width: 44%;

    margin: 5px;

}

.mobile:hover{

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    background-color: #ff3200;

    padding: 25px;

    border-radius: 10px;

    width: 44%;

    margin: 5px;

}

.mobile2 {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #000;

    background-color: #fff;

    padding: 25px;

    border-radius: 10px;

    width: 44%;

    margin: 3px -8px 4px 11px;

}

.mobile2:hover{

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    background-color: #ff3200;

    padding: 25px;

    border-radius: 10px;

    width: 44%;

    margin: 5px;

}

.main-content p {

    font-size: 33px;

    line-height: 55px;

}

.main-content h2 {

    font-size: 50px;

    line-height: 55px;

    text-align: center;

    color: #ff0000;

}

.footer p {

    line-height: 28px;

    font-size: 20px;

}

.sticky {

    background: #000000;

}

} */

/* @media screen and (max-width: 1023px){.hide-on-mobile{display:none}.wrapper{display:block;width:98%;margin:0 1%}.header .site-logo{float:none;text-align:center;margin-bottom: -30px;}



.header .site-logo img{position:static}.header .search-form{text-align:center;float:none}.header .search-form form.form.inline select,.header .search-form form.form.inline input,.header .search-form form.form.inline button,.header .search-form form.form.inline .btn{width:100%;display:block;margin-bottom:10px}.header .hotline{float:none}.wrapper .sidebar-left,.wrapper .sidebar-right,.wrapper .main-content{float:none;width:auto}.numbers .number{width:auto;float:none;margin-bottom:10px;font-size:1.2em;margin-left: -5px;}}@media screen and (min-width: 1024px){.hide-on-desktop{display:none}}



.sidebar-title2{background-color:#fff;color:#000;font-size:12pt;padding:10px;border-radius:5px;margin: 10px 0px;}.terbaik ul{margin:0;padding:0}.terbaik ul li{list-style:none}.terbaik ul li{border:none;}.terbaik ul li a{display: block;padding: 7px;color: #fff;background: #C02942;margin: 5px 0px;border-radius: 10px;font-size: 18px;border: 1px solid #fff;}.terbaik ul li a:hover{background-color:#fff;color: #000;}



.numberopt{padding:10px 0;text-align:center;float:left;margin: 5px 15px 10px -2px;width: 210px;border-radius:10px;background-color:#fff;color: #000;box-shadow: 0px 0px 5px 1px #176603 inset;}.numberopt a{color: #000;font-size: 20px;}.numberopt a:hover{color: #ff0000;font-size: 20px;}



.title{background-color: rgb(156, 204, 101);text-shadow: 1px 1px rgb(112, 147, 73), 2px 2px rgb(112, 147, 73), 3px 3px rgb(112, 147, 73), 4px 4px rgb(120, 158, 78), 5px 5px rgb(129, 169, 84), 6px 6px rgb(138, 181, 89), 7px 7px rgb(147, 192, 95), 8px 8px rgb(156, 204, 101);height: 100%;width: 100%;font-size: 25px;text-align: center;color: #fff;width: 97%;padding: 10px 3px;margin: 5px 0px;}



a.pull-left img{width: 100px} */

/* @media screen and (max-width: 1023px){.numberopt{width: 31%;margin:5px 5px 10px 5px}.title{width: 97%}}@media screen and (max-width: 640px){.numberopt{width: 92%}.title{width: 94%}} */