@font-face {
  font-family: 'MyriadWebPro';
  src: url('font/MyriadWebPro.ttf');
  
}


a:link {
text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	
}
a:active {
	text-decoration: none;
}

        body{
        font-family: 'MyriadWebPro' !important;
        }
        
        
       @media (min-width: 992px) {
           #header{display:none !important}
        }
        
        
        @media (max-width: 992px) {
            #header{min-height:80px !important}
            #header2{display:none !important}
        }
        

        li{list-style: none}



             @font-face {
  font-family: 'Gotham-Bold_2';
  src: url('fonts/Gotham-Bold_2.otf');
  
}
        
     body{padding-top:0px !important;background:#000;
background-attachment: fixed !important;
background-size: 100% 100% !important;
        
        }
        
        @media screen and (max-width: 768px)  and (min-width: 460px){
         
        }
        
         
     @media screen and (max-width: 460px){
         
         
         #kolom-utama{border:none !important;border-top:solid 1px #736867 !important}
        }


        #header2{background: url(img/bg-menu.png);background-size: 100% 100%;z-index:9999;position:relative}
        #menu1{padding-left:0px;padding-top:60px}
        .menu-1{width:auto;text-align:center;font-size:22px;color:#f7903b;padding-top:10px;height:40px;float:left;font-weight:bolder;margin-left:10px;padding-left:10px;padding-right:10px}
        .menukiri{margin-left:50px}
        .menu-2{width:100px;text-align:center;font-size:22px;color:#e3af41;padding-top:10px;height:40px;float:left;margin-left:1px;font-weight:bolder}
        .menu1-home{margin-left:60px}
        .menu-1:hover{background:#f7c34b;color:#000 !important}
        .menu-2:hover{background:#f7c34b;color:#000 !important}
        #header{background: #000;border-bottom:solid 4px #fb022b;min-height:170px}
        .kolom-besar{background:url(img/overlay1.png);border-right:solid 3px #2d1517;border-left:solid 3px #2d1517}
        #baris-header{background: #000;height:122px;}
        #header-atas1{font-size:16px;color:#f2c831;padding-top:25px}
        #sosmed-atas{padding-top:10px}
        #baris-menu{background: url(img/bg-menu.jpg) !important;background-size: 100% 100% !important;height:40px;}
        #but-menu-promosi{padding:0px;text-align:right}
        #kolom-home-1{padding:0px}
        #kolom-slider{padding:0px}
        #kolom-promo-home{padding-left:8px}
        #kolom-running-teks{height:58px;margin-top:10px;background: url(img/bg-running-teks.png);margin-bottom:40px}
        #running-teks-1{float:left;width:150px}
        #running-teks-2{font-size:16px;color:#fff;padding-top:20px;float:left;width:980px}
        
        #teks-1{text-align:center;font-size:22px;font-weight:bolder;color:#e9e2ce}
        #teks-2{text-align:center;font-size:22px;font-weight:bolder;color:#e5c242;margin-top:5px}
        .txt-all{text-align:center;font-size:14px;color:#ffffff;margin-top:25px;;padding:0px;line-height:1.5em}
        .txt-footer{text-align:center;font-size:16px;color:#ffffff;margin-top:45px;margin-bottom:30px}
.line-spacer{padding:0px;width:100%;height:18px;background: url(img/line-spacer.png) !important;background-size: 100% 100% !important;}
.line-spacer2{padding:0px;width:389px;height:18px;background: url(img/line-spacer.png) !important;background-size: 100% 100% !important;}
#frame-bank2{display:none}
.ico1{height:80px;margin-left:30px;margin-right:70px;padding:12px}
.ico2{height:80px;margin-right:70px;padding:12px}
.ico3{height:80px;margin-right:70px;padding:12px}
.menhed{height:110px;background:#54010f;z-index:9999;position:relative;display:none;text-align:center;padding:10px;padding-top:30px}
.logo-game{height:50px;margin-right:60px}

.all-konten{padding:0px;z-index:2222;position:relative}
.kol-runteks{height:40px;background: #000;color:#fff;padding-top:10px;font-size:16px}
.step{padding-left:2px;padding-right:2px}
.bar-icon-besar{margin-top:50px}
.kol-icon-besar{padding-left:30px;padding-right:30px}
.kol-bank{background:#290209;padding:20px;margin-top:40px}
.kol-menu-games{height:auto;background:#fb022b;padding:0px}
.imgbank2{display: none}
.imgbank3{display: none}
.footer-txt{font-size:18px;text-align:center;padding-top:30px;margin-bottom:30px;color:#fff;font-weight:bolder}

#trik_pojok2 {position:fixed;_position:absolute;top:250px; right:12px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollRight+ document.documentElement.clientWidth - offsetWidth);z-index: 9999 }

#trik_pojok {position:fixed;_position:absolute;top:210px; left:10px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollRight+ document.documentElement.clientWidth - offsetWidth);z-index: 9999 }

.kontak-web{width:190px;height:380px;background:url(img/bg-kontak.png)}
.kolom-kontak1{padding:0px;width:100%;height:50px;margin-top:50px}
.kolom-logo-kontak{padding-left:10px;width:50px;float:left}
.kol-txt-wa{padding:0px;padding-left:0px;width:130px;float:left;color:#fff;font-size:15px;padding-top:7px}
.kolom-kontak-2{padding:0px;width:100%;height:50px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:120px;float:left;color:#fff;font-size:18px;padding-top:5px}
.kol-txt{text-align: center;color:#fff}

@media screen and (max-width: 1700px) {
    .flyban{width: 170px}   
}

@media screen and (max-width: 1600px) and (min-width: 1400px) {
    .flyban{width: 170px}
    .container{width: 1000px}
    .menu-1 {font-size: 18px;margin-left: 10px;padding-left: 10px;padding-right: 10px;}
    .menukiri { margin-left: 80px}
    .ico1 {margin-right: 55px; height: 70px}
    .ico2 {margin-right: 55px;height: 70px}
    .ico3 {margin-right: 55px;height: 70px}
    .logo-game{height: 45px}
}


@media screen and (max-width: 1400px) and (min-width: 1280px) {
    .flyban{width: 140px}
    .container{width: 850px}
    .menu-1 {font-size: 17px;margin-left: 5px;padding-left: 7px;padding-right: 7px;}
    .menukiri { margin-left: 80px}
    .ico1 {margin-right: 35px; height: 70px}
    .ico2 {margin-right: 35px;height: 70px}
    .ico3 {margin-right: 35px;height: 70px}
    .logo-game{height: 40px}
    
    .kontak-web{width:150px;height:290px;background:url(img/bg-kontak.png);background-size: 100% 100%}
.kolom-kontak1{padding:0px;width:100%;height:35px;margin-top:40px}
.kolom-logo-kontak{padding-left:5px;width:35px;float:left}
.kolom-logo-kontak img{width:20px;}
.kol-txt-wa{padding:0px;padding-left:0px;width:115px;float:left;color:#fff;font-size:13px;padding-top:2px}
.kolom-kontak-2{padding:0px;width:100%;height:35px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:115px;float:left;color:#fff;font-size:15px;padding-top:2px}
    
}


@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .flyban{width: 120px}
    .container{width: 750px}
    .menu-1 {font-size: 14px;margin-left: 5px;padding-left: 5px;padding-right: 5px;}
    .menukiri { margin-left: 100px}
    .ico1 {margin-right: 30px; height: 55px}
    .ico2 {margin-right: 30px;height: 55px}
    .ico3 {margin-right: 30px;height: 55px}
    .logo-game{height: 40px}
    
     .kontak-web{width:150px;height:290px;background:url(img/bg-kontak.png);background-size: 100% 100%}
.kolom-kontak1{padding:0px;width:100%;height:35px;margin-top:40px}
.kolom-logo-kontak{padding-left:5px;width:35px;float:left}
.kolom-logo-kontak img{width:20px;}
.kol-txt-wa{padding:0px;padding-left:0px;width:115px;float:left;color:#fff;font-size:13px;padding-top:2px}
.kolom-kontak-2{padding:0px;width:100%;height:35px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:115px;float:left;color:#fff;font-size:15px;padding-top:2px}
    
}

@media screen  and (min-width: 1024px) {
    .float{display: none}
}


@media screen  and (max-width: 1024px) {
    .flyban{width: 100px}
    
}

 @media screen and (max-width: 960px) {
     #trik_pojok2{display: none}
      #trik_pojok{display: none} 
}


        @media screen and (max-width: 1280px) and (min-width: 1176px) {
            
           #kolom-home-1{padding:0px;important;}
           #kolom-promo-home img{height:463px;width:380px}
            #running-teks-2{width:950px}
        }
        
        
        @media screen and (max-width: 992px) and (min-width: 760px) {
            .kol-menu-games{display: none}
            .kolom-game-home{height: 250px !important}
            .kontak-bar1{margin-top:10px}
            .kontak-bar2{margin-top:12px}
.txt-kontak{font-size:16px;padding-top:12px;line-height:1.5em;letter-spacing: 1.5px}
             
        }
        

   

       @media screen and (max-width: 760px) {
           .kol-menu-games{display: none}
           .kol-runteks{height: 30px;font-size:14px;padding-top:5px;}
           .step-kanan{width:49%;margin-right:1%;float:left}
           .step-kiri{width:49%;margin-left:1%;float:left}
           .step img{margin-top:15px}
           
           .ico-kanan{width:49%;margin-right:1%;float:left}
           .ico-kiri{width:49%;margin-left:1%;float:left}
           .kol-icon-besar{padding-left:15px;padding-right:15px}
           .imgbank2{display: block}
            .imgbank3{display: block;margin-top:20px}
           .imgbank1{display: none}
           .footer-txt{font-size:14px}
            h1{font-size:18px}
            h2{font-size:16px}
            h3{font-size:14px}
           p{line-height: 16px}
           .kol-txt{font-size:12px;}
           
        }
        
          @media screen and (max-width: 460px) {
            #running-teks-1 img{height:40px;}
            #running-teks-1{width:auto !important;padding-top:8px}
            #running-teks-2{width:250px}
              .line-spacer{height:12px;}
        }
        
          @media screen and (max-width: 400px) {
            #running-teks-1 img{height:40px;}
            #running-teks-1{width:auto !important;padding-top:8px}
            #running-teks-2{width:230px}
               .line-spacer{height:10px;}
              
        }
        
        @media screen and (max-width: 360px) {
            #running-teks-1 img{height:40px;}
            #running-teks-1{width:auto !important;padding-top:8px}
            #running-teks-2{width:200px}
             .line-spacer{height:8px;}
        }
        
      
        
        @media screen and (max-width: 320px) {
            #running-teks-1 img{height:40px;}
            #running-teks-1{width:auto !important;padding-top:8px}
            #running-teks-2{width:140px}
            .line-spacer{height:8px;}
        }
        
        @media screen and (max-width: 240px) {
            #kolom-running-teks{display: none;}
            .line-spacer{height:6px;}
        }
        








@media screen and (max-width: 992px) and (min-width: 760px) {
            
            .kolom-game-home{height: 250px !important}
    .kolom-kontak{height: 250px !important}
            .kontak-bar1{margin-top:5px}
            .kontak-bar2{margin-top:7px}
.txt-kontak{font-size:16px;padding-top:1px;line-height:1.5em;letter-spacing: 1px}
        }






.label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#F33;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:8888;
	animation: bot-to-top 2s ease-out;
}

.lc1{
    padding:0;margin:0;
	position:fixed;
	left:40px;
	padding-bottom:20px;
	bottom:80px;
	z-index:8888;
}

.lc1 li{
	list-style:none;
	margin-bottom:10px;
}

.lc1 li a{
	background-color:#F33;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	width:60px;
	height:60px;
	display:block;
}

.lc1:hover{
	visibility:visible!important;
	opacity:1!important;
}


.my-float{
	font-size:24px;
	margin-top:18px;
}

a#menu-share + ul{
  visibility: hidden;
}

a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i{
	animation: rotate-in 0.5s;
}

a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

    .tooltip{
    font-size:20px;letter-spacing: 1px;
}    


@media screen and (max-width: 992px) {
    .float{left:10px}
    .lc1{left:10px}
}