.claimakun{
	width:40%;
}

@media (min-width: 1024px) {
    .bo {
		width: 999px;
		margin: 0 auto 0;
	}
		.claimakun {
    width: 166px;
}	

}

@media (max-width: 1024px) {
	.footer-container {
	display:none;
	}
	.prom img {
		height:160px;
	}
	.slider img{
		height:160px;
	}
	
}

@media (max-width: 720px) {
	.footer-container {
	display:none;
	}
	.prom img {
		height:110px;
	}
	.slider img{
		height:130px;
	}
}

iframe#embed
{
    margin-top:0px;  /* clipping top of page */
    overflow:hidden;
}


p{
line-height: 1.4;
}

a{
text-decoration: none;	
}

img{
vertical-align: middle;
}

table {
width:100%;
}

tr:nth-child(even) {
background-color: #5c5c5c;
}

td{
padding:10px;	
}

h1,h2,h3,h4,h5,h6{
    font-weight: 500;

}

h2{
	font-family: Abel, sans-serif;
	font-size:28px;
}
h3{
	font-family: Abel, sans-serif;
	font-size:24px;
}
h4{
	font-family: Abel, sans-serif;
	font-size:22px;	
}
h5{
	font-family: Abel, sans-serif;
	font-size:18px;
}

body{
	background-color:#000;
	font-size: 16px;
	font-family: abel;
	line-height: 1.42857143;
	color: #fff;
	margin: 0px;
}


.mainmenubtn {
    background-color: white;
    color: black;
    cursor: pointer;
    padding:3px;
	margin-top: 8px;
	padding: 0px 21px 0px 21px;
	width:165px;

	
}
.mainmenubtn:hover {
    background-color: #376e97;
	color:white;
    }
	
.dropdown {
    position: static;
    display: inline-block;
}

.dropdown-child {
    display: none;
    background-color: #050A30;
    min-width: 200px;
	border: white 1px solid;

}
.dropdown-child a {
    color: white;
    padding: 10px;
    text-decoration: none;
    display: block;
	border-bottom: white 1px solid;
}
.dropdown:hover .dropdown-child {
    display: block;
}

.isikonten {
	width:100%;
	margin: -20px auto 0px;
    background-color: #222534;
	text-align:center;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bg-dark {
    background-color: #222534;
}

.ml-auto {
    margin-left: auto;
}


.header {
	width: 100%;
	margin: 0px auto 0px;
}

.startmenu {
	margin-top:60px;
}

.collapsible {
  background-color: #376e97;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 20px;
  margin-bottom: 4px;
}

.active, .collapsible:hover {
  background-color: #FFFFFF;
  color: #000;
}

.content {
  padding: 0px 10px;
  max-height: 0;
  overflow: hidden;
  background-color: #000;
  margin: -2px 0px 2px 0px;
  transition: max-height 0.2s ease-out;
}

.panel
{
	margin-top:20px;
	padding-top:0px;
	background:none;
}
.panel-heading
{
	margin-top:0px; padding-top:0px;
	background:none;
}

.panelbg {
    background: rgba(0,0,0,.3) !important;
    margin-bottom: 20px;
    background-color: #2e3338;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.glyphicon-tasks, .glyphicon-tags
{
	margin-right:15px;	
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-tags:before {
    content: "\e042";
}

.konten {
margin-top:10px;	
margin-left:1.2%;
width:48%;
float:left;	
text-align:center;
}

.gambarbrand{
	width:100%;
	text-align:center;
}

.brand {
margin-top:10px;	
margin-left:1.2%;
width:97.5%;
text-align:center;
}

.isibrand {
margin-top:10px;	
width:100%;
text-align:center;
}

.logo {
	margin-top: 5px;
	height: 100px;
	margin-top: 12px;
	text-align:left;
	width:100%;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

ul {
    margin-top: 0rem;
    margin-bottom: 1rem;
}


.button {
  background-color: #f44336; 
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  width:95%;

  
}



.buttonmasukv {
	background-color: #920000;
	color:#fff;
	width:48%;
	}
	
.buttonmasuk {
	background-color: #920000;
	color:#fff;
	width:48%;
	}
		
	
.buttonevent {
	background-color: #d38100;
	color:#fff;
	width:48%;
	}
	
.buttonpromo {
	background-color: #fff;
	color:#000;
	width:48%;
	}

.buttonwa {
	background-color: #24a217;
	color:#fff;
	width:48%;
	}	
	
.buttonmasuk62 {
	background-color: #920000;
	width:48%;
	}
	
.buttonmasukGarda {
	background-color: #920000;
	width:48%;
	}	
	
.buttonmasukLautan {
	background-color: #920000;
	width:48%;
	}		
	
.buttonbvisa4d {
	background-color: blue;
}

.buttonbtogel62 {
	background-color: red;
}

.buttonbgardaslot {
	background-color: green;
}

.buttonblautanslot {
	background-color: orange;;
}
	
@keyframes buzz{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}3%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}6%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}9%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}12%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}18%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}21%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}24%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}27%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}30%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}36%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes pop{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}20%{-webkit-transform:scale(1.07,1.07);transform:scale(1.07,1.07)}50%{-webkit-transform:scale(1,1);transform:scale(1,1)}}
	
.menu {
	padding-top: 13px;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #FFF;
	float: right;
	font-family:abel;
	font-weight:bold;
}
	

.menu ul {
padding: 0px;
margin: 0px;
list-style: none;
}

.menu ul li{
padding: 0px;
    margin: 0px;
    float: left;
	margin-left:20px;
	
}

.menu ul li a{
text-decoration:none;
color:#fff;	
}	

.boxprod{
	display:block; 
	width:100%; 
	height:130px; 
	position:absolute; 
	top:100px !important; 
	left:0%; 
	display:none; 
	z-index: 2;
}
	
.info{
background-color: #222534;
margin-top:5px;
width:100%;
}



.slider {
	width: 100%;
	margin: 60px auto 0px;
}

.mySlides {
	width: 100%;
	margin: 0px auto 0px;
}



	
.info-brand{	
	height: 35px; 
	margin-top: 10px;
	padding: 5px 5px 5px 10px;
	font-size: 24px;
	font-style:italic;
	background-color: #1d1d1d;
	font-weight:bold;
}

.isi-brand{
	margin-left: 20px;
	font-size: 18px;
	color: #fff;
	font-weight:normal;
}

.bank-container {
	width: 100%;
	margin: 20px auto 0px;
	background-color: #222534;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}

.metode-text{
	margin-bottom:15px; 
	margin-left:auto;
	font-size:20px;
}	

.metode-underline{
	padding:5px 15px 5px 15px;
	border-bottom: 3px #376e97  solid;
}	

.provider {
	width: 100%;
    height: 30px;
    padding: 0px 0px 0px 2px;
    font-size: 16px;
    float: left;
    border-bottom: 3px #ff0000 solid;
}

.footer-container{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #121116;
}

.footer-container a {
	color:inherit;
	text-decoration:underline;
}