body {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
}
.form-control {
    border-radius: 15px !important;
}
.wcover p {
    color: white !important;
}
#content .panel-heading center h2{
  display: none;
}

#content .panel-heading:nth-child(1), #content .panel-heading:nth-child(2), #content .panel-heading:nth-child(3), #content .panel-heading:nth-child(4), #content .panel-heading:nth-child(5), #content .panel-heading:nth-child(6), #content .panel-heading:nth-child(7), #content .panel-heading:nth-child(8), #content .panel-heading:nth-child(9), #content .panel-heading:nth-child(10), #content .panel-heading:nth-child(11), #content .panel-heading:nth-child(12), #content .panel-heading:nth-child(13), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(15), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18) {
    margin-top: -47px;
    padding: 10px;
}

.wbutton {
width : 150px;
margin-top : 13px;
}

.navbar-fixed-top .container {
  
}
.news-detail .latest-news .dates {
  font-size: 12px;
  color: #ffffff;
}
.news-detail .latest-news > a {
  color: #ffffff;
}
.results-detail .results-number {
  color: #ffffff;
}
.results-detail .results-pool {
  color: #ffffff;
  font-weight: 700;
}
.results {
  border-radius: 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 5px 5px 5px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.fht-table-wrapper {
  border-radius: 4px;
}

.results .results-detail {
  
}
.row .news-head > h5 > i {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
.row .news-head > h5 {
  color: #ffffff;
}
.news-body ul.newsticker > li > a {
  color: #ffffff;
}
.results .custom-navigations .btn.prev.prevControl .fa, .results .custom-navigations .btn.nextControl .fa {
  color: white;
}
.results .custom-navigations .btn.prev.prevControl, .results .custom-navigations .btn.nextControl {
  background: #c07f00;
}
#load-info-referral {
  color: white;
}
.col-md-9 span {
  color: white;
}
body footer#footer .footer-main .widget p {
  margin-top: 0;
  margin-bottom: 0;
}
body .scroll-top a {
  color: white;
  background: #c07f00;
}
body .scroll-top a:hover {
  color: black;
  background: #fff6ce;
}

#latest-results .gameicon {
  padding: 5px !important;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00 !important;
}
.linkalternat {
  display: none;
  width: 100%;
  margin: 15px 0 15px 0;
}
.linkalternat a {
  display: flex;
  width: 100%;
  transition: all 0.2s ease-out;
  font-weight: 600;
  padding: 8px 12px;
  letter-spacing: 2px;
  color: #fff;
  background: linear-gradient(111.83deg,#2d74b2 24.54%,#21537e 72.94%);
  text-shadow: 1px 1px 1px black;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  border-radius: 3px;
  border: none;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
}
.linkalternat a:hover {
  text-decoration: none;
  color: white;
  background: transparent;
}
footer#footer .grpcontact h6 {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 15px;
  font-weight: bold;
  color: #aeafb0;
  box-shadow: 0 0 1px 1px rgb(0 0 0 / 40%), inset 0 1px rgb(255 255 255 / 30%);
  margin: 6px 0;
}
.gamespft {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.detailfooter .grpcontact a {
  color: #aeafb0 !important;
}
.detailfooter {
  background: #1a1d23;
  padding: 20px;
  margin-top: 10px;
}
.menupft {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-left: 20px;
}
.contactpft {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.grpcontact {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
.grpcontact img {
  width: 15px;
  height: 15px;
  filter: brightness(7) contrast(0.5);
  margin-right: 5px;
}
.grpfooter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  justify-items: center;
  align-items: start;
  justify-content: center;
  margin: auto;
  gap: 10px;
}
.detailfooter .daport {
  width: 100%;
  padding: 10px;
}
body .section .container {
  padding: 0 20px 10px 20px;
  background: #151001!important;
}

.owl-carousel.bankscroll {
  margin-top: 7rem;
}

#peraturan form {
  text-align: justify;
  padding: 20px;
}
#peraturan .row.legend {
  width: 100%;
  text-align: center;
  margin-top: 35px;
}
#peraturan .col-md-8.legend {
  width: 70%;
}
.blog-posts .panel-heading .row .col-xs-9 {
  /* width: 100%; */
  padding: 0;
}
.blog-posts .panel-heading .row .wimage {
  border-radius: 6px 6px 0 0;
}
.blog-posts .panel-heading .row .wcover {
  width: 650px;
  background: #051549;
  color: #dfdfdf;
  padding: 10px;
  display: none;
  margin-top: 5px;
  border-radius: 0 0 6px 6px;
}
.blog-posts .panel-heading .row .wcover p {
  color: #dfdfdf !important;
}
.blog-posts .panel-heading .row .wcover li {
  color: #dfdfdf;
}
#content .panel-heading .padleft .btn.btn-theme.wbutton {
  margin-top: 0;
}
.blog-posts .panel-heading .row .padleft {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 34px 0px;
  padding-left: 50px;
}
.blog-posts .panel-heading .row  {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  background: #000000;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.blog-posts form .legend {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-posts form {
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.blog-posts form th {
  background: #fff6ce;
  color: black;
}
#submitSearch {
  padding: 5px 12px 11px 12px;
}
.bukumimpi-table .fht-thead th {
  font-weight: bold;
}
.fht-thead tr {
  display: flex;
  
}
.col-md-12 .bukumimpi-table {
  height: 740px;
}
.bukumimpi-table {
  padding: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.bukumimpi-table #headerFixed .even1 td {
  background-color: transparent;
}
.bukumimpi-table tr:nth-child(even) {
  background: #172c33;
  color: white;
}
.bukumimpi-table .even1 {
  background: #0e1a1e;
  color: white;
}
.bukumimpi-table th {
  background: #fddd01;
  color: black;
}
#isihistory center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
#isihistory {
  margin-top: 15px;
  padding: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
