@font-face{
font-family:'bold';
src: url('fonts/bold.otf');
}
@font-face{
font-family:'normal';
src: url('fonts/normal.otf');
}
@font-face{
font-family:'light';
src: url('fonts/light.otf');
}

*{margin: 0px auto; padding: 0px;}
body{font-family: 'normal', verdana; font-size: 0.7em; color: #073543; background: white;}
a{color: #073543; text-decoration: none;}
b{font-family: 'bold';}
div{word-wrap: break-word;}

/*HEADER*/
#klik_header{height: 65px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 50;}

#klik_header .header_logo{
	width: 250px;
	height: 50px;
	top: 5px;
	position: center;
}
#klik_header .header_icon{width: 40px; height: 40px;}
#klik_header .header_icon .icon{width: 25px; height: 25px; margin-top: 8px;}
#klik_header_login{height: 150px; background-image: url('../images/general/bg_header.png'); background-size: 100%; margin-bottom: 10px;}
#klik_header_login .icon{width: 50px; height: 30px; position: relative; top: 80px; background-image: url('../images/general/icon_logo.png');}
#klik_header_login .login_desc{width: 80%; max-width: 500px; border-radius: 200px; position: relative; top: 110px;}
#klik_header_login .login_desc .login_desc_content{padding: 10px 20px 11px 20px; text-align: center; font-size: 17px;}

/*HAMBURGER MENU*/
#hamburger_menu{width: 100%; height: 100%; top: 107px; position: fixed; left: 0px; z-index: 50; background: white; overflow: auto;}
#hamburger_menu .big_space{height: 40px;}
#hamburger_menu .big_info{background: #f4f4f4; height: 70px;}
#hamburger_menu .big_info .bi_point{float: right; height: 70px; margin-right: 15px;}
#hamburger_menu .big_info .bi_point .bip_title{margin-top: 12px; text-align: right; font-size: 9px;}
#hamburger_menu .big_info .bi_point .bip_icon{width: 27px; height: 27px; float: right; margin-top: 3px;}
#hamburger_menu .big_info .bi_point .bip_infopoint{font-size: 25px; float: right; padding-left: 10px;}
#hamburger_menu .big_menu{padding: 10px 20px; height: 25px;}
#hamburger_menu .big_menu .icon{width: 25px; height: 25px; margin-right: 10px;}
#hamburger_menu .big_menu .title{margin-top: 3px;}
#hamburger_menu .big_menu_dropdown{min-height: 50px; padding-left: 65px;}

/*MENUS*/
#klik_menu{height: 50px; background: #060804;}
#klik_menu .options{width: 33.3%; text-align: center; padding: 11px 0px 12px 0px;}

/*CONTENT*/
#klik_content{max-width: 500px; min-height: 400px;}
.klik_content_topsize{margin-top: 40px;}
.best_games{padding-bottom: 142%; transition: background 1s linear;}
.best_slider{height: 0px;}
.best_slider .slider_games{min-height: 100px; width: 10px; padding: 2px 5px; right: 10px; top: 15px; position: relative;}
.best_slider .slider_games .slider_bubble{width: 10px; height: 10px; margin: 10px 0px; border-radius: 50%;}
.slider_bubble_deactive{background: white;}
.slider_bubble_active{background: #073543;}
.banner_info{min-height: 50px;}
.banner_info img{width: 100%;}

.index_head{position: fixed; width: 100%; max-width: 500px;}
.index_body{position: relative; background: white; z-index: 2; box-shadow: 0px 0px 20px white;}

/**PAGE REWARD**/
.reward_menu{height: 40px;}
.reward_menu .rm_option{width: 50%; height: 35px;}
.reward_menu .rm_option .rmo_title{text-align: center; margin-top: 10px;}
.rmo_active{border-bottom: 5px solid #e9890b;}
.reward_point{height: 70px;}
.reward_point .rp_point{float: right; height: 70px; margin-right: 15px;}
.reward_point .rp_point .rpp_title{margin-top: 12px; text-align: right; font-size: 9px;}
.reward_point .rp_point .rpp_icon{width: 27px; height: 27px; float: right; margin-top: 3px;}
.reward_point .rp_point .rpp_infopoint{font-size: 25px; float: right; padding-left: 10px;}

/**PAGE ONLINE GAMES**/
.og_menu_cvs{height: 50px;}
.og_menu{height: 35px; position: fixed; top: 40px; width: 100%; left: 0px; background: #02aaad; z-index: 11;}
.og_menu .ogm_title{margin-top: 8px; margin-left: 25px;}
.og_menu .ogm_dropdown{width: 20px; height: 20px; margin-top: 7px; margin-right: 7px;}
.og_dropdown{width: 100%; height: 100%; background: #02aaadb3; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: auto;}
.og_dropdown .ogd_space{height: 75px;}
.og_dropdown .ogd_options{padding: 10px 25px 11px 25px;}

/**PAGE SEARCH**/
.search_suggest{height: 417px; margin-top: 30px; overflow: auto;}
.search_suggest .search_suggest_bar{height: 400px; width: 1751px;}
.search_suggest .search_suggest_bar .search_games{height: 400px; width: 230px; margin: 0px 10px;}
.search_suggest .search_suggest_bar .search_games .photo{padding-bottom: 138.9%;}
.search_suggest .search_suggest_bar .search_games .title{font-family: light; text-align: center; font-size: 20px; padding: 15px 0px;}

.search_result{padding: 15px 20px; font-family: light;}

/**PAGE LOGIN**/
.login_page{padding: 0px 20px 20px 20px;}
.login_input{box-shadow: 0 0 15px silver; background: white;}
.login_page{padding: 0px 20px 20px 20px;}
.login_input{box-shadow: 0 0 15px silver; background: white;}
.login_box{width: 90%;background: white; margin-top: 30px; border-radius: 20px; position: relative;}
.login_box .lb_content{padding: 17px 20px 20px 20px;}
.login_box .lb_gear1{width: 50px; height: 41px; background: url('../images/general/register-gear1.png'); position: relative; float: left; left: -5px; top: -5px;}
.login_box .lb_gear2{width: 50px; height: 50px; background: url('../images/general/register-gear2.png'); position: absolute; float: right; right: -5px; bottom: -5px;}

/*dropdown menu*/
.og_dropdown{width: 100%; height: 50%; background: #02aaadeb; position: fixed; top: 0px; left: 0px; z-index: 10; overflow: auto;}
.og_dropdown .ogd_space{height: 75px;}
.og_dropdown .ogd_options{padding: 10px 25px 11px 25px;}

/**PAGE ABOUT**/
.about{width: 80%;}
.about .a_title{margin-top: 70px; font-size: 20px; margin-left: 20px;}
.about .a_content{padding: 20px; min-height: 200px; background: white; border-radius: 15px;}


.title_page{padding: 10px 15px 11px 15px; height: 30px;}
.title_page .title{padding-top: 4px; font-size: 17px; font-family: bold;}
.title_page .title_txt{padding-top: 5px;}
.title_page .title_open{width: 30px; height: 30px; border-radius: 50%; margin-left: 5px;}
.title_page .title_open .icon{width: 25px; height: 25px; margin-top: 3px;}