@import "../fonts/robotoslab/robotoslab.css";
@import "../fonts/robotothin/robotothin.css";
@import "../fonts/lato.css";
@import url("../fonts/BentonModDisp-RegularItalic.css");
body                                    { background: #efefef }
::selection                             { background: #ED3338 !important; color: #fff; }
::-webkit-scrollbar-thumb               { background: #0093E0 !important }
/*Font*/
.roboto                                 { font-family: 'Roboto' }
.roboto_slab                            { font-family: 'Roboto Slab' }
.roboto_thin                            { font-family: 'Roboto Thin' }
.lora                                   { font-family: 'Lora' }
.lato                                   { font-family: 'Lato' }
.proxima_nova                           { font-family: 'Proxima Nova' }
.nimbus_sans                            { font-family: "Nimbus Sans DW01Ext" }
.sanchez_regular                        { font-family: "Sanchez-Regular" }
.fs_10                                  { font-size: 10px }
.fs_11                                  { font-size: 11px }
.fs_12                                  { font-size: 12px }
.fs_13                                  { font-size: 13px }
.fs_14                                  { font-size: 14px }
.fs_15                                  { font-size: 15px }
.fs_16                                  { font-size: 16px }
.fs_17                                  { font-size: 17px }
.fs_18                                  { font-size: 18px }
.fs_19                                  { font-size: 18px }
.fs_20                                  { font-size: 20px }
.fs_21                                  { font-size: 21px }
.fs_22                                  { font-size: 22px }
.fs_23                                  { font-size: 23px }
.fs_24                                  { font-size: 24px }
.fs_25                                  { font-size: 25px }
.fs_35                                  { font-size: 35px }
.fs_40                                  { font-size: 40px }
.fs_italic                              { font-style: italic }
.fs_normal                              { font-style: normal }
.fw_bold                                { font-weight: bold }
.fw_bolder                              { font-weight: bolder }
.fw_lighter                             { font-weight: lighter }
.fw_normal                              { font-weight: normal }
.fw_400                                 { font-weight: 400 }
.lh_20                                  { line-height: 20px }
.lh_23                                  { line-height: 23px }
.lh_25                                  { line-height: 25px }
.lh_35                                  { line-height: 35px }
.mh_281                                 { min-height: 281px }
.fl-none                                { float: none }
.fl-right                               { float: right }
.fl-left                                { float: left }
.t_align_c                              { text-align: center }
.t_align_j                              { text-align: justify }
.shadow_1                               { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); }
.shadow_2                               { box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); }
/* Padding & Margin*/
.p_none                                 { padding: 0 !important }
.p_top_0                                { padding-top: 0px }
.p_top_5                                { padding-top: 5px }
.p_top_10                               { padding-top: 10px }
.p_top_10                               { padding-top: 10px }
.p_top_15                               { padding-top: 15px }
.p_top_20                               { padding-top: 20px }
.p_top_25                               { padding-top: 25px }
.p_top_30                               { padding-top: 30px }
.p_bottom_0                             { padding-bottom: 0px }
.p_bottom_5                             { padding-bottom: 5px }
.p_bottom_10                            { padding-bottom: 10px }
.p_bottom_15                            { padding-bottom: 15px }
.p_bottom_20                            { padding-bottom: 20px }
.p_bottom_25                            { padding-bottom: 25px }
.p_bottom_30                            { padding-bottom: 30px }
.p_left_0                               { padding-left: 0px }
.p_left_5                               { padding-left: 5px }
.p_left_10                              { padding-left: 10px }
.p_left_15                              { padding-left: 15px }
.p_left_20                              { padding-left: 20px }
.p_left_25                              { padding-left: 25px }
.p_left_30                              { padding-left: 30px }
.p_right_0                              { padding-right: 0px }
.p_right_5                              { padding-right: 5px }
.p_right_10                             { padding-right: 10px }
.p_right_15                             { padding-right: 15px }
.p_right_20                             { padding-right: 20px }
.p_right_25                             { padding-right: 25px }
.p_right_30                             { padding-right: 30px }
.m_auto                                 { margin: 0 auto }
.m_none                                 { margin: 0 !important }
.m_top_0                                { margin-top: 0px }
.m_top_5                                { margin-top: 5px }
.m_top_10                               { margin-top: 10px }
.m_top_15                               { margin-top: 15px }
.m_top_20                               { margin-top: 20px }
.m_top_25                               { margin-top: 25px }
.m_top_30                               { margin-top: 30px }
.m_bottom_0                             { margin-bottom: 0px }
.m_bottom_5                             { margin-bottom: 5px }
.m_bottom_10                            { margin-bottom: 10px }
.m_bottom_15                            { margin-bottom: 15px }
.m_bottom_20                            { margin-bottom: 20px }
.m_bottom_25                            { margin-bottom: 25px }
.m_bottom_30                            { margin-bottom: 30px }
.m_left_0                               { margin-left: 0px }
.m_left_5                               { margin-left: 5px }
.m_left_10                              { margin-left: 10px }
.m_left_15                              { margin-left: 15px }
.m_left_20                              { margin-left: 20px }
.m_left_25                              { margin-left: 25px }
.m_left_30                              { margin-left: 30px }
.m_right_5                              { margin-right: 5px }
.m_right_10                             { margin-right: 10px }
.m_right_15                             { margin-right: 15px }
.m_right_20                             { margin-right: 20px }
.m_right_25                             { margin-right: 25px }
.m_right_30                             { margin-right: 30px }
.header_home                            { position: absolute; z-index: 9999; }
.header_top_part .hotline               { min-width: 137px; min-height: 31px; display: block; font-size: 14px; padding: 5px 0 0 10px; background: url(../images/hotline.jpg) no-repeat left top; }
.header_middle_part.type_2              { padding: 10px 0 10px }
.header_bottom_part.fixed               { padding-top: 0; z-index: 9999; }
/*Icon*/
ul.si_list li i.fa                      { padding: 1px 8px; color: #000; }
.main_menu                              { z-index: 10; }
.main_menu li                           { margin-bottom: -1px; font-weight: bold; }
.main_menu > li > a                     { color: #fff; padding: 13.5px 23px; }
.main_menu > .current > a               { color: #fff; background: #00659B; }
.main_menu > li > a > i[class^="fa "]   { font-size: 10px; color: #fff; }
.main_menu .sub_menu li a               { font-size: 12px; color: #fff; }
.md_no-touch .main_menu > li:hover > a  { color: #000 }
nav.navigation                          { background: #fff; box-shadow: #00659B 0 1px 0; position: relative; }
.button_type_6                          { width: 30px; height: 30px; }
.header_home.fixed                      { background: #fff }
.header_home.fixed .logo img            { display: block }
.header_home.fixed .search form         { display: block }
.mega_menu                              { padding: 0px 0px 10px; margin-bottom: 2px; }
.mega_menu_list li:not(:first-child)    { border-top: 0px solid #FFF }
.view-all                               { font-size: 11px; line-height: 11px; font-weight: 400; text-transform: none; margin: 5px 0 0 0; float: right; color: #999; }
.view-all:after                         { font-family: FontAwesome; content: "\f0ca"; color: #999; font-size: 11px; line-height: 11px; vertical-align: top; margin: 0 0 0 6px; }
.overlay                                { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; z-index: 998; bottom: 0px; left: 0px; -webkit-transition-delay: -1s; -moz-transition-delay: -1s; -o-transition-delay: -1s; transition-delay: -1s; }
.overlay:hover                          { width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; z-index: 998; bottom: 0px; left: 0px; }
.title-absolute                         { position: absolute; z-index: 999; bottom: 0px; left: 0px; width: 100%; padding: 5px; }
.title-bar                              { background: #0093E0; padding: 5px; color: #fff; }
.arrow-down                             { position: absolute; bottom: -5px; left: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0093E0; }
/*Slider*/
.flex_caption                           { width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); padding: 15px; font-size: 18px; }
.flex_caption a                         { color: #fff }
.flex_caption i.more                    { width: 27px; height: 27px; display: block; float: right; background: url(../images/more.png) no-repeat; }
.flex-control-nav                       { display: none }
.rsDefault .rsOverflow                  { }
.devider_bold                           { border: 2px solid #E4E4E4 }
.divider_small                          { position: relative }
.divider_small::before                  { content: ""; display: block; position: absolute; left: 0; top: -1px; width: 83px; height: 1px; background: #ED3338; z-index: 2; }
.divider_bg::before                     { top: -2px; height: 4px; background: #ED3338; }
.view-all                               { font-size: 11px; line-height: 11px; font-weight: 400; text-transform: none; margin: 5px 0 0 0; float: right; color: #999; }
.view-all:after                         { font-family: FontAwesome; content: "\f0ca"; color: #999; font-size: 11px; line-height: 11px; vertical-align: top; margin: 0 0 0 6px; }
.ticker                                 { width: 100% }
.ticker div                             { display: inline-block }
.thumb_post                             { position: relative }
.thumb_post .title                      { position: absolute; z-index: 99; top: 20px; left: 20px; color: #fff; font-size: 24px; }
.thumb_about                            { width: 85%; background: #fff; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; margin: 0 auto; position: relative; }
.box_post                               { width: 65%; margin: 0 auto; background: #fff; padding: 15px; margin-top: -150px; z-index: 999; position: relative; }
.box_post .caption                      { margin-bottom: 10px }
.box_post p                             { margin-bottom: 10px }
.relative                               { position: relative; }
.color_red                              { color: #ED3338 }
.color_blue                             { color: #00659B }
.bg_scheme_color,
.range_slider::after,
[class*="button_type"].green.state_2:hover,
[class*="button_type"].green:not(.state_2)
                                        { background-color: #00659B }
.bg_lbrown,
.bg_lbrown_hover:hover,
.md_no-touch .main_menu > li:hover > a,
.main_menu > .current_click > a,
.md_touch .main_menu > .touch_open_sub > a,
.item_represent.with_divider::before,
[class*="button_type"].lbrown:not(.state_2),
[class*="button_type"].lbrown.state_2:hover,
[data-open-dropdown].active_lbrown.active
                                        { background-color: #00659B; color: #fff; }
.bg_black                               { background: #333333 }
.bg_black_light                         { background: #242424 }
.bg_red                                 { background: #D35058 }
.bg_blue                                { background: #0093E0 }
.bg_red_image                           { background: #872427 url(../images/bg.jpg) no-repeat center top }
.post_info.size_2                       { width: 10% }
.post_excerpt.size_2                    { width: 85%; float: right; }
.post_excerpt                           { width: 275px; padding-top: 3px; }
.comment_content                        { width: 80% }
.comment_level_2 .comment_content       { width: 80% }
.korwil li								{ padding: 5px; }
/*Post*/
.post                                   { color: #000; background: #fff; }
.post p                                 { margin-bottom: 10px }
.post ul,
.post ol                                { margin-left: 20px; margin-bottom: 15px; }
.post ul li                             { list-style-type: square }
.post ol li                             { list-style-type: decimal }
.post .comment ul,
.post .comment ol                       { margin-left: 0; margin-bottom: 15px; }
.post .comment ul li,
.post .comment ol li                    { list-style-type: none !important }
.post a                                 { color: #0093E0; font-weight: bold; }
/*List Style*/
.ls_circle                              { list-style-type: circle }
.ls_decimal                             { list-style-type: decimal }
.ls_square                              { list-style-type: square }
/*Berita*/
.category                               { position: absolute; top: 0; left: 0; display: block; background: #00659B; z-index: 4; padding: 5px; }
.category_title                         { display: block; background: #FE0000; padding: 0px 5px; float: left; }
/*Number Populer*/
ul.popular                              { margin: 0 }
ul.popular li .col-sm-2                 { margin-left: -10px }
ul.popular li .number                   { width: 100%; padding: 10px; text-align: center; margin: 0; background: #FE0000; color: #fff; font-size: 20px; }
/*Related*/
ul.related                              { margin: 0 0 0 15px }
ul.related li                           { list-style-type: square; color: #D12322; }
/*Menu Bottom*/
ul.hr_list.menu_bottom                  { width: 100%; margin: 0; text-align: center; }
ul.hr_list.menu_bottom li               { display: inline-block; padding: 10px; float: none; }
ul.hr_list.menu_bottom li a             { color: #fff }
ul.hr_list.menu_bottom li a:hover       { color: #fff !important; text-decoration: underline; }
.tt_uppercase                           { text-transform: uppercase }
.tt_capitalize                          { text-transform: capitalize }
.gallery figcaption                     { margin-top: -75px; z-index: 9999; position: relative; text-align: center; font-size: 13px; background: rgba(0,0,0, 0.6); }
.gallery figcaption a                   { color: #fff }
.gallery figcaption a:hover             { color: #ED3338 }
.gallery figcaption h5                  { padding: 5px 0 }
.home-gallery                           { margin: 0 5px }
.home-gallery img                       { float: left; margin: 5px; }
.hitstats embed                         { display: block; margin: 0 auto; }
.third_font                             { line-height: 65px; font-family: "Benton Mod Disp",serif; font-size: 42px; font-weight: 400; font-style: italic; }
.third_font small                       { font-size: 30px }
.four_font                              { font-size: 14px }
.five_font                              { font-size: 20px }
.scheme_color,
.sc_hover:hover,
.sub_menu .current > a,
.categories_list li:hover > a,
.md_no-touch .sub_menu li:hover > a,
.sub_menu .current_click > a,
.md_touch .sub_menu .touch_open_sub > a,
.tweets_list_container a:hover,
[class*="button_type"].green.state_2,
[class*="button_type"].green:not(.state_2):hover,
.banner_type_2:not(.not_link).scheme_color:hover [class*="button_type_"]
                                        { color: #00659B; text-decoration: underline; }
nav ul li                               { list-style-type: none !important }
.clear                                  { clear: both }
.back_to_top.black_hover:hover          { background: #C3060C !important; border: #C3060C 1px solid !important; }
/*  */
#wrapper                				{ width: 100%; height: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: right; }
#wrapper form                 			{ display: none; }
#wrapper.toggled                        { height: auto; padding: 5px; background-color: #0093E0; }
#wrapper.toggled form  					{ display: block; }
footer                                  { clear: both !important; color: #000; font-weight: 300; }
footer a                                { color: #ED3338 }
footer a:hover                          { color: #C1070A !important }
footer .color_red                       { color: #C1070A; font-weight: bold; }
@media only screen and (max-width:1024px)                             { 
    .container                { width: 100% }
    .main_menu > li > a       { color: #000; padding: 13.5px 15px; }
    .header_bottom_part.fixed { width: 100% }
}
@media only screen and (max-width:800px)                             { 
    .container     { width: 100% }
}
@media only screen and (max-width:480px)                             { 
    .ms_top_0                     { margin-top: 0px }
    .ms_top_5                     { margin-top: 5px }
    .ms_top_10                    { margin-top: 10px }
    .ms_top_15                    { margin-top: 15px }
    .ms_top_20                    { margin-top: 20px }
    .ms_top_25                    { margin-top: 25px }
    .ms_top_30                    { margin-top: 30px }
    .ms_bottom_0                  { margin-bottom: 0px }
    .ms_bottom_5                  { margin-bottom: 5px }
    .ms_bottom_10                 { margin-bottom: 10px }
    .ms_bottom_15                 { margin-bottom: 15px }
    .ms_bottom_20                 { margin-bottom: 20px }
    .ms_bottom_25                 { margin-bottom: 25px }
    .ms_bottom_30                 { margin-bottom: 30px }
    .ms_left_5                    { margin-left: 5px }
    .ms_left_10                   { margin-left: 10px }
    .ms_left_15                   { margin-left: 15px }
    .ms_left_20                   { margin-left: 20px }
    .ms_left_25                   { margin-left: 25px }
    .ms_left_30                   { margin-left: 30px }
    .ms_right_5                   { margin-right: 5px }
    .ms_right_10                  { margin-right: 10px }
    .ms_right_15                  { margin-right: 15px }
    .ms_right_20                  { margin-right: 20px }
    .ms_right_25                  { margin-right: 25px }
    .ms_right_30                  { margin-right: 30px }
    .header_top_part .col-sm-2    { display: none }
    .header_middle_part           { padding: 10px 0 }
    .header_middle_part .col-sm-5 { margin-bottom: 10px }
    .header_bottom_part           { padding-top: 10px; padding-bottom: 5px; }
}