/* CSS */
body {
  font: 400 15px/1.8 Lato, sans-serif;
  color: gold;
  background-color: #000;
  position: relative;
}

/* WRAPPER */
.wrapper {
  width: 1000px !important;
  margin: auto;
  position: relative;
  padding: 20px 0;
}

.wrapper-1 {
  width: 1015px !important;
  margin: auto;
  background-size: cover;
  position: relative;
}

.wrapper-2 {
  width: 1000px !important;
  margin: auto;
  position: relative;
  padding-left: 5px;
}

.wrapper-3 {
  width: 996px !important;
  margin: auto;
  position: relative;
  margin-top: -18px;
  line-height: 1.6;
}

.wrapper-4 {
  width: 1000px !important;
  margin: auto;
  position: relative;
}

.wrapper-5 {
  width: 1000px !important;
  margin: 20px auto;
  position: relative;
}

.wrapper-6 {
  width: 1000px !important;
  margin: 20px auto;
  position: relative;
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* SLIDER */
.carousel-inner img {
  width: 100%;
  margin: auto;
}
/* HEADER */
.bgheader {
  background-color: #000;
  background-size: cover;
}

.logohd {
  width: 100%;
  position: relative;
  height: 90px;
  padding-top: 5px;
  line-height: 6;
  padding-left: 5px;
}

.Message {
  float: right;
  font-size: 15px;
  width: 96.5%;
  font-style: normal;
  color: gold;
}

.Message a:focus {
  color: #fff;
  text-decoration: none;
}
.Message a:hover {
  color: #fff;
  text-decoration: none;
}

.clock {
  margin-left: 1px;
  text-align: center;
  border-radius: 8px;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
  padding: 6px 28.5%;
  line-height: 3.5;
}

.logo_img {
  height: 6rem;
}

.logo_4d {
  height: 7rem;
  text-align: left;
}
/* FOOTER */
.bgfooter {
  background-color: #000;
  background-size: cover;
}

footer {
  color: gold;
}

footer a {
  color: gold;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

.form-control {
  border-radius: 0;
}

textarea {
  resize: none;
}

table[Attributes] {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  height: 100%;
  width: 100%;
  border-spacing: 0px;
}

table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}

input {
  -webkit-appearance: textfield;
  background-color: white;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
  padding: 1px;
  border: 2px inset;
}

user agent stylesheetinput,
textarea,
keygen,
select,
button {
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin: 0em 0em 0em 0em;
  font: 13.3333px Arial;
}

user agent stylesheetinput,
textarea,
keygen,
select,
button,
meter,
progress {
  -webkit-writing-mode: horizontal-tb;
}

Inherited from table user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}

.btnLogin {
  background: url(../img/login.png) no-repeat;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  display: block !important;
  border: 0;
  cursor: pointer;
}

/* MENU */
.menu {
  overflow: hidden;
  position: relative;
  width: 1000px !important;
  margin: 17px auto;
  border-top: 2px solid gold;
  border-bottom: 2px solid gold;
}

.menu a {
  float: left;
  display: block;
  color: gold;
  padding: 0 37px 0 0;
  margin-left: -6px;
  text-decoration: none;
  font-size: 15px;
  line-height: 2.5;
  text-transform: uppercase;
}
.menu a:focus {
  color: #fff;
  text-decoration: none;
}
.menu a:hover {
  color: #fff;
  text-decoration: none;
}
/* DEPOSIT */
.bgsupport {
  background-color: #000;
  background-size: cover;
}

.viapulsa {
  line-height: 2;
  padding: 0px 22px;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: gold;
  font-size: 15px;
  padding: 0px 15px;
}

.viapulsa-content {
  text-align: left;
  background: #000;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
  border-radius: 10px;
  display: none;
  position: absolute;
  font-size: 15px;
  width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 20px;
  z-index: 1;
  margin-top: -20%;
  margin-left: 70%;
}

.viapulsa:hover .viapulsa-content {
  display: block;
}
/* BANK */
.bank {
  line-height: 2;
  padding: 0px 22px;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: gold;
  padding: 0px 15px;
}

.bank-content {
  text-align: left;
  background: #000;
  border-top: 1px solid gold;
  border-bottom: 1px solid gold;
  border-radius: 10px;
  display: none;
  position: absolute;
  font-size: 15px;
  width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 20px;
  z-index: 1;
  margin-top: -20%;
  margin-left: -100%;
}

.bank:hover .bank-content {
  display: block;
}