body{
	margin:0px;
	padding:0px;
	font-family: 'Lato', sans-serif;	
	font-weight:400;
	overflow-x:hidden;
	background: #151515;
}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
p{ margin:0px; padding:0px;}
a{ text-decoration:none; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
a:hover, a:focus, a:active{ outline:none; text-decoration:none;}
input:hover, input:focus, input:active{ outline:none;}
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}
img{ border:0px; vertical-align: middle; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.clearfix{ clear:both; overflow:hidden;}
.wrapper{ margin:0px auto;}
.container{ max-width:1310px;}

@-webkit-keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

.common-title-hp{text-align:center; }
.common-title-hp h2{ font-size:30px; line-height:44px; color:#545454; font-weight:700; }
.common-title-hp h3{ font-size:24px; line-height:36px; color:#545454; font-weight:700; padding:30px 0 0 0; }
.common-title-hp p{ font-size:17px; line-height:30px; color:#545454; padding:23px 0 0 0; }

.common-btn-hp{color:#ffffff; background:#6E9940; border-radius:3px; display:inline-block; padding:15px 29px; font-size:15px; line-height:20px; position:relative; text-align:center; font-weight:700; box-shadow:0 4px 8px rgba(0,0,0,0.15); }
.common-btn-hp:hover{ color:#fff; opacity:0.8; }

/*--------------- HEADER_START --------------*/
#header{ padding:10px 0; margin:0px;  position:absolute; width:100%; top:0; z-index:1; }
.header-in-hp{ display: flex; align-items: center; justify-content:space-between; min-height:80px; }
.header_logo_hp{ width:247px; }
.header_logo_hp img{ width:100%; }
.consult_btn_hp{ padding:0px 0; }
.consult_btn_hp a{display:block; background:#37F1DF; border-radius:30px; padding:12px 33px; font-size:16px; color:#fff; font-weight:700;}
.consult_btn_hp a:hover{ opacity:0.7; }
.fix-header #header{ position:fixed; top:0; z-index:99; background:#151515; padding:0; }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:100px 0 0 0; overflow:hidden; position:relative; }
#contain:before{ content:''; position:absolute; left:0; top:0; background:url(../images/shadow_1.png) no-repeat left top; background-size:100% auto; width:1033px; height:883px; }
#contain:after{ content:''; position:absolute; right:0; top:0; background:url(../images/shadow_2.png) no-repeat right top; background-size:100% auto; width:1102px; height:956px; }
.fix-header #contain{ padding:100px 0 0 0; }

.banner_block_hp{ padding:24px 0 0 0; position:relative; z-index:1; }
.banner_block_in_hp{}
.banner_midlle_hp{}
.banner_img_hp{}
.banner_img_hp img{ width:100%;}

.games_block_hp{ padding-top:100px; position:relative; z-index:1; }
.games_block_hp:before{ content:''; position:absolute; left:0; bottom:-409px; background:url(../images/shadow_3.png) no-repeat left bottom; background-size:100% auto; width:543px; height:1330px; }
.games_block_in_hp{}
.games_middle_hp{}
.games_top_hp{ padding-bottom:80px; display:flex; align-items:center; }
.games_left_hp{ width:296px;}
.games_img_hp{}
.games_img_hp img{ width:100%; border-radius: 12px; }
.games_img_hp a{ display:block; position:relative; }
.games_img_hp a:hover{ opacity:0.7; }
.games_title_hp{ position:absolute; left:0; bottom:0; width:100%; font-weight: 600; font-size: 30px; line-height: 45px; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); padding:0 70px 23px 26px; }

.games_right_hp{ width:calc(100% - 242px); display:flex; margin-left:-54px;  position: relative;  z-index: 1;}
.games_rectangle_hp{ background:#232323; margin-right:20px; width:20%; border-radius:12px;}
.games_rectangle_hp a{ padding:11px 11px 20px 11px; display:block; } 
.games_rectangle_hp a:hover{ opacity:0.7; }
.games_rectangle_hp:last-child{ margin-right:0;}
.games_rg_img_hp{}
.games_rg_img_hp img{ width:100%; border-radius: 12px 12px 2px 2px; }
.games_info_hp{ text-align:center; padding-top:22px; font-size:18px; line-height:22px; font-weight:600; color:#ffffff;}

.selamat_block_hp{ position:relative; z-index:1; }
.selamat_block_in_hp{}
.selamat_middle_hp{display:flex; align-items:center; padding:30px 0; }
.selamat_left_hp{ width:calc(100% - 370px); padding-right:45px; }
.selamat_info_hp h3{ font-weight: 600; font-size: 28px; line-height: 34px;  color: #37F1DF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); }
.selamat_info_hp p{ font-size: 20px; line-height: 34px; color: #E6E6E6; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); padding-top:20px;}
.selamat_right_hp{ width:370px;}
.selamat_right_hp img{width:100%;}

.tahun_block_hp{ padding:0; position:relative; z-index:1;}
.tahun_block_in_hp{}
.tahun_middle_hp{  display: flex; padding-top:130px; padding-bottom:286px; mix-blend-mode: screen; justify-content: center; margin: auto;}
.tahun_info_hp{ max-width:770px; width:100%; margin:0 auto; }
.tahun_info_hp h3{ font-weight: 600; font-size: 28px; line-height: 34px;  color: #37F1DF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); }
.tahun_info_hp p{ font-size: 20px; line-height: 34px; color: #E6E6E6; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); padding-top:20px; }

.online_block_hp{ padding:80px 0 80px 0; position:relative; }
.online_block_hp:before{ content:''; position:absolute; left:0; bottom:-100%; background:url(../images/shadow_4.png) no-repeat left bottom; background-size:100% auto; width:1135px; height:1498px; }
.online_block_hp:after{ content:''; position:absolute; background:url(../images/back_img3.png) no-repeat top right; background-size:auto 100%; mix-blend-mode: lighten; width:854px; height:714px; top:0; right:0; }
.online_block_in_hp{ position:relative; z-index:1; }
.online_middle_hp{ width:854px; display:flex; align-items:center;}
.online_info_hp{}
.online_info_hp h3{ font-weight: 600; font-size: 28px; line-height: 34px; color: #37F1DF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); }
.online_info_hp p{ font-size: 20px; line-height: 34px; color: #E6E6E6; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); padding-top:20px; }

.bonus_block_hp{ padding-top:35px; position:relative;}
.bonus_block_hp:before{ content:''; position:absolute; right:0; top:120px; background:url(../images/shadow_5.png) no-repeat right top; background-size:100% auto; width:754px; height:1424px; }
.bonus_block_in_hp{}
.bonus_middle_hp{}
.bonus_top_hp{ padding-bottom:80px; display:flex; align-items:center;}
.bonus_rectangle_hp{ width:508px;}
.bonus_img_hp{}
.bonus_img_hp img{ width:100%;}
.bonus_grid_hp{ width:calc(100% - 508px);}
.bonus_info_hp{}
.bonus_info_hp h3{ font-weight: 600; font-size: 24px; line-height: 41px; color: #37F1DF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);  }
.bonus_info_hp p{ font-size: 20px; line-height: 34px; color: #E6E6E6; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); padding-top:20px;}
.bonus_top_2_hp{flex-direction: row-reverse; padding-top:30px; padding-bottom:100px; }
.bonus_top_2_hp .bonus_rectangle_hp{ width:618px; display:flex; flex-flow:wrap; padding-left:22px;}
.bonus_rg_img_hp{ margin:20px 37px 20px 0; width:calc(33.33% - 25px); min-height:92px; display:flex; align-items:center; justify-content:center; background:#ffffff; border:4px solid #37F1DF; border-radius:8px;}
.bonus_rg_img_hp:nth-child(3n){ margin-right:0;}
.bonus_rg_img_hp img{width:134px;}
.bonus_top_2_hp .bonus_grid_hp{ width:calc(100% - 618px);}

.bonus_top_3_hp{ max-width:1140px; margin:auto; }
.bonus_top_3_hp .bonus_rectangle_hp{ width:410px; }
.bonus_top_3_hp .bonus_grid_hp { width: calc(100% - 410px); padding:0 0 0 90px; }
.bonus_top_3_hp .bonus_info_hp p { font-size: 16px; line-height: 27px; padding-top: 11px; }

.bonus_top_4_hp{flex-direction: row-reverse;}
.bonus_top_4_hp .bonus_grid_hp{ padding:0 90px 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
#footer{ margin:0px 0 0 0; padding:0; background: #0A0A0A; }
.footer-in-hp{}
.footer-middle-hp{padding:50px 0 0px 0; }
.footer_logo_hp{ width:247px; }
.footer_logo_hp img{ width:100%; }

.footer_bottom_hp{ padding:50px 0 45px 0; }
.footer_bottom_in_hp{}
.footer_bottom_middle_hp{ display:flex; align-items:center; justify-content: space-between; }
.footer_bottom_left_hp{}
.footer_bottom_left_hp ul{ display:flex; align-items:center; }
.footer_bottom_left_hp ul li{ font-size:18px; line-height:36px; padding:0 26px; border-right:1px solid rgba(255,255,255,0.1);}
.footer_bottom_left_hp ul li:last-child{ border-right:none;}
.footer_bottom_left_hp ul li:first-child{ padding-left:0; }
.footer_bottom_left_hp ul li a{ color:#fff; }
.footer_bottom_left_hp ul li a:hover{ color:#37F1DF; }
.copyright_hp{ padding:0 0 0 0px; text-align:right; font-size:18px; line-height:31px; color:#fff; }
/*--------------- FOOTER_END --------------*/