@-webkit-keyframes fadeG { 
  0% { background-color: rgb(0, 0, 0); }
  100% { background-color: rgb(255, 255, 255); }
}
@keyframes fadeG { 
  0% { background-color: rgb(0, 0, 0); }
  100% { background-color: rgb(255, 255, 255); }
}
@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
:root { --animate-duration: 300ms; --animate-delay: 300ms; --animate-repeat: 300ms; }
.animate__animated { animation-duration: var(--animate-duration); animation-fill-mode: both; }
.animate__slideInLeft, .animate__slideOutLeft { animation-name: slideInLeft; display: block !important; }
.animate__slideOutLeft { animation-name: slideOutLeft; }
a, body { margin: 0px; padding: 0px; }
body { background-color: rgb(238, 238, 238); width: 100%; height: 100%; }
p { margin: 0px 0px 1.2em; line-height: 1.6; }
.video-container, div { position: relative; }
div[id^="div-gpt-ad-"] { margin: 0px auto; }
#nav_profile_links li, #sticky-navig li, #top-navig li, label { cursor: pointer; }
#logo_nav img, #sticky_nav img { max-height: 82px; }
.theLogo { height: auto; }
#offset { display: none; }
.video-container { text-align: center; padding-bottom: 56.25%; height: 0px; overflow: hidden; clear: both; }
.video-container iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.clear { clear: both; }
.loading_gif { width: 100%; text-align: center; }
a { text-decoration: none; }
.searchInput:focus, input:focus { outline: 0px; }
#news_main { display: inline-block; width: 720px; }
#rightOfLogo { width: 324px; height: 67px; float: right; vertical-align: middle; padding: 2px; top: -6px; position: relative; }
.searchInput { color: rgb(182, 182, 182); width: 163px; height: 35px; border-radius: 5px; border: 1px solid rgb(191, 201, 204); padding-left: 5px; background: url("https://www.philstar.com/images/Home/magnify_06.png") 135px 5px no-repeat rgb(255, 255, 255); }
.numberBullet { display: inline-block; cursor: pointer; }
#header { width: 100%; height: initial; background: rgb(23, 141, 191); line-height: initial; z-index: 100; position: fixed; top: 0px; left: 0px; letter-spacing: 0.25px; }
#loginLink { display: inline-block; height: 22px; font-family: robotolight, sans-serif; font-size: 12px; margin: 15px 10px 0px 0px; color: rgb(255, 255, 255); text-align: right; clear: both; line-height: 20px; }
#login_profile, .loginserch { margin: 0px 4px; vertical-align: middle; cursor: pointer; }
.loginserch { display: inline-block; }
.login_divide { margin: 0px 2px; height: 18px; }
#login_profile { width: 23px; height: 23px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); }
#unread_bites, #unread_bites_mobile, .login_divide { display: inline-block; }
#unread_bites, #unread_bites_mobile, #unread_bites_tiny { font-family: arial; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); background: rgb(255, 22, 22); border-radius: 1em; min-width: 27px; text-align: center; box-sizing: border-box; padding: 0px 5px; cursor: pointer; }
#unread_bites_mobile { vertical-align: -4px; }
#nav_unread, #top-navig span.active .arrow-right, #unread_bites_tiny { display: none; }
#nav_unread { background: rgb(255, 255, 255); position: absolute; top: 85px; right: 13px; width: 344px; padding: 0px 20px 20px; box-sizing: border-box; box-shadow: 0px 0px 15px; }
#nav_unread_links { color: rgb(0, 0, 0); width: 100%; }
#nav_unread_arrow { border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgb(255, 255, 255); width: 0px; height: 0px; position: absolute; top: -11px; right: 12px; }
#nav_unread_header { font-family: robotobold; font-size: 22px; color: rgb(0, 101, 158); text-align: center; padding: 20px 0px; }
#logo_nav img, #sticky_nav img, .login_divide, .nav_unread_check, .nav_unread_image, .nav_unread_title { vertical-align: middle; }
.nav_unread_check { width: 33px; }
.nav_unread_check_button { cursor: pointer; width: 13px; height: 13px; background: url("https://www.philstar.com/images/unread_arrow.png"); }
.nav_unread_check_button.check { background-position: 0px -13px; }
.nav_unread_image { width: 60px; }
.nav_unread_image_holder { max-width: 58px; max-height: 58px; overflow: hidden; border: 1px solid rgb(139, 139, 139); }
.nav_unread_image img { height: 58px; margin-left: -40%; }
#nav_unread_more, .nav_unread_title { font-family: robotobold; font-size: 16px; }
.nav_unread_title { text-align: left; padding-left: 8px; }
.nav_unread_title a { color: rgb(43, 43, 43); }
.nav_unread_update { font-family: robotolight; font-size: 12px; color: rgb(0, 101, 158); text-align: left; }
#nav_unread_more { display: block; color: rgb(245, 210, 66); text-align: center; padding: 12px 0px; margin-top: 10px; background: rgb(0, 101, 158); }
#nav_unread_more:hover { background: rgb(0, 76, 119); }
#user_welcome { line-height: 20px; margin: 0px 15px; color: rgb(255, 255, 255); }
#header_burger { width: 34px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; position: absolute; top: 50%; margin-top: -17px; left: 0px; }
.burger_active::before { content: ""; position: fixed; inset: 0px; z-index: 99; }
span.burger-line, span.burger-line::after, span.burger-line::before { height: 5px; background-color: rgb(255, 255, 255); transition: 0.3s; width: 34px; display: inherit; }
span.burger-line { margin-top: 12px; }
span.burger-line::after, span.burger-line::before { position: relative; content: ""; transform: translate(0px, 0px) rotate(0deg); }
span.burger-line::before { top: -10px; }
span.burger-line::after { top: 5px; }
.burger_active span.burger-line, .burger_active::before { background-color: rgba(255, 255, 255, 0); }
.burger_active span.burger-line::before { transform: translate(0px, -15px) rotate(45deg); top: 15px; transition: 0.3s; }
.burger_active span.burger-line::after { transform: translate(0px, -10px) rotate(-45deg); }
#nav_container { font-family: robotolight, sans-serif; text-align: right; padding-right: 80px; display: block; margin-left: 155px; }
#main-navig, #main-navig-down { list-style-type: none; padding: 0px; text-align: right; }
#main-navig { margin: 15px 0px 5px; display: inline-block; }
#main-navig-down { float: right; margin: 24px 0px 0px; }
#nav_profile { position: absolute; }
#nav_profile, #nav_publications, #nav_social { background: rgb(26, 152, 206); top: 86px; display: none; }
#nav_social { position: absolute; }
#nav_publications { left: 0px; max-width: 430px; position: fixed; overflow: hidden auto; z-index: 100; padding-bottom: 20px; }
#nav_publications.desktop-nav { overflow: initial; }
.expand-scroll { bottom: 0px; }
#nav_profile, #nav_social { right: 0px; }
#searchbar { top: 86px; }
#mobile_search_drop, #searchbar { position: absolute; box-sizing: border-box; left: 0px; width: 100%; height: 40px; vertical-align: top; display: none; background: rgb(255, 255, 255); z-index: 100; }
#searchbar_slider { box-sizing: border-box; width: 100%; height: 100%; padding: 0px 28px; }
#searchbar_icon { width: 18px; height: 18px; margin: 11px 5px; background: url("https://www.philstar.com/images/search.png"); position: absolute; top: 0px; left: 0px; }
#searchbar_close { position: absolute; top: 0px; right: 0px; cursor: pointer; font-family: robotobold, sans-serif; font-size: 24px; box-sizing: border-box; height: 100%; padding: 9px 10px; color: rgb(255, 203, 3); }
#mobile_search_drop { top: 2px; right: 135px; }
#mobile_search_field, #search_field { border: 0px; box-sizing: border-box; width: 100%; height: 100%; padding: 2px 3px; font-family: robotolight, sans-serif; font-size: 18px; display: block; }
#nav_profile_links, #sticky-navig { padding: 0px; }
#nav_profile_links, #sticky-navig, #top-navig { list-style-type: none; margin: 0px; width: auto; }
#nav_profile_links, #sticky-navig { text-align: center; }
#nav_social_links, #nav_social_links_mobile { font-family: robotolight, sans-serif; font-size: 11px; list-style-type: none; margin: 0px; padding: 0px; width: auto; }
#nav_social_links_mobile { display: none; width: 100%; }
#nav_social_links img, #nav_social_links_mobile img, .arrow-down, .arrow-left, .arrow-right { display: inline-block; vertical-align: middle; }
#top-navig { text-align: left; padding: 20px 20px 0px; }
#top-navig li { border-bottom: 1px solid rgb(8, 91, 126); }
#div-navig { color: rgb(255, 255, 255); text-align: right; font-size: 0.75rem; }
#div-navig span, #nav_profile_links a { font-size: 16px; text-decoration: none; font-family: robotobold, sans-serif; color: rgb(255, 255, 255); display: inline-block; padding: 11px 20px; }
#social_icon { padding: 15px 20px; }
#social_icon a { position: relative; margin-right: 15px; color: rgb(255, 255, 255); }
#social_icon a svg { height: 28.403px; transform: matrix(1, 0, 0, 1, 0, 0); }
#social_icon path { fill: rgb(152, 224, 255); }
#nav_social_links a, #social_icon a { display: inline-block; }
#nav_social_links a, #nav_social_links_mobile a, #sticky-navig a, #top-navig a, #top-navig span { text-decoration: none; color: rgb(255, 255, 255); padding: 15px 0px; }
#sticky-navig a { display: inline-block; }
#sticky-navig a, #top-navig a, #top-navig span { font-size: 16px; font-family: robotobold, sans-serif; }
#nav_footer { font-family: robotolight, sans-serif; }
#nav_social_links a, #nav_social_links_mobile a { font-size: 14px; font-family: robotolight, sans-serif; }
#nav_social_links_mobile a, #top-navig span { display: block; }
#nav_social_links .blue:hover, #nav_social_links_mobile .blue:hover { background: rgb(0, 160, 217); }
#nav_social_links .gray, #nav_social_links_mobile .gray { background: rgb(229, 229, 229); }
#nav_social_links .gray:hover, #nav_social_links_mobile .gray:hover { background: rgb(204, 204, 204); }
#div-navig a, #nav_footer, #top-navig a { box-sizing: border-box; }
#top-navig a { display: block; }
.arrow-down, .arrow-left, .arrow-right { width: 0px; height: 0px; margin-left: 10px; }
.sub-secs.active::before { content: ""; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 35px solid rgb(26, 152, 206); position: absolute; z-index: 100; left: 429px; margin-top: -8px; }
.arrow-right { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 14px solid rgb(255, 255, 255); transition: 0.4s; }
.arrow-left { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 16px solid rgb(255, 255, 255); }
.arrow-lb { border-left-color: rgb(152, 224, 255); }
.arrow-down { transform: rotateZ(90deg); }
#div-navig a { text-decoration: none; color: rgb(246, 211, 11); display: inline-block; padding: 0px; font-family: robotobold, sans-serif; font-size: 14px; vertical-align: middle; }
#nav_footer { background: rgb(26, 152, 206); padding: 15px 25px; width: 100%; font-size: 12px; color: rgb(152, 224, 255); line-height: 1.4em; }
#div-navig .small_pad { padding: 15px 0px 0px; }
#nav_footer a { color: rgb(152, 224, 255); text-decoration: none; margin-left: 5px; margin-right: 5px; }
#nav_footer a:first-child { margin-left: 0px; }
#daily_passage a:hover, #nav_footer a:hover, #wotd_passage a:hover, .recommended_cell.also_like a:hover, .ribbon_title a:hover, .titleForFeature a:hover { text-decoration: underline; }
#main-navig li, #main-navig-down li { display: inline-block; padding: 0px 6px 6px; cursor: pointer; }
#main-navig a, #main-navig-down a, .hid-menu a { font-size: 1em; text-decoration: none; font-family: robotomedium, sans-serif; color: rgb(255, 255, 255); }
.hid-menu a { font-size: 13.63px; font-family: robotolight, sans-serif; }
a img, img { border: 0px; }
#block_feature, .ribbon { width: 100%; }
.ribbon { position: relative; border-bottom: 8px solid rgb(227, 227, 227); height: 94px; overflow: hidden; }
.tiles .ribbon:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ribbon_post_type { position: absolute; bottom: 0px; background-color: rgba(35, 133, 198, 0.89); left: 0px; right: 0px; color: rgb(215, 238, 33); font-size: 0.8rem; font-family: robotoregular, sans-serif; padding: 3px; }
.ribbon_post_type img { width: 90px; margin-bottom: 0px; }
.ribbon .ribbon_section { font-style: normal; font-size: 0.8rem; padding-bottom: 0px; }
.ribbon_section span { color: rgb(0, 0, 0); padding-left: 5px; padding-right: 5px; }
.ribbon_image { width: 94px; height: 94px; overflow: hidden; text-align: center; margin: 0px; float: left; vertical-align: top; }
.ribbon_image img { max-height: none; width: auto; height: 100%; }
.ribbon_image a { display: flex; place-content: center; width: inherit; height: inherit; }
.ribbon_content { padding: 10px; position: static; float: none; margin-left: 94px; }
.ribbon_title { font-size: 14px; font-family: robotomedium, sans-serif; }
.ribbon_title a { color: rgb(0, 0, 0); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ribbon_social { position: absolute; bottom: 5px; left: 105px; right: 10px; text-align: right; }
.ribbon_elapsed { font-family: robotolight, sans-serif; font-style: italic; font-size: 12px; color: rgb(106, 106, 106); text-align: left; padding-bottom: 1px; float: left; width: 100%; }
.ribbon_share { margin-left: 10px; }
#skin_holder { width: 1024px; height: 0px; margin: 116px auto 0px; z-index: 1; }
.skin_ad { width: 460px; height: 600px; position: fixed; z-index: 100; }
#skin_l { left: 50%; margin-left: -987px; }
#skin_l div[id^="google_ads_div_"] { position: absolute; right: 0px; }
#skin_r { right: 50%; margin-right: -987px; }
.container { width: 1024px; max-width: 100%; margin: 0px auto; overflow: hidden; z-index: initial; }
#main .block_content { width: auto; }
#smallerSearch, .next a { display: none; }
.header_subnav { box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 5px 0px, rgba(0, 0, 0, 0.13) 0px 2px 10px 0px; }
.header_subnav_contents { text-align: right; width: auto; margin: 0px auto; padding: 6px 97px 6px 6px; }
.header_subnav_cell, .header_subnav_link { display: inline-block; }
.header_subnav_link { color: rgb(0, 0, 0); text-decoration: none; font-family: robotolight, sans-serif; font-size: 0.9em; margin: 0px 10px; }
.header_trinav_contents { background: rgb(17, 82, 105); position: absolute; top: 18px; left: 0px; box-sizing: border-box; width: 100%; padding: 0px 5px; text-align: center; display: none; }
.header_trinav_link { color: rgb(255, 255, 255); text-decoration: none; font-family: robotolight, sans-serif; font-size: 11px; padding: 5px 0px; display: block; }
#top-navig span.active, .header_trinav_link.active, .header_trinav_link:hover { color: rgb(255, 255, 0); }
.header_subnav_link.active, .header_subnav_link:hover { font-weight: 700; }
.header_subnav_link.active { color: rgb(23, 141, 191); }
.header_subnav_link:hover { color: rgb(0, 0, 0); }
.theLeaderBoard { text-align: center; width: 1024px; padding: 15px 0px; font-family: robotobold, sans-serif; font-size: 34px; margin: 0px auto; }
#slide_holder, .theContent, .theLeaderBoard { position: relative; height: auto; }
#slide_holder { box-sizing: border-box; width: 100%; }
.theContent { width: 1042px; background: rgb(238, 238, 238); padding-top: 15px; text-align: left; margin: 0px auto; z-index: 9; }
.titleForOpinion { position: relative; width: auto; font-size: 18px; line-height: 20px; margin-left: 118px; }
.titleForFeature { position: relative; font-size: larger; text-align: left; font-family: robotobold, sans-serif; }
.recommended_title a, .titleForFeature a { color: rgb(62, 62, 62); text-decoration: none; }
.recommended_cell { background: rgb(255, 255, 255); width: auto; min-width: 300px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 5px 0px, rgba(0, 0, 0, 0.13) 0px 2px 10px 0px; }
#sidebar .recommended_cell:first-child { margin-bottom: 0px; box-shadow: initial; }
#geo .recommended_cell, #geo .recommended_cell:first-child { margin-bottom: 20px; }
#sidebar .recommended_cell:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.recommended_cell.also_like { padding: 15px; font-family: robotolight, sans-serif; font-size: 16px; color: rgb(0, 101, 158); width: 270px; }
.recommended_cell.also_like ul { font-family: robotolight, sans-serif; color: rgb(0, 0, 0); margin-bottom: 0px; }
.recommended_cell.also_like a { color: rgb(0, 101, 158); text-decoration: none; }
.recommended_cell img { display: block; }
.recommended_cell .news_share { margin-bottom: 10px; margin-top: 10px; }
.daily_image { overflow: hidden; }
.recommended_image { overflow: hidden; max-height: 130px; }
.daily_image { max-height: none; min-height: 171px; position: absolute; background-color: rgb(0, 0, 0); top: 0px; bottom: 0px; margin-top: 33px; margin-bottom: 24px; width: 100%; display: flex; justify-content: center; }
.daily_image img { opacity: 0.6; height: 100%; width: auto; }
#daily_passage a, #wotd_passage a { text-decoration: none; }
#wotd_passage a { color: rgb(27, 27, 27); }
#daily_passage a, .TilesText_focus-3 .dateOfFeature { color: rgb(255, 255, 255); }
.recommended_image img { display: block; width: auto; max-width: 100%; color: rgb(255, 255, 255); }
.recommended_content { padding: 15px; font-size: 16px; }
.daily_content { padding: 17% 10%; }
.recommended_title { font-family: robotobold, sans-serif; font-size: 20px; line-height: normal; margin-bottom: 10px; }
.recommended_title a:hover { text-decoration: underline; }
.recommended_title div, .recommended_title span { color: rgb(0, 101, 158); display: inline; }
.recommended_summary, .recommended_time { font-family: robotolight, sans-serif; color: rgb(106, 106, 106); }
.recommended_summary { font-size: 15px; line-height: 1.8em; }
.recommended_time { font-size: 11px; font-style: italic; text-align: right; margin: 5px 0px; }
.recommended_location, .recommended_source, .recommended_tags a { font-family: robotolight, sans-serif; font-size: 13px; font-style: italic; color: rgb(0, 101, 158); }
.recommended_tags a { color: rgb(255, 255, 255); text-decoration: none; background: rgb(0, 101, 158); padding: 3px 5px; display: block; float: left; margin: 0px 5px 5px 0px; }
.recommended_tags { margin-top: 10px; }
.recommended_tags a:hover { background: rgb(0, 76, 119); }
.dateOfFeature { border-top: thin solid rgb(238, 238, 238); border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); font-size: 12px; margin: 7px 0px; padding-top: 9px; }
.dateOfFeature a { color: rgb(0, 101, 158); text-decoration: none; }
.dateOfFeature a:hover, .thoseText a:hover { text-decoration: underline; }
.TilesText_focus-3 .dateOfFeature a { color: rgb(129, 224, 255); padding-right: 3px; }
.dateOfFeature, .dateOfOpinion, .topNews { font-family: robotolight, sans-serif; text-align: left; }
.dateOfOpinion { font-size: 12px; margin-top: 10px; padding-top: 9px; }
.topNews { font-size: 12.5px; height: 241px; position: relative; border-bottom: 5px solid rgb(238, 238, 238); }
#carousel_news .topNews:last-child { margin-bottom: 0px; }
.topNews_pic { overflow: hidden; display: flex; align-items: center; justify-content: center; }
.topNews_pic img { display: block; max-height: 100%; height: 241px; }
.topNews_title { font-family: robotobold, sans-serif; font-weight: 400; font-size: medium; padding: 10% 15px 35px; position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(transparent 0px, rgb(0, 0, 0) 100%); }
.topNews:first-child { margin-top: 0px; }
.topNews_title a { color: rgb(255, 255, 255); }
.topNews .thoseShares { position: absolute; bottom: 0px; margin-bottom: 10px; right: 0px; text-align: right; margin-right: 15px; opacity: 0.6; }
.topNews .thoseShares img { display: inline-block; max-height: 15px; height: initial; }
#bite_entries { background: rgb(255, 255, 255); }
.bite_entry { font-size: 12.5px; text-align: left; padding: 15px 20px 0px; }
.home_columnists_cell_image img, .topNews_pic { width: 100%; }
.bite_entry_pic { max-height: none; overflow: inherit; float: left; width: 100%; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; margin-top: 0px; padding: 0px 23px; box-sizing: border-box; }
#bite_entries .bite_entry_pic img { max-width: none; width: 100%; }
.bite_entry_preview { padding: 14px 24px; float: left; }
.owl-carousel .owl-item:first-child .bite_entry_pic, .owl-carousel .owl-item:first-child .bite_entry_preview { padding-left: 0px; }
.owl-carousel .owl-item:last-child .bite_entry_pic, .owl-carousel .owl-item:last-child .bite_entry_preview { padding-right: 0px; }
.bite_entry_preview a { font-family: robotolight, sans-serif; }
.bite_hr { display: none; }
#daily_bread, #exam_results, #forex, #home_columnists_title, #inside_philstar_title, #lotto_title, #wotd, .sideNewsTitle { font-family: robotolight, sans-serif; font-size: 15.52px; color: rgb(255, 255, 255); background-color: rgb(0, 100, 159); padding: 7px 5px 7px 10px; text-align: left; text-transform: uppercase; margin: 0px; }
.thoseText a { color: rgb(255, 255, 255); }
.thoseShares { line-height: 3px; text-align: right; margin-top: 10px; opacity: 0.5; }
.thoseShares a:hover, .thoseText a { text-decoration: none; }
.news_share a, .share1 { display: inline-block; }
.news_share { position: relative; text-align: right; float: right; }
#carousel_bites .news_share { padding-right: 10px; }
.news_share a { margin-left: 10px; }
.news_share a, .news_share_focus a { text-decoration: none; }
#carousel { min-height: 300px; width: 100%; }
#carousel, #carousel_bites, #carousel_news { clear: both; margin-bottom: 24px; }
#carousel_bites, .tiles_image img { width: 100%; }
#carousel .owl-theme .owl-controls, #carousel_actual .owl-dots { margin-top: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; margin-bottom: 5px; }
#carousel .owl-carousel .owl-stage-outer::before { background-color: rgba(255, 255, 255, 0); }
#carousel .owl-theme .owl-controls { font-size: inherit; }
#carousel_news { width: 285px; height: 488px; overflow: hidden; }
#carousel_actual .owl-nav, #carousel_news .sideNewsTitle { display: none; }
.carousel_title { font-family: robotolight, sans-serif; font-size: 36px; }
.sliderSection { position: absolute; top: 10px; left: 10px; background: rgba(0, 0, 0, 0.5); padding: 3px 5px; font-size: 12px; color: rgb(204, 204, 204); font-family: robotobold, sans-serif; text-transform: uppercase; }
#backtotop { background: rgb(3, 152, 204); color: rgb(255, 203, 3); border: 0px; padding: 5px 10px; }
#edit_article { margin: 10px 0px; }
#edit_article, #socialfoot { background: rgb(3, 152, 204); color: rgb(255, 203, 3); border: 0px; padding: 5px 10px; }
#backtotop, #socialfoot { position: fixed; z-index: 1000; margin: 0px; }
#backtotop { bottom: -50px; right: 30px; cursor: pointer; transition: 0.5s; font-family: robotobold, sans-serif; }
#socialfoot { bottom: 0px; left: 30px; }
#backtotop.active { bottom: 0px; }
#home_columnists { box-sizing: border-box; margin: 0px 0px 24px; background: rgb(255, 255, 255); }
#home_columnists .owl-controls { position: absolute; top: -5px; right: -15px; }
#home_columnists_content { padding: 10px 0px; }
#home_columnists_content::after { content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 30px; background-color: rgb(255, 255, 255); }
#home_columnists_content .owl-pagination .owl-page.active span { background-color: rgb(25, 152, 205); }
#home_columnists_content .owl-pagination .owl-page span { background-color: rgb(229, 228, 242); opacity: 1; }
.home_columnists_cell { height: 160px; padding: 0px 40px; border-left: 1px solid rgb(211, 211, 211); }
.owl-carousel .owl-item:first-child .home_columnists_cell { padding-left: 15px; }
.owl-carousel .owl-item:last-child .home_columnists_cell { padding-right: 15px; }
.home_columnists_cell_details, .home_columnists_cell_image { float: left; }
.home_columnists_cell_image { width: 38%; }
.home_columnists_table { display: table; height: 160px; }
.home_columnists_vert { display: table-cell; vertical-align: middle; }
.home_columnists_cell_details { width: 62%; height: 160px; box-sizing: border-box; font-family: robotolight, sans-serif; font-size: 14px; padding: 10px 0px 10px 10px; }
.home_columnists_cell_details .news_share { right: 10px; position: absolute; bottom: 3px; }
.home_columnists_article { color: rgb(62, 62, 62); font-family: robotobold, sans-serif; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.home_columnists_credits { font-size: 12px; margin: 3px 0px 5px; }
.home_columnists_name { color: rgb(0, 101, 158); }
.home_columnists_summary { color: rgb(106, 106, 106); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.typeNews { font-size: 16px; font-family: robotobold, sans-serif; color: rgb(0, 101, 158); padding-left: 15px; background: rgb(238, 238, 238); }
#fixed_news_container .typeNews { background: rgba(238, 238, 238, 0.75); border-bottom: 1px solid rgba(238, 238, 238, 0.9); padding-left: 15px; }
#sidebar .typeNews { padding-left: 5px; margin-bottom: 10px; }
#sidebar div[id$="_ad_wrapper"] { margin: 30px auto 10px; width: 300px; }
#fixed_news_headings { position: fixed; top: 100px; left: 0px; width: 100%; height: 0px; z-index: 101; display: none; }
#fixed_news_container { width: 1048px; margin: 0px auto; }
.tiles, .tiles_image { height: auto; width: 100%; }
.tiles { font-size: 16px; text-align: left; background: rgb(255, 255, 255); display: inline-block; vertical-align: top; box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 5px 0px, rgba(0, 0, 0, 0.13) 0px 2px 10px 0px; box-sizing: border-box; margin: 15px 0px; }
.tiles.micro { width: calc(50% - 20px); min-height: 400px; float: left; margin: 10px; }
.tiles_image { max-height: none; text-align: center; overflow: hidden; }
.tiles.late .tiles_overflow_holder { max-height: 257px; overflow: hidden; }
.tiles.late .tiles_image.tiles_image_focus, .tiles.trend .tiles_image_focus { height: 100%; overflow: hidden; max-height: initial; }
.tiles_image_focus_screen { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(17, 145, 189, 0.65); }
.tiles_image.tiles_image_focus img, .tiles_image_focus img { width: 100%; display: block; }
.tiles_image img { max-width: 100%; display: inherit; }
.TilesText { margin: 14px; overflow: hidden; }
.tiles.late .TilesText.spec { background: rgb(255, 255, 255); padding: 15px 15px 0px; margin-top: 0px; }
.TilesText.autoheight { max-height: none; }
.tiles.late .TilesText.spec.TilesText_focus-3 { margin-left: 0px; margin-right: 0px; background: rgba(255, 255, 255, 0); }
.TilesAd { margin: 14px 0px; display: inline; }
.article_columnist { max-width: 103px; max-height: 103px; float: left; }
.TilesText.TilesText_focus, .TilesText_focus { padding: 15px; box-sizing: border-box; width: 100%; position: absolute; left: 0px; bottom: 0px; margin: 0px; }
.news_title.news_title_focus1, .news_title.news_title_focus2, .news_title_focus1, .news_title_focus2 { font-family: robotobold, sans-serif; font-size: 30px; margin-bottom: 10px; }
.news_title.news_title_focus1 a, .news_title.news_title_focus2 a, .news_title_focus1 a, .news_title_focus2 a { color: rgb(248, 210, 10); text-decoration: none; }
.news_title.news_title_focus1 a:hover, .news_title.news_title_focus2 a:hover, .news_title_focus1 a:hover, .news_title_focus2 a:hover { text-decoration: underline; }
.news_summary.news_summary_focus, .news_summary_focus { font-family: robotolight, sans-serif; font-size: 14px; color: rgb(255, 255, 255); line-height: 1.7em; }
.news_summary.news_summary_focus a, .news_summary_focus a { color: rgb(255, 255, 255); text-decoration: none; }
.news_summary a:hover, .news_summary.news_summary_focus a:hover, .news_summary_focus a:hover, .news_title a:hover { text-decoration: underline; }
.news_time.news_time_focus, .news_time_focus { font-family: robotolight, sans-serif; font-style: italic; font-size: 12px; color: rgb(255, 255, 255); padding-bottom: 10px; padding-top: 5px; }
.news_featured a { color: rgb(0, 113, 189); text-transform: uppercase; }
.news_featured.news_featured_focus, .news_featured_focus { text-transform: uppercase; font-family: robotobold, sans-serif; color: rgb(255, 255, 255); font-size: 0.8rem; float: left; margin-top: 8px; }
.news_share_focus_container { text-align: right; margin-top: 5px; }
.news_share.news_share_focus, .news_share_focus { position: relative; display: inline-block; padding: 7px 5px 0px; }
.blue_gradient { width: 100%; height: 50%; min-height: 20px; position: absolute; bottom: 0px; background: linear-gradient(rgba(17, 145, 189, 0), rgb(17, 145, 189)); }
.post_comment { color: rgb(255, 255, 255); background: rgb(0, 101, 158); text-align: center; font-family: robotolight, sans-serif; cursor: pointer; border: 1px solid rgb(0, 101, 158); border-radius: 0.2em; }
.tileFooter { position: relative; margin: 0px 14px; width: auto; }
.tilePadder { margin: 11px 14px 10px; }
@media only screen and (min-width: 871px) {
  .tiles { height: 400px; margin: 10px 0px; }
  .tiles_image { width: auto; max-height: 183px; overflow: hidden; }
  .tiles_image img { display: block; }
  .TilesText { max-height: 170px; }
  .TilesText_focus { max-height: initial; }
  .tileFooter { position: absolute; bottom: 0px; margin: 0px; width: 100%; }
}
.titleOfSlider { font-family: robotobold, sans-serif; position: absolute; bottom: 0px; font-size: 20px; width: 100%; padding-top: 16px; text-align: left; color: rgb(255, 255, 255); }
.slider_padding { padding: 30% 15px 0px; background: linear-gradient(transparent 0px, rgb(0, 0, 0) 100%); }
.thoseText { padding-bottom: 31px; }
.slideImage_pic::after, .slider_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.slideImage_pic::after { content: ""; }
.slider_bg { opacity: 0.7; }
.adDivs { margin: 15px 0px; }
.adDivs img { display: block; }
.descOfSlider { font-family: robotolight, sans-serif; font-size: 14px; text-align: left; position: relative; color: rgb(165, 165, 165); }
.descOfSlider a { color: rgb(165, 165, 165); }
.theLeaderBoardMobile { display: none; position: relative; text-align: center; margin-top: 1%; width: 460px; height: 51px; background: gray; padding-top: 22px; padding-bottom: 22px; font-family: robotobold, sans-serif; font-size: 34px; }
.newsContent { width: 94.5%; margin-top: 1%; height: auto; text-align: left; }
.Headlines, .main-LatestNews { display: inline-table; width: 68%; height: auto; }
.Headlines img, .columnist table, .recommended_cell .register-now, .smallNews img, .sub-headline-tab img { width: 100%; }
.main-LatestNews { float: left; }
#sub-headline { margin-top: 20px; }
.sub-headline-tab { display: inline-block; font-size: 18px; width: 32.5%; color: rgb(102, 102, 102); font-weight: 700; vertical-align: top; }
.LnewsTitle, .smallNews, .sub-headline-tab { font-family: robotolight, sans-serif; }
.LnewsTitle { margin-top: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; font-size: 22px; background: rgb(3, 152, 204); width: 95%; }
.smallNews { display: inline-block; height: auto; overflow-x: hidden; font-size: 12px; color: rgb(0, 113, 188); margin-top: 10px; line-height: 21px; border: 1px solid rgb(235, 235, 235); vertical-align: top; width: 100%; }
.locked-bottom { position: fixed; }
#mailing_email, #mailing_submit { font-size: 12px; box-sizing: border-box; height: 38px; }
#mailing_email { font-family: robotolight, sans-serif; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(211, 211, 211) currentcolor rgb(211, 211, 211) rgb(211, 211, 211); border-image: none; padding: 10px; width: 178px; }
#mailing_submit { color: rgb(255, 255, 255); background: rgb(0, 101, 158); border: 0px; width: 92px; cursor: pointer; }
#mailing_submit:hover { background: rgb(0, 76, 119); }
#mailing_submit, .category, .latestNews { font-family: robotolight, sans-serif; }
.latestNews { display: inline-block; width: 48.5%; margin-top: 20px; font-size: 19px; font-weight: 700; color: rgb(102, 102, 102); vertical-align: top; }
.latestNews img { width: 97.5%; }
.category { font-size: 12px; background: rgb(3, 152, 204); color: rgb(255, 255, 255); width: auto; position: absolute; padding: 1px 5px 1px 6px; }
.blueDivider { margin-top: 20px; height: 8px; background: rgb(3, 152, 204); }
.greyDivider { margin-top: 20px; height: 2px; background: rgb(160, 160, 160); }
.otherLinks, .tobewide, .wordsBelow { width: 30.787%; float: right; }
.tobewide { display: inline-block; }
.mrec { float: right; width: 98.51%; padding-top: 25.95%; padding-bottom: 25.94%; font-size: 34px; }
.mrec, .mrecForMobile, .rectangleAd { text-align: center; font-family: robotobold, sans-serif; background: gray; }
.mrecForMobile { display: none; margin-top: 5px; width: 84.51%; padding-top: 19.95%; padding-bottom: 25.94%; font-size: 34px; }
.rectangleAd { float: right; width: 98.51%; margin-top: 22px; padding-top: 10px; padding-bottom: 10px; font-size: 29.7px; }
.columnist { font-family: robotolight, sans-serif; font-weight: 700; height: auto; overflow-x: hidden; margin-top: 10px; line-height: 21px; vertical-align: top; }
.columnist-text { display: inline-block; vertical-align: top; height: 100%; }
.columnist-image { display: inline-block; border: solid; }
.rcomended { margin-top: 6px; margin-right: 5px; display: inline-block; font-family: robotobold, sans-serif; font-size: 10px; color: rgb(70, 70, 70); width: 47%; vertical-align: top; }
.lowerWords { margin-top: 15px; }
.lowerWords h1, .lowerWords p, .lowerWords ul { font-family: robotolight, sans-serif; font-size: 22px; color: rgb(3, 152, 204); }
.lowerWords p, .lowerWords ul { font-size: 19px; color: rgb(102, 102, 102); }
.lowerWords p { text-align: center; }
#mobile-navig li, .lowerWords ul { padding-left: 20px; }
.smallGroup { width: 100%; display: inline-block; }
.smallGroup .smallNews { display: block; width: 100%; }
.removingClear { clear: both; display: block; }
.fordesktp, .hideAtTab { display: block; }
.forMobile, .forTab { display: none; }
.wordsDivision { width: 100%; }
.forTab .category { margin-left: 6px; }
.stickyNotes { display: none; background: rgb(3, 152, 204); position: fixed; left: 0px; right: 0px; bottom: 0px; height: 50px; z-index: 1; }
.toggleButton { position: relative; background: rgb(3, 152, 204); width: 100px; border-radius: 20px; top: -33px; height: 100px; cursor: pointer; }
.news_column.trending { width: 45%; }
.news_column.latest { width: 55%; }
.news_column { float: right; vertical-align: top; box-sizing: border-box; padding: 0px 10px; }
.news_column.micro { float: none; padding-right: 0px; }
.news_title { font-size: 20px; font-family: robotobold, sans-serif; line-height: normal; }
.news_summary a, .news_title a { text-decoration: none; }
.news_title a { color: rgb(62, 62, 62); }
.news_summary { font-family: robotolight, sans-serif; font-size: 15px; line-height: 1.5em; padding-top: 10px; clear: both; }
.news_summary a { color: rgb(106, 106, 106); pointer-events: none; }
.TilesText_focus-3 .news_summary a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_summary b, .recommended_summary b { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.inside_cell_elapsed, .news_time { font-family: robotolight, sans-serif; font-style: italic; font-size: 10.5px; color: rgb(106, 106, 106); margin-bottom: 5px; }
.news_featured { font-family: robotobold, sans-serif; font-size: 0.8rem; color: rgb(0, 113, 189); display: inline-block; }
#comments { margin: 15px 0px; }
#comment_tabs { border-bottom: 1px solid rgb(153, 153, 153); }
.comment_count, .comment_tab { font-family: robotobold, sans-serif; font-size: 13px; padding: 3px 10px; float: left; }
.comment_tab { color: rgb(255, 255, 255); background: rgb(172, 172, 172); margin-right: 3px; cursor: pointer; }
.comment_tab.active { background: rgb(0, 101, 158); }
.comment_count { color: rgb(68, 68, 68); margin-left: 20px; }
#comment_actions { margin: 15px 0px; }
.comment_action, .most_stat { font-family: robotobold, sans-serif; font-size: 14px; }
.comment_action { cursor: pointer; float: left; margin-right: 20px; color: rgb(68, 68, 68); }
.comment_action img { vertical-align: 0px; }
.most_stat { background: rgb(17, 145, 189); color: rgb(255, 216, 0); padding: 5px 10px; position: absolute; bottom: 0px; left: 0px; z-index: 100; }
.most_stat.most_top { position: relative; display: inline-block; margin-left: 0px; bottom: 0px; left: 0px; }
.most_stat.most_focus { position: relative; display: inline-block; background: url("https://www.philstar.com/images/black.png"); margin-bottom: 10px; }
.most_stat img { width: 14px; height: 12px; display: inline-block; vertical-align: -1px; }
#div-navig a.active, #div-navig a:hover, #main-navig a.active, #main-navig a:hover, #main-navig-down a.active, #main-navig-down a:hover, #mobile-minig a:hover, #mobile-navig a:hover, #nav_profile_links a:hover, #sticky-navig a.active, #sticky-navig a:hover, #top-navig a.active, #top-navig a:hover, .mobile-navig_subnav a:hover { color: rgb(255, 255, 0); }
#mobile_burger_drop { display: none; position: absolute; top: 100px; left: 0px; width: 100%; }
#mobile-navig, .mobile-navig_subnav { margin: 0px; padding: 0px; display: none; }
.mobile-navig_subnav.open { display: block; background-color: rgb(26, 152, 206); padding: 20px 20px 0px; min-height: 250px; }
.mobile-navig_subnav a.subnav_section { color: rgb(152, 224, 255); font-size: 16px; font-family: robotoregular, sans-serif; margin-top: 5px; }
.mobile-navig_subnav.open ul { margin-top: 0px; padding-left: 15px; }
#mobile-navig { top: 22px; }
#nav_publications.desktop-nav #mobile-navig.expand { position: absolute; left: 430px; background-color: rgb(42, 169, 223); top: 0px; width: 200px; bottom: 0px; padding-top: 60px; padding-left: 40px; z-index: 10; }
#nav_publications.desktop-nav #mobile-navig.active { z-index: 100; }
#mobile-navig a, #nav_publications.desktop-nav #mobile-navig.expand li { border-bottom: 1px solid transparent; }
#mobile-navig li { border-bottom: transparent; position: relative; }
#mobile-navig li .arrow-right.arrow-lb { position: absolute; top: 50%; margin-top: -7px; left: 45%; width: 10%; }
.mobile_expand { position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); font-weight: 700; }
.mobile-navig.expand { display: block !important; }
.mobile_expand a { font-size: 25px; width: 15px; text-align: center; }
#footer_left_cell a:hover, #footer_nav a:hover, .footer_contact_details a:hover, .mobile_expand a:hover { color: gold; }
.mobile_trinav_contents, input[type="radio"] { display: none; }
.mobile_trinav_link { margin-left: 20px; }
#mobile-minig { background: rgb(19, 71, 90); margin: 0px; padding: 0px; width: 100%; }
#mobile-minig li, #mobile-navig li, .mobile-navig_subnav li { list-style: none; }
#mobile-navig a, .mobile-navig_subnav a { font-size: 14px; text-decoration: none; font-family: robotolight, sans-serif; color: rgb(255, 255, 255); display: block; padding: 11px 20px; }
#mobile-minig a { font-size: 14px; display: block; padding: 20px; }
#mobile_social_drop { background: rgb(17, 82, 105); position: absolute; top: 100px; left: 0px; width: 100%; display: none; }
.mobile_padding { padding: 15px 20px; }
#mobile-minig a, #mobile_table td { text-align: center; }
.mobile_social_link { margin: 0px 7%; }
#mobile-minig a, #top-picks { font-family: robotolight, sans-serif; }
#top-picks { font-size: 36px; color: rgb(0, 101, 158); }
#top-picks_padding { padding: 15px 10px 0px; width: 1004px; margin: 0px auto; }
#search_date_range { padding: 0px 10px; font-size: 16px; }
.refine_section { font-weight: 400; }
.refine_list { font-family: robotolight, sans-serif; font-size: 12px; list-style-type: square; }
#footer { width: 100%; }
#footer_top_content { background: rgb(3, 152, 204); }
.footer_contact_cell { display: table-cell; width: 33%; }
.footer_contact_cell_padding { padding: 30px; }
.footer_contact_cell img { vertical-align: top; }
.footer_contact_details { color: rgb(255, 255, 255); font-size: 11px; display: inline-block; vertical-align: top; width: 200px; margin-left: 10px; }
#mobile-minig a, .footer_contact_details a { color: rgb(255, 255, 255); text-decoration: none; }
#footer_divider { width: 100%; height: 2px; background: url("https://www.philstar.com/images/footer_divider.png"); margin: 10px 0px; }
#footer_bottom_content, #footer_nav, .footer_contact_details { font-family: robotolight, sans-serif; }
#footer_nav { width: 100%; text-align: center; font-size: 11px; padding: 5px 0px; }
#footer_bottom_content { background: rgb(17, 82, 105); font-size: 10px; color: rgb(255, 255, 255); }
#footer_bottom_content .padding, #footer_top_content .padding { width: 962px; margin: 0px auto; padding: 12px 0px; }
.footer_table { display: table; width: 100%; }
#footer_left_cell { display: table-cell; }
#footer_left_cell a, #footer_nav a { color: rgb(255, 255, 255); text-decoration: none; margin-left: 10px; }
#footer_right_cell { display: table-cell; text-align: right; }
#poll_text { position: absolute; top: 0px; left: 0px; text-shadow: rgb(0, 0, 0) 2px 2px 2px; background: rgba(17, 145, 189, 0.65); }
#poll_text, #poll_text table, #switchback_link a img { width: 100%; height: 100%; }
#poll_text td { padding: 20px; vertical-align: middle; }
#poll_title { color: rgb(89, 234, 255); font-family: robotobold, sans-serif; font-size: 18px; }
#poll_question { color: rgb(255, 255, 255); font-family: robotolight, sans-serif; font-size: 24px; }
#poll_button, #poll_choices { font-size: 15px; }
#poll_choices { padding: 15px 15px 15px 30px; font-family: robotobold, sans-serif; color: rgb(105, 106, 106); }
.poll_choice { margin: 8px 0px; }
#poll_button { color: rgb(255, 255, 255); background: rgb(0, 101, 158); display: block; width: 192px; text-align: center; font-family: robotolight, sans-serif; padding: 10px 0px; margin: 15px auto 0px; cursor: pointer; }
#poll_button:hover { background: rgb(0, 65, 102); }
input[type="radio"] + label span { display: inline-block; width: 13px; height: 13px; margin: 0px; vertical-align: -2px; background: url("https://www.philstar.com/images/Home/poll_radio.png"); cursor: pointer; }
input[type="radio"]:checked + label span { background-position: 0px -13px; }
#mobile_icons { display: none; position: absolute; top: 24px; right: 30px; text-align: right; line-height: 34px; }
#mobile_icons img, #switchback_link img { vertical-align: middle; }
.mobile_icon { display: inline-block; height: 38px; }
.mobile_icon:last-child, .mobile_icon_tiny:last-child { margin-right: 0px; }
#mobile_burger { margin-right: 0px; }
.mobile_icon.active, .mobile_icon:hover { background-position: 0px -38px; }
.mobile_icon_tiny { display: none; height: 20px; vertical-align: middle; }
.header_mobile_divider { margin: 0px 8px; }
.mobile_icon_tiny.active, .mobile_icon_tiny:hover { background-position: 0px -20px; }
.footer_inline { display: inline-block; }
.midboard_only, .mobile_only { display: none; }
#switchback_link a, .alwaystable { display: block; width: 100%; height: 100%; }
.alwaystable { max-width: 321px; background: 0px 0px; box-shadow: none; margin: 0px auto; text-align: center; }
.alwayscell { display: table-cell; text-align: center; vertical-align: middle; }
#footer_ad, #switchback { position: fixed; bottom: 0px; left: 10%; z-index: 100; }
#switchback { left: 10px; background: rgb(3, 152, 204); padding: 15px; text-align: center; z-index: 99999; }
#switchback_link { margin-bottom: 10px; font-family: robotobold, sans-serif; font-size: 14px; color: rgb(255, 255, 255); }
#switchback_link a { position: absolute; top: 0px; left: 0px; }
#switchback_switch { display: inline-block; vertical-align: middle; width: 90px; margin-left: 5px; }
#switchback_feedback { font-family: robotolight, sans-serif; font-size: 12px; color: rgb(255, 255, 255); }
#switchback_feedback a { color: gold; }
#switchback_feedback a:hover { text-decoration: underline; }
#cookie-message { position: fixed; bottom: 0px; left: 0px; width: 100%; font-family: robotolight, sans-serif; color: rgb(0, 101, 158); z-index: 999999; }
#cookie-text { padding: 15px 75px 15px 15px; box-sizing: border-box; width: 70%; background: rgb(255, 255, 255); margin: 0px auto; border: 1px solid rgb(238, 238, 238); }
#cookie-close { position: absolute; top: 15px; right: 15px; }
#cookie-button { background: rgb(0, 101, 158); color: gold; border: 0px; padding: 3px 6px; }
#section_checker, input[type="checkbox"] { display: none; }
@media only screen and (max-width: 1400px) {
  #nav_container, .header_subnav_contents { padding-right: 15px; }
  #main-navig { margin-top: 10px; }
  #main-navig a { font-size: 0.9em; }
  .header_subnav_link { font-size: 0.8em; }
  #nav_publications { top: 81px; }
}
@media only screen and (max-width: 1024px) {
  #div-navig { margin-top: 0px; vertical-align: middle; display: flex; height: 67px; flex-direction: row; justify-content: flex-end; align-items: center; }
  #main-navig { display: none; }
  #nav_publications { top: 82px; }
  #news_main { display: inherit; }
  #fixed_news_headings { top: 82px; }
  #fixed_news_container { width: auto; margin: 0px; padding: 0px 10px; }
  .alwaystable { max-width: none; }
  #nav_unread { right: 137px; }
  .skin_ad { display: none; }
  .news_featured { padding-bottom: 14px; }
  #top-navig { display: block; }
  #nav_social { width: 100%; }
  #nav_social_links, .fordesktp { display: none; }
  #nav_social_links_mobile, .forTab { display: block; }
  .hideAtTab, .removingClear { display: none; }
  #main .container, #main-headline, .main-LatestNews { width: 100%; }
  #block_feature, .mrec, .rectangleAd { display: none; }
  .smallNews { width: 31.8%; }
  .Headlines, .otherLinks, .tobewide, .wordsBelow { width: 100%; }
  .wordsDivision { width: 45%; }
  .smallGroup { width: 47%; display: inline-block; vertical-align: top; margin: 7px; }
  .theContent { max-width: 800px; padding: 15px 0px; width: auto; }
  #main-navig-down, .header_subnav { display: none; }
  #header { vertical-align: middle; position: fixed; }
  .recommended_cell, .recommended_cell img, .recommended_image { width: 100%; }
  .recommended_cell { height: auto; }
  .most_stat img { width: 14px; height: 12px; }
  #poll_choices { font-size: 12px; }
  .theLeaderBoard { width: auto; padding: 10px; text-align: center; }
  .theLeaderBoard img { max-width: 970px; width: 100%; }
  .thoseShares img { width: auto; }
  #footer_bottom_content .padding, #footer_top_content .padding { width: 95%; }
  #footer_contact { width: auto; margin: 0px auto; }
  .footer_contact_cell_padding { padding: 30px 15px; }
  .footer_contact_details { width: 165px; }
}
@media only screen and (max-width: 870px) {
  .most_stat { bottom: 73px; left: 14px; }
  #fixed_news_headings { display: none; }
  .theContent { padding-top: 0px; }
  #switchback { padding: 5px 15px; }
  #switchback_link { margin: 0px; }
  #switchback_feedback { margin-left: 15px; }
  #switchback_feedback, #switchback_link { display: inline-block; vertical-align: middle; }
  #sidebar { display: none; }
  #news_main, #section_checker_sections .solo { width: 100%; }
  .footer_contact_cell_padding { text-align: center; }
  .footer_inline { height: 45px; }
  .footer_contact_details { margin: 0px; display: block; }
  #section_checker { display: block; padding: 0px; z-index: 100; width: 100%; box-sizing: border-box; background: rgb(238, 238, 238); left: 0px; }
  #section_checker_sections { list-style-type: none; padding: 0px; margin: 0px; width: 100%; }
  #section_checker_sections li { display: inline-block; width: 50%; background: rgb(143, 143, 143); cursor: pointer; font-family: robotobold; font-size: 0.8rem; color: rgb(255, 255, 255); text-align: center; padding: 6px 0px; border-bottom: 2px solid rgb(3, 93, 146); text-transform: uppercase; }
  #section_checker_sections li.active, #section_checker_sections li:hover { background: rgb(3, 93, 146); }
  .titleForOpinion .news_title { text-align: left; }
  .tiles.late .tiles_image { max-height: none; }
  .tiles.late .tiles_overflow_holder { max-height: none; text-align: center; }
  .tiles .TilesText.spec, .tiles.late .TilesText.spec { margin-top: -73px; margin-bottom: 0px; background-color: rgb(255, 255, 255); padding: 15px 15px 0px; }
  .tiles .TilesText.spec.TilesText_focus-3 { background-color: transparent; }
  .news_summary { min-height: 80px; }
  .tilePadder { margin: 0px 14px; padding-top: 14px; }
  .news_column.latest, .news_column.micro, .news_column.trending { display: block; width: 100%; padding: 0px; }
  .tiles.ribbon-cont { margin-left: 1%; margin-right: 1%; width: 98%; margin-bottom: 0px; }
  .tiles.micro { margin: 10px 0px; width: 100%; min-height: inherit; }
  #carousel_news { width: 100%; height: auto; float: none; overflow: visible; }
  .topNews_pic { height: 100%; }
  .typeNews.late, .typeNews.recommend, .typeNews.trend { display: none; }
  #carousel_overflow { width: 100%; height: 100%; overflow: hidden; }
  .sideNewsTitle { font-size: 1rem; }
}
@media only screen and (max-width: 760px) {
  .leaderboard_sized_only { display: none; }
  .midboard_only { display: block; }
  .news_title_focus1 { font-size: 28px; }
}
@media only screen and (max-width: 600px) {
  #biggerSearch { display: none; }
  #smallerSearch { display: block; }
  #rightOfLogo { width: 134px; top: 0px; }
}
@media only screen and (max-width: 650px) {
  .news_title_focus1 { font-size: 36px; }
  #nav_publications { max-width: 100%; top: 82px; }
  #top-picks_padding { padding: 10px; font-size: 24px; }
  .mobile_only { display: block; font-size: 0px; }
  #news_main { display: block; width: 100%; }
  #div-navig, #top-navig { width: 100%; box-sizing: border-box; }
  .mid_only { display: none; }
  .footer_contact_details { width: auto; }
  #mobile_social_drop { top: -6px; right: 80px; }
}
@media only screen and (max-width: 600px) {
  #cookie-text { width: 90%; }
  #footer_divider, #footer_left_cell, #footer_nav { display: none; }
}
@media only screen and (max-width: 581px) {
  .theLeaderBoardMobile { display: block; }
  .latestNews, .smallGroup, .smallNews { width: 98%; }
  .forMobile, .mrecForMobile, .stickyNotes { display: block; }
}
@media only screen and (max-width: 575px) {
  #home_columnists .owl-controls { display: none; }
  #nav_unread { top: 56px; right: 9px; }
  #nav_unread_arrow { right: 95px; }
  #mobile_icons { right: 20px; }
  #unread_bites_mobile, .mobile_icon { display: none; }
  #unread_bites_tiny, .mobile_icon_tiny { display: inline-block; }
  #mobile_burger_drop, #nav_publications, #nav_social, #searchbar { top: 59px !important; }
  .container { padding-top: 0px; }
  #logo_nav, #sticky_nav { padding-top: 14px; padding-bottom: 12px; }
  .smallerSearchimage { width: 100%; }
  #header { height: 59px; }
  #rightOfLogo { width: 46%; }
  #mobile_icons { top: 20px; line-height: 20px; }
  #div-navig { height: 48px; }
  #skin_holder { margin-top: 59px; }
  .sponsored_article { width: 50%; }
}
@media only screen and (max-width: 554px) {
  #footer_contact { width: 100%; }
  .footer_contact_cell { display: block; width: 100%; }
  .footer_contact_cell_padding { text-align: left; padding: 10px; }
  .footer_inline { width: 40px; height: auto; text-align: center; }
  .footer_contact_details { margin-left: 10px; display: inline-block; }
}
@media only screen and (max-width: 515px) {
  #mobile-minig a, #mobile-navig a, .mobile-navig_subnav a { padding: 10px; }
  .article_columnist { width: 75px; }
  #mobile_search_drop { height: 22px; line-height: 22px; top: -3px; }
  #mobile_search_field { font-size: 16px; width: 150px; height: 22px; }
}
@media only screen and (max-width: 482px) {
  .theLeaderBoardMobile { width: 100%; }
}
@media only screen and (max-width: 450px) {
  #section_checker_sections li { font-size: 14px; }
  #switchback { left: 0px; }
}
#splash_ad_container, #whiteout { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url("https://www.philstar.com/images/black.png"); display: none; z-index: 101; }
#splash_ad_container { background: 0px 0px; }
#popup_contents { background: rgb(255, 255, 255); text-align: center; padding: 15px; }
#popup_message { margin-bottom: 15px; font-family: robotolight; font-size: 20px; }
.popup_button { padding: 5px 10px; background: rgb(0, 101, 158); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-family: robotolight; font-size: 14px; cursor: pointer; margin: 10px 10px 0px; display: inline-block; }
#login_button:hover, .popup_button:hover { background: rgb(0, 65, 102); }
#login, #popup { display: none; background: rgb(255, 255, 255); margin: 0px auto; color: rgb(61, 61, 61); }
#popup { border: 3px solid rgb(255, 255, 255); width: 400px; }
#login { width: 800px; border: 0px; }
#login_left, #login_right { width: 400px; display: inline-block; box-sizing: border-box; vertical-align: middle; }
#login_left { padding: 15px; font-family: robotolight, sans-serif; font-size: 14px; line-height: 1.8em; }
#login_right { padding: 20px 0px 10px; }
#logout { display: none; border: 3px solid rgb(255, 255, 255); background: rgb(255, 255, 255); width: 250px; margin: 0px auto; padding: 15px; color: rgb(61, 61, 61); font-family: robotolight, sans-serif; font-size: 16px; text-align: center; }
#login_title { color: rgb(0, 101, 158); font-size: 24px; }
#login_close, #login_title, .login_header { font-family: robotobold, sans-serif; }
#login_close { position: absolute; top: 0px; right: 0px; padding: 10px; cursor: pointer; font-size: 12px; color: rgb(0, 101, 158); z-index: 9999; }
#login_message { display: none; color: rgb(255, 0, 51); font-size: 16px; text-align: center; margin: 15px 0px; }
.login_header { font-size: 14px; color: rgb(132, 132, 132); width: 346px; margin: 0px auto; }
#login_message, #login_other, .login_text { font-family: robotolight, sans-serif; }
.login_text { border: 1px solid rgb(60, 60, 60); font-size: 14px; padding: 5px 10px; width: 324px; display: block; margin: 5px auto 15px; }
#login_other { font-size: 10px; color: rgb(60, 60, 60); width: 346px; height: 20px; margin: 15px auto; }
input[type="checkbox"] + label span { display: inline-block; width: 20px; height: 20px; margin: 0px; vertical-align: -6px; background: url("https://www.philstar.com/images/login_checkbox.png"); cursor: pointer; }
input[type="checkbox"]:checked + label span { background-position: 0px -20px; }
.play_icon { position: absolute; top: calc(50% - 40px); left: calc(50% - 33px); width: 66px; height: 64px; }
.recommended_image .play_icon { top: calc(50% - 30px); }
#login_forgot { color: rgb(60, 60, 60); position: absolute; top: 4px; right: 0px; }
#login_button, #login_divider { width: 346px; text-align: center; font-family: robotolight, sans-serif; }
#login_button { color: rgb(255, 255, 255); background: rgb(0, 101, 158); display: block; font-size: 19px; padding: 5px 0px; margin: 0px auto 5px; cursor: pointer; border-radius: 0.2em; }
#login_divider { margin: 15px auto; font-size: 12px; color: rgb(132, 132, 132); }
#login_divide_left, #login_divide_right { border-top: 1px solid rgb(213, 213, 213); width: 120px; height: 0px; position: absolute; top: 8px; z-index: 1; }
#login_divide_left { left: 0px; }
#login_divide_right { right: 0px; }
#login_divide_title { display: inline-block; padding: 0px 8px; background: rgb(255, 255, 255); z-index: 10; }
#login_alts { width: 346px; height: 52px; margin: 0px auto; text-align: center; }
#login_fb { display: inline-block; }
#login_fb, #login_gp, #login_tw { margin: 0px 3px; width: 52px; height: 52px; box-sizing: border-box; padding: 5px; cursor: pointer; }
#login_fb { background: url("https://www.philstar.com/images/login_fb.png") center center no-repeat; }
#login_gp { background: url("https://www.philstar.com/images/login_gp.png") center center no-repeat; display: none; }
#login_tw { background: url("https://www.philstar.com/images/login_tw.png") center center no-repeat; display: none; }
#login_fb:hover, #login_gp:hover, #login_tw:hover { background-color: rgb(128, 178, 206); border: 2px solid rgb(0, 101, 158); border-radius: 0.5em; }
#login_register { background: rgb(204, 204, 204); width: 100%; text-align: center; color: rgb(76, 76, 76); font-family: robotolight, sans-serif; font-size: 16px; padding: 15px 0px; }
#login_register a { font-family: robotobold, sans-serif; color: rgb(0, 101, 158); }
#floatingBarsG { position: relative; width: 30px; height: 37px; }
.blockG { position: absolute; background-color: rgb(255, 255, 255); width: 5px; height: 12px; border-radius: 4px 4px 0px 0px; transform: scale(0.4); animation-name: fadeG; animation-duration: 0.48s; animation-iteration-count: infinite; animation-direction: normal; }
#rotateG_01 { left: 0px; top: 13px; animation-delay: 0.18s; transform: rotate(-90deg); }
#rotateG_02 { left: 4px; top: 5px; animation-delay: 0.24s; transform: rotate(-45deg); }
#rotateG_03 { left: 13px; top: 1px; animation-delay: 0.3s; transform: rotate(0deg); }
#rotateG_04 { right: 4px; top: 5px; animation-delay: 0.36s; transform: rotate(45deg); }
#rotateG_05 { right: 0px; top: 13px; animation-delay: 0.42s; transform: rotate(90deg); }
#rotateG_06 { right: 4px; bottom: 3px; animation-delay: 0.48s; transform: rotate(135deg); }
#rotateG_07 { bottom: 0px; left: 13px; animation-delay: 0.54s; transform: rotate(180deg); }
#rotateG_08 { left: 4px; bottom: 3px; animation-delay: 0.6s; transform: rotate(-135deg); }
@media only screen and (max-width: 1024px) {
  .theLogo { width: 79px; }
  #whiteout { background: rgb(17, 82, 105); top: 82px; }
  #whiteout_td { padding: 25px; vertical-align: top; }
  #login { width: 100%; max-width: 400px; }
  #login_title { font-size: 20px; }
  #login_left { padding-bottom: 0px; font-size: 12px; }
  #login_right { padding-top: 0px; }
  #login_register { font-size: 14px; }
}
@media only screen and (max-width: 575px) {
  #whiteout { top: 59px; }
}
@media only screen and (max-width: 460px) {
  .login_text { width: 80%; }
  #login_alts { width: 100%; }
  #login_divider, .login_header { box-sizing: border-box; width: 100%; padding: 0px 15px; }
  #login_left, #login_right { width: 100%; }
  #login_button, #login_other { width: 85%; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #slide_holder { max-width: 768px; margin: 0px auto; }
  #carousel, #carousel_extra, #carousel_news { clear: none; }
  #carousel, #carousel_news { float: left; }
  #carousel { width: 478px; margin-right: 5px; }
  #carousel_news { width: 285px; }
  .slideImage_pic img { width: 100%; height: 488px; margin: 0px auto; }
  #carousel_actual .owl-nav { display: inherit; }
}
@media only screen and (min-width: 1024px) {
  #nav_container { margin-left: 195px; }
  #mobile-navig li .arrow-right.arrow-lb { display: none; }
}