#isihistory .legend {
  margin-top: 0;
  margin-bottom: 0;
}
#isihistory th {
  background: #fede00;
  color: black;
}
#isihistory tr {
  background: #0e1a1e;
  color: white;
}
#isihistory tr:nth-child(even) {
  background: #172c33;
  color: white;
}
#pool-name {
  color: white;
  background-color: #c07f00;
}
#how .tabdrop {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
}
#how .tabdrop .btn-small {
  background: #c07f00;
  color: white;
  font-weight: bold;
  transition: all 0.3s ease;
  margin-bottom: 0;
  border: 1px solid #fff !important;
}
#how .tabdrop .btn-small:hover {
  background: transparent;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%), inset 0 0 2px #cd8400, inset 0 0 3px #ffc930;
  color: #fff6ce;
}
.blog-divider {
  border-top: 1px solid #c07f00;
}
.blog-posts .col-md-12 .uppercase {
  color: #ffe223;
}
.row .form-group button.btn-theme, .row .btn.btn-theme  {
  padding: 8px 12px 8px 12px;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  background: linear-gradient(38deg, #c07f00, #fff7d4, #c07f00, #fff7d4, #c07f00), linear-gradient(225deg, rgb(255 255 255 / 43%) 0%, rgb(255 255 255 / 58%) 60%);
  background-size: 400% 400%;
  animation: backgroundAnimation 10s ease infinite;
  border: 1px solid transparent !important;
  transition: all 0.3s ease;
}
.row .form-group button.btn-theme, .row .btn.btn-theme:hover {
  background: transparent;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  color: white;
}
.form-group {
  position: relative;
}
.daftarjackpot {
  width: 100%;
  margin: 0px 0 15px 0;
}
.daftarjackpot a {
  width: 100%;
}
.daftarjackpot button {
  width: 100%;
  transition: all 0.2s ease-out;
  font-weight: 600;
  padding: 8px 12px;
  letter-spacing: 2px;
  color: #fff;
  background: linear-gradient(111.83deg,#c07f00 24.54%,#3f80f3 72.94%);
  text-shadow: 1px 1px 1px black;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  border-radius: 4px;
  border: none;
}
.daftarjackpot button:hover {
  background: linear-gradient(111.83deg,#2a86ff 24.54%,#3c81ff 72.94%);
}
#preloader {
  display: none;
}
.footer-bottom .col-sm-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container {
  position: relative;
}
body .skrollable-between .container .iconkeylogindsk {
  top: 1px;
  position: absolute;
  right: 245px;
  filter: contrast(0.5);
}
body .skrollable-after .container .iconkeylogindsk {
  top: 4px;
  position: absolute;
  right: 245px;
  filter: contrast(0.5);
}
.iconkeylogindsk img {
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
body .skrollable-between .container .iconuserlogindsk {
  top: 1px;
  position: absolute;
  right: 460px;
  filter: contrast(0.5);
}
body .skrollable-after .container .iconuserlogindsk {
  top: 4px;
  position: absolute;
  right: 460px;
  filter: contrast(0.5);
}
body .iconuserlogindsk img {
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
footer#footer .widget-about {
  margin: 0 10px;
  margin-bottom: 40px;
}
footer#footer .widget-about h1 {
  text-align: center;
  font-size: 30px;
  color: #ffe323;
  font-weight: bold;
  padding: 10px;
  border-radius: 3px;
  border-bottom: 1px solid;
}
footer#footer .widget-about h2 {
  text-align: center;
  font-size: 28px;
  color: #ffe323;
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px solid;
}
footer#footer .widget-about h3 {
  text-align: center;
  font-size: 22px;
  color: #ffe323;
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px solid;
}
body #footer .footer-bottom .container {
  padding-right: 0;
  padding-left: 0;
}
.footer-main .container {
  padding-right: 0;
  padding-left: 0;
}
body footer#footer .footer-bottom {
  padding: 0;
  background-color: #1a1d23;
  font-size: 12px;
  font-weight: 300;
  color: rgba(255, 255, 255, 1);
  vertical-align: middle;
  margin-top: 10px;
}
#footer .row {
  background: #333;
  margin: 0;
}
#footer .footer-bottom {
  padding: 10px 0;
}
body footer#footer .footer-bottom .copyright {
  padding: 5px;
  text-align: center;
  background: #0f1115;
  border-top: 10px solid #333;
}
.footer-main .col-md-12 {
  background: #333;
  margin-top: 10px;
  padding: 30px 15px;
}
body footer#footer {
  background: #333;
  border-top: none;
  margin: auto;
  width: 1170px;
}
footer#footer .footer-main {
  background: transparent;
}
.form-group form .form-control::placeholder {
  color: #dadada;
}
.form-group form .form-control {
  box-shadow: inset 0 2px 3px #17181f;
  border: none;
}
.form-group .form-control {
  box-shadow: inset 0px 5px 10px #67624a;
  border: none;
  background: #ffffff;
  padding: 6px 10px 6px 40px;
  text-align: left;
  color: black;
}
body .navbar-fixed-top {
  background: linear-gradient(38deg, #3f1919 20%, #fff7d4 55%, #0c100d);

}
.navbar-fixed-top{
max-width: 1170px !important;
    margin: auto !important;
}
.text-center .run-text-depan {
  color: black;
}
.row .news-body {
  background: #c07f00 left center no-repeat;
  clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  position: relative;
  left: -1px;
}
.text-center.news-head {
  background: linear-gradient(88deg, #c07f00, #c07f00, #c07f00, #c07f00), linear-gradient(225deg, rgb(255 255 255 / 43%) 0%, rgb(255 255 255 / 58%) 60%);
  clip-path: polygon(0% 0%, calc(0.75rem) 50%, 0% 100%, 100% 100%, 100% 50%, 100% 0);
}
.masking ul.newsticker {
  display: flex;
  align-item: center;
}
.results .news-detail {
  height: 205px;
  background: transparent;
  padding: 0;
}
.results .latest-news {
  font-size: 15px;
  display: block;
  margin-bottom: 4px;
  background: #000000;
  padding: 8px 15px;
  border-radius: 4px;
  position: relative;
}
.results .latest-news b {
  font-size: 16px;
}
.results .gmbnews {
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  padding: 2px;
}
.col-md-12 h4 .gmbnews {
  display: none;
}
.slider .owl-carousel .item img {
  border-radius: 3px;
}
.blog-posts .slider #progressBar #bar {
  background: #ffdf00;
}
.row .blog-sidebar .nav.menu > li > a {
  border-bottom: 1px solid #c07f00;
}
.blog-sidebar .sidebar-nav {
  padding: 0px;  
}
.blog-posts #slider {
  padding: 5px;
  margin-top: 10px;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.sidebar-button .btn.btn-theme {
  width: 100%;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
}
.col-sm-7 button.btn-theme, .btn.btn-theme, .legend .btn.btn-theme {
  color: #fff;
  text-shadow: 1px 1px 1px black;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
}
.blog-sidebar .results {
  color: white !important;
  background: linear-gradient(105deg, #c07f00 0%, rgba(222, 184, 135) 80%);
  border-radius: 6px;
  padding: 10px;
  box-shadow: inset 0 0 5px #c07f00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #c07f00;
}
.banneriklanbwh {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 5px;
  border-radius: 6px;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  margin: 10px 0;
}
@keyframes backgroundAnimation {
0% {
  background-position: right top;
}
50% {
  background-position: left bottom;
}
60% {
  background-position: left bottom;
}
100% {
  background-position: right top;
}
}
#content4d .form-control {
  padding: 5px;
}
@media screen and (max-width: 1199px) {
  .iconkeylogindsk, .iconuserlogindsk {
     display: none;
   }
}
.komponenpromo {
  width: 500px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 8px 12px 20px #000000, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  position: relative;
  animation: jujumuncul 0.3s;
}
@keyframes jujumuncul {
  0% {
      transform: scale(0.3);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}
.komponenpromo h3 {
  width: 100%;
  text-align: center;
  background: white;
  padding: 5px 0;
  font-family: system-ui !important;
  font-weight: 900;
  letter-spacing: 1px;
  color: black;
  text-transform: uppercase;
  margin: 0;
  border-radius: 9px 9px 0 0;
}
.bodymodalpromo {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.bodymodalpromo img {
  width: 100%;
}
.posisiahref {
  position: absolute;
  bottom: 20%;
}
.posisiahref[data-btnswitch="0"] {
  display: none;
}
.btnclaimpromo {
  outline: none;
  border: none;
  padding: 5px 20px;
  border-radius: 8px;
  background: linear-gradient(to top, #72471d 40%, #c3a768);
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  color: #fbcd06;
  stroke: black;
  cursor: pointer;
  text-shadow: 0 0 2px black;
  animation: ffdge 1.2s linear infinite;
  transition: all 0.3s ease;
}
.btnclaimpromo:hover {
  background: linear-gradient(to top, #b87a3e 40%, #f6dfac);
  color: white;
  transform: scale(1.03);
  box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
  animation:none;
}
@keyframes ffdge {
  0% {
      transform: scale(1);
      box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  }
  50% {
      transform: scale(1.03);
      filter: brightness(1.5);
      box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
  }
  100% {
      transform: scale(1);
      box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  }
}
.tutupmodalpromo {
  outline: none;
  border: none;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
  font-weight: 900;
  color: black;
  font-size: 17px;
  letter-spacing: 1px;
  border-radius: 0 0 9px 9px;
  transition: all 0.3s ease;
}
.tutupmodalpromo:hover {
  background: black;
  color: white;
}
.hrfx {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -25px;
  right: -30px;
  background: white;
  padding: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black !important;
  font-weight: bolder !important;
  box-shadow: 8px 12px 20px #00000082, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hrfx:hover {
  background: black;
  color: white !important;
}
.blog-sidebar .nav.menu > li > a > i {
  background: -webkit-linear-gradient(#fff, #fff) !important;
  -webkit-background-clip: text !important;
}
.results > h4 > i {
   background: -webkit-linear-gradient(#fff, #fff) !important;
  -webkit-background-clip: text !important;
}
.widget-about a {
  color: #ffe323;
}
.widget-about a:hover {
  color: #ffe323 !important;
}

#bank .col-md-9 {
  margin-left: 20px;
  margin-top: -70px;
  width : 100%;
}

#bank .btn-group.with-heading {
  position: relative;
  margin: 0;
  top: 0;
  background: #153b62;
  width: 100%;
  padding: 15px 10px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #fff, 1px 1px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
}

#bank .btn-group.with-heading h4 {
  margin-bottom: 0px;
}

.inner-wrap .bank {
  width: 23.9%;
}
.bank {
  vertical-align: middle;
  background: white;
  border: none;
}
.bank img:first-child {
  margin-top: 0;
  filter: drop-shadow(1px 1px 1px #00000073);
}
.bank img:last-child {
  filter: drop-shadow(1px 1px 1px #00000073);
}

.angka-keluar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.menuaa {width: 175px;background: rgba(0,0,0,0.6);}.menu_item {text-align: center;display: block;background: rgba(224, 224, 224, 0);color: #003300;border-top: 0px; border-color: #d9aa0c;padding: 8px 20px;font-family: Arial,Helvetica,sans-serif;font-size: 12px;text-decoration: none;width: 179px;border-bottom: 1px #01243d solid;padding: 10px;}.linkalte {text-align: center;text-decoration: none;color: #FFFFFF;font-family: arial;font-weight: bold;}#fl-menu{position: fixed;top: 20%;right:  0px;z-index: 1;width: 170px;height: 60px;display: block;overflow: hidden;-webkit-transition: height 0.5s;}#fl-menu:hover { height: 190px; }

.shgspin {
  position: fixed;
  bottom: 5%;
  left: 1%;
  width: 150px;
  z-index: 101;
}
#shgclose {
  position: absolute;
  right: 0;
  color: #ffffff;
  font-size: 10px;
  background: #515151;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px 2px 2px;
  cursor: pointer;
  z-index: 102;
  transition: all 0.3s ease;
}
.shglink {
  position: relative;
  z-index: 100;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.shgimgspin {
  width: 150px;
  position: relative;
  z-index: 100;
  left: 0px;
}
.shgbtnspin {
  width: 80%;
  outline: none;
  border: none;
  border-radius: 9px;
  padding: 3px;
  font-size: 10px;
  letter-spacing: 2px;
  background: linear-gradient(45deg, #ce531f, #ffcf22);
  color: #ffffff;
  font-weight: 900;
  box-shadow: inset 0 1px rgb(255 255 255 / 30%);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

.owl-theme .owl-controls .owl-page span {
    display: none;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.vertical-slider{
  width: 100%;
}

.col-sm-9.blog-posts > .col-sm-9{width:100%}

.contact-us {
  position: fixed;
  left: 0;
  top: 100px;
  transition: .5s ease-out 1s;
  z-index: 99;
  color: #ffde02;
  transform: translateX(calc(-100% + 3.5rem))
}

.contact-us:hover {
  transform: translateX(0);
  transition: .5s ease-in;
  z-index: 99
}

.contact-area {
  display: flex
}

.contact-area>div {
  display: inline-block;
  margin: 0;
  vertical-align: top
}

.contact-head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .7rem
}

.contact-us .contact-area .contact-label {
  height: fit-content;
  width: 3.5rem;
  min-height: 150px;
  writing-mode: vertical-rl;
  display: flex;
  cursor: default;
}

.contact-label img {
  margin-bottom: .5rem;
  height: auto;
  top: -10px;
  position: relative;
}

.contact-block {
  min-width: 150px;
  min-height: 190px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #092711;
  padding: 5px;
  padding-bottom: .7rem;
}

.contact-btn {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.cu-livechat {
  background: #e72d13;
  color: #fedc3d;
  border-color: #e72d13;
  padding: 6px 12px;
  font-size: 14px
}

.cu-join {
  background: #13e73d;
  color: #000;
  border-color: #13e733;
  padding: 6px 12px;
  font-size: 14px
}

.contact-desc {
  display: flex;
  align-items: center;
  padding: 6px 2px
}

.contact-link {
  background: #184322;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 7px 5px;
  display: flex;
  color: #ffde02;
  align-items: center;
  font-size: 17px
}
.contact-link:last-child{margin-bottom: 0;}

.contact-link:hover {
  color: #fff
}

.contact-block img {
  margin-right: 4px;
  width: auto
}

.contact-block .contact-link img {
  margin-right: 8px
}

.contact-head img {
  max-width: 65px
}

.contact-desc img {
  max-width: 40px
}

.contact-link img {
  max-width: 25px
}

.results h4 {
  color: #ffffff !important;
}

.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://sekolahcoding.site/0022024/img/Singapore.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://sekolahcoding.site/0022024/img/Sydney.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://sekolahcoding.site/0022024/img/Hongkong.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://sekolahcoding.site/0022024/img/Macau.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://sekolahcoding.site/0022024/img/Bogota.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://sekolahcoding.site/0022024/img/Pcso.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://sekolahcoding.site/0022024/img/Kentucky.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://sekolahcoding.site/0022024/img/Virginia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) {  content:url("https://sekolahcoding.site/0022024/img/Cambodia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://sekolahcoding.site/0022024/img/China.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://sekolahcoding.site/0022024/img/Carolina.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://sekolahcoding.site/0022024/img/Taiwan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://sekolahcoding.site/0022024/img/Florida.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://sekolahcoding.site/0022024/img/Indiana.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://sekolahcoding.site/0022024/img/Missouri.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://sekolahcoding.site/0022024/img/Japan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://sekolahcoding.site/0022024/img/Newyork.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://sekolahcoding.site/0022024/img/Newjersey.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://sekolahcoding.site/0022024/img/Texas.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://sekolahcoding.site/0022024/img/Delaware.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://sekolahcoding.site/0022024/img/Illinois.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://sekolahcoding.site/0022024/img/Washington.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("https://sekolahcoding.site/0022024/img/Michigan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://sekolahcoding.site/0022024/img/Ohio.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://sekolahcoding.site/0022024/img/Jakarta.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) {  content:url("https://sekolahcoding.site/0022024/img/Georgia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) {  content:url("https://sekolahcoding.site/0022024/img/California.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) {  content:url("https://sekolahcoding.site/0022024/img/Maryland.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) {  content:url("https://sekolahcoding.site/0022024/img/Singapore.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) {  content:url("https://sekolahcoding.site/0022024/img/Sydney.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) {  content:url("https://sekolahcoding.site/0022024/img/Hongkong.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) {  content:url("https://sekolahcoding.site/0022024/img/Macau.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) {  content:url("https://sekolahcoding.site/0022024/img/Bogota.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) {  content:url("https://sekolahcoding.site/0022024/img/Pcso.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) {  content:url("https://sekolahcoding.site/0022024/img/Kentucky.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) {  content:url("https://sekolahcoding.site/0022024/img/Virginia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) {  content:url("https://sekolahcoding.site/0022024/img/Cambodia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) {  content:url("https://sekolahcoding.site/0022024/img/China.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) {  content:url("https://sekolahcoding.site/0022024/img/Carolina.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) {  content:url("https://sekolahcoding.site/0022024/img/Taiwan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) {  content:url("https://sekolahcoding.site/0022024/img/Florida.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) {  content:url("https://sekolahcoding.site/0022024/img/Indiana.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://sekolahcoding.site/0022024/img/Missouri.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://sekolahcoding.site/0022024/img/Japan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) {  content:url("https://sekolahcoding.site/0022024/img/Newyork.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) {  content:url("https://sekolahcoding.site/0022024/img/Newjersey.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) {  content:url("https://sekolahcoding.site/0022024/img/Illinois.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) {  content:url("https://sekolahcoding.site/0022024/img/Texas.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) {  content:url("https://sekolahcoding.site/0022024/img/Delaware.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(49) {  content:url("https://sekolahcoding.site/0022024/img/Illinois.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(50) {  content:url("https://sekolahcoding.site/0022024/img/Washington.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(51) {  content:url("https://sekolahcoding.site/0022024/img/Michigan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(52) {  content:url("https://sekolahcoding.site/0022024/img/Ohio.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(53) {  content:url("https://sekolahcoding.site/0022024/img/Jakarta.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(54) {  content:url("https://sekolahcoding.site/0022024/img/Georgia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(55) {  content:url("https://sekolahcoding.site/0022024/img/California.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(56) {  content:url("https://sekolahcoding.site/0022024/img/Maryland.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(57) {  content:url("https://sekolahcoding.site/0022024/img/Singapore.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(58) {  content:url("https://sekolahcoding.site/0022024/img/Sydney.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(59) {  content:url("https://sekolahcoding.site/0022024/img/Hongkong.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(60) {  content:url("https://sekolahcoding.site/0022024/img/Macau.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(61) {  content:url("https://sekolahcoding.site/0022024/img/Bogota.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(62) {  content:url("https://sekolahcoding.site/0022024/img/Pcso.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(63) {  content:url("https://sekolahcoding.site/0022024/img/Kentucky.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(64) {  content:url("https://sekolahcoding.site/0022024/img/Virginia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(65) {  content:url("https://sekolahcoding.site/0022024/img/Cambodia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(66) {  content:url("https://sekolahcoding.site/0022024/img/China.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(67) {  content:url("https://sekolahcoding.site/0022024/img/Carolina.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(68) {  content:url("https://sekolahcoding.site/0022024/img/Taiwan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(69) {  content:url("https://sekolahcoding.site/0022024/img/Florida.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(70) {  content:url("https://sekolahcoding.site/0022024/img/Indiana.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(71) {  content:url("https://sekolahcoding.site/0022024/img/Missouri.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(72) {  content:url("https://sekolahcoding.site/0022024/img/Japan.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(73) {  content:url("https://sekolahcoding.site/0022024/img/Newyork.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(74) {  content:url("https://sekolahcoding.site/0022024/img/Newjersey.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(75) {  content:url("https://sekolahcoding.site/0022024/img/Texas.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(76) {  content:url("https://sekolahcoding.site/0022024/img/Virginia.jpg")}
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(77) {  content:url("https://sekolahcoding.site/0022024/img/Jakarta.jpg")}