@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');

html {font-size:62.5%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth;}

* { -webkit-box-sizing: border-box; box-sizing: border-box;}

body { margin:0; padding:0; border:0; color:#222; font-size:1.3rem; font-family: Archivo, Sans-Serif;}

/* fallback */

.material_block {
                 background: #f9f9fb;
                 border-radius: 24px;
                 margin-bottom: 30px;
                 display: inline-block;
                 width: 100%;
                 transition: all 0.2s ease-in-out;
}
.block_padding{
    padding: 20px;
}
/*.material_block1 {*/
/*    background: #f9f9fe;*/
/*    border-radius: 16px;*/
/*    margin-bottom: 16px;*/
/*    padding: 20px;*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    transition: all 0.2s ease-in-out;*/
/*}*/
.material_block:hover {
    background: #f5f5f7;
}


#top_bread, #top_bread_o, #top_bread .bread_head a, #top_bread .bread_head a span {font-weight:normal; color: #4B6BA4;}

#player-position span {width: 20%!important; height: 12px!important; margin:0px!important; border-radius: 0%!important;}

.short_load_photo {margin-right: 20px; float:left; position: relative; background-position: 50% 50%; background-size: cover;}
.short_load_photo_special {margin-right: 20px; float:left; position: relative; background-position: 50% 50%; background-size: cover;}

.featured-image-caption {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    padding: 8px 25px;
    line-height: 1.5rem;
    font-size: clamp(.9rem, 2vw, 1.5rem);
    color: #ffffff;
    text-align: center !important;
    font-style: italic;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 12px 12px 0 0;
    font-weight: 100;
}
.featured-image-caption a {font-weight:bold!important; color:#000!important;}
.story_stamp {color: #4B6BA4; font-weight: 300; float: left; width: 100%; letter-spacing: -0.5px;}

#top_bread {float: left; height: 80px; position: relative; max-width: 655px;}

#top_bread .bread_head { float: left; width: 100%; display: block; color: #4B6BA4; font-weight: normal; font-size: 3rem; line-height:8rem; height:80px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-transform:capitalize;}

#top_bread .bread_head a { color: #4B6BA4; font-size: 3rem; line-height: 8rem; display: block;font-weight: normal;}
#top_bread .bread_head a span { color: #4B6BA4; font-size: 3.8rem; line-height: 8.4rem;}

.faq-section {margin-top: 30px; background:#f7f7f7; border-radius:12px; padding:10px;} .faq-section H3 {color:#f44;} .faq-item {margin-bottom: 20px;} .faq-item p {margin: 5px 0; border-bottom:1px solid #ccc; font-style:italic;}

/******************** 1260 & UP ********************/

@media screen and (min-width: 1280px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main { margin: 0 auto; max-width: 1260px; width:100%;}
#content {margin: 0 auto; padding: 0px 20px; display: inline-block; float: none; position: relative; width: 100%;}

.grid { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 { width: 378px;  display: inline-block; margin-left:30px; float: right;}
.grid-item--width1, .grid-item--width4, .grid-item--width5 {width: 810px;  display: inline-block; float:left;}

.top_row {height: 80px;}
#top_menu {height: 80px; width: 60px;}
#top_menu i { font-size:2.2rem;  line-height: 8.0rem; width: 50px; height: 80px; margin-left:10px;}

#top_menu_news_feed i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_news_feed {height: 80px; width: 60px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 60px;}

#top_bread {display: block;}
#top_bread_o, #top_bread2 {display: none;}
#top_bread2 {display: inline-block;margin: 40px 0px;width: 100%;text-align: center}
#top_bread2 .bread_head {display: block; color: #000000; font-weight: bold; font-size: 4.2rem;letter-spacing: -0.05em;}
#top_bread2 .bread_head a { color: #000000; font-weight: bold; font-size: 4.2rem; display: inline;letter-spacing: -0.05em;}
#top_bread2 .bread_head a span { color: #4B6BA4; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
#top_bread .bread_head a{font-weight: 600;}

#top_logo {height: 80px; width: 80px; padding: 10px;}

#top_search {height: 80px; width: 60px; margin-right:20px; display: flex; justify-content: center; align-items: center;}
#top_search  svg {width:24px; height:24px;}
    
#top_search i { font-size:2.2rem; width: 80px; line-height:8.0rem;}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}

#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

.newsoc {width:60%; margin-bottom: 30px;}    
.plugin_image_holder {padding: 0px 0px 30px 0px;}    
.footer {padding: 30px 20px 0px 20px;}

.tagcl {display: block;}
.footer_info {margin-bottom: 30px;}

.short {padding: 15px 0;}
.short_load_photo {display:block; width: 25%;}
.short_load_photo_special {display:block; width: 25%;}

.short_holder_load {float: left; width:65%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#lrahos,.padding_404{ width: 100%; position: relative; padding: 40px;}

#latest_home, #lrahos, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerC > div > div {margin-bottom: 30px;}

.story_stamp {padding: 25px 0px 0px 0px;letter-spacing: -0.5px; font-size: 2.6rem;}
    
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, 
#article_body H6, #article_body p, #article_body ul, #article_body ol 
{margin:0; padding:0 0 20px 0px; text-align:left;}
    
#article_body{font-size:1.7rem; line-height:1.25;}
h1.page_title {font-size:4.8rem; line-height: 5.2rem; float: left; width: 100%; margin:25px 0px 25px 0px; letter-spacing:-1px;font-weight: 900;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}

.artag {}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 8px 12px;}

.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(3n+1) {float: left; padding-right:30px; width:280px;}
#category_headlines .cat-headlines-holder:nth-of-type(3n+2) {float: left; padding-right:30px; width:280px;}
#category_headlines .cat-headlines-holder:nth-of-type(3n) {float: right; width:250px;}

.cat-tit {float: left; font-size: 1.8rem; line-height: 2.4rem; text-align: left; width: 100%; height: 120px; overflow: hidden; margin: 10px 0px;}

#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}

.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
#player-position {position: absolute; bottom:83px!important;}

.lrahos_title{
    padding: 10px 0px 25px 0px;
}
}
/******************** FROM 1024 TO 1260 ********************/
@media screen and (min-width: 1025px) and (max-width: 1279px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main { margin: 0 auto; max-width: 1000px; width:100%;}
#content {margin: 0 auto; padding: 0px 20px; display: inline-block; float: none; position: relative; width: 100%;}

.grid { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 { width: 328px; margin-left: 30px; float: right;}
.grid-item--width1, .grid-item--width4, .grid-item--width5 {width: 600px; float: left;}



.top_row {height: 80px;}
#top_menu {height: 80px; width: 60px;}
#top_menu i { font-size:2.2rem; line-height: 8.0rem; width: 50px; height: 80px; margin-left:10px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

#top_menu_news_feed i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_news_feed {height: 80px; width: 100%;}

#top_bread {display: block;}
#top_bread_o, #top_bread2 {display: none;}
#top_bread2 {display: inline-block;margin: 35px 0px;width: 100%;text-align: center;}
#top_bread2 .bread_head {display: block; color: #000000; font-weight: bold; font-size: 3.6rem;letter-spacing: -0.05em;}
#top_bread2 .bread_head a { color: #000000; font-weight: bold; font-size: 4rem; display: block;letter-spacing: -0.05em;}
#top_bread2 .bread_head a span { color: #4B6BA4; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
#top_bread .bread_head a{font-weight: 600;}

#top_logo {height: 80px; width: 80px; padding:10px;}

#top_search {height: 80px; width: 60px; margin-right:20px; display: flex; justify-content: center; align-items: center;}
#top_search  svg {width:24px; height:24px;}

#top_events, #top_events a {height: 80px; width: 70px;}
#top_events a {display: flex; justify-content: center; align-items: center;}
#top_events svg {width:29px; height:29px;}    
    
#top_search i{ font-size:2.2rem; width: 80px; line-height:8.0rem;}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}

#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

 .newsoc {width:70%; margin-bottom: 30px;}      
.plugin_image_holder {padding: 0px 0px 30px 0px;}    
.footer {padding: 30px 20px 0px 20px;}
.tagcl {display: block;}
.footer_info {margin-bottom: 30px;}

.short {padding: 15px 0;}
.short_load_photo {display:block; width: 25%;}
.short_load_photo_special {display:block; width: 25%;}

.short_holder_load {float: left; width:65%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#lrahos,.padding_404 { width: 100%; position: relative; padding: 40px;}

#latest_home, #lrahos, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerC > div > div {margin-bottom: 30px;}

.story_stamp {padding: 25px 0px 0px 0px;letter-spacing: -0.5px; font-size: 2.6rem;}

#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, 
#article_body H6, #article_body p, #article_body ul, #article_body ol 
{margin:0; padding:0 0 20px 0px; text-align:left;}

#article_body p {font-size:1.5rem; line-height: 2.0rem;}
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:25px 0px 25px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}

.artag {}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 4px 8px;}

.cat-headlines-holder{width: 50%;}
.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(even) {float:right; padding-left:15px;}
#category_headlines .cat-headlines-holder:nth-of-type(odd) { float:left;  padding-right:15px;}

.cat-tit { float: left; font-size: 1.8rem; line-height: 2.4rem; text-align: left; width: 100%; height: 120px; overflow: hidden; margin: 10px 0px;}

#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}

.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
#player-position {position: absolute; bottom:83px!important;}

}


/******************** FROM 800 TO 1024 ********************/

@media screen and (min-width: 801px) and (max-width: 1024px)  {



.top_row {height: 80px;}

.grid { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 {width: 44%;  padding-left:20px; float: right;}
.grid-item--width5 {display: none;}
.grid-item--width1, .grid-item--width4 {width: 56%; float:left;}

#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main { margin: 0 auto; min-width: 780px; max-width: 950px; width:100%;}
#content {margin: 0 auto; padding: 0px 15px; display: inline-block; float: none; position: relative; width: 100%;}



#top_bread .bread_head a{font-size:3rem;font-weight: 600;}
#top_bread_o, #top_bread2 {display: block;}

#top_bread2 {margin: 30px 0px;width: 100%; display: inline-block;text-align: center;}
#top_bread2 .bread_head {display: block; color: #000000; font-weight: bold; font-size: 3.5rem;letter-spacing: -0.05em;}
#top_bread2 .bread_head a { color: #000000; font-weight: bold; font-size: 3.8rem; display: block;letter-spacing: -0.05em;}
#top_bread2 .bread_head a span { color: #4B6BA4; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
    
#top_bread_o  {float: left; height: 80px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #4B6BA4; font-size: 3.2rem; line-height:8.4rem; font-weight: normal;}
#top_bread_o .bread_head a { color: #4B6BA4; font-size: 3.2rem; line-height: 8.4rem; display: block;font-weight: normal;}
#top_bread_o .bread_head a span { color: #4B6BA4;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_menu {height: 80px; width: 60px;}
#top_menu i { font-size:2.2rem;  line-height: 8.0rem; width: 50px; height: 80px; margin-left:10px;}

#top_menu_news_feed i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_news_feed {height: 80px; width: 60px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

#top_logo {height: 80px; width: 80px; padding:10px;}

#top_search {height: 80px; width: 60px; margin-right:20px; display: flex; justify-content: center; align-items: center;}
#top_search  svg {width:24px; height:24px;}

#top_events, #top_events a {height: 80px; width: 70px;}
#top_events a {display: flex; justify-content: center; align-items: center;}
#top_events svg {width:29px; height:29px;}    
    
#top_search i { font-size:2.2rem; width: 80px; line-height:8.0rem;}

#top_banner {max-width: 950px;}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}


#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close {width: 80px; height: 80px;}
#search_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

 .newsoc {width:80%; margin-bottom: 20px;}  
.plugin_image_holder {padding: 0px 0px 20px 0px;}        
.footer {padding: 15px;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {width: 100%;margin-bottom:30px}
.short_load_photo_special {display:block; width: 25%;}

.short_holder_load {float: left; width:100%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#lrahos,.padding_404 { width: 100%; position: relative; padding: 30px;}
#latest_home, #lrahos, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerC > div > div { margin-bottom: 20px;}

.story_stamp {padding: 25px 0px 0px 0px;letter-spacing: -0.5px; font-size: 2.6rem;}

#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5,
#article_body H6, #article_body p, #article_body ul, #article_body ol
{margin:0; padding:0 0 20px 0px; text-align:left;}

#article_body p a {font-size:1.5rem; line-height: 2.0rem;}
h1.page_title {font-size:3.0rem; line-height: 4.2rem; float: left; width: 100%; margin:25px 0px 25px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}

.artag {}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 4px 8px;}

.cat-headlines-holder{width: 100%;}
.cat-headlines {width: 100%;}

.cat-tit { float: left; font-size: 1.8rem; line-height: 2.4rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-headlines-tag {display: block;}

.cat-headlines-tag {display: none;}


#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}

.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
#player-position {position: absolute; bottom:83px!important;}
}
/******************** FROM 640 TO 800 ********************/

@media screen and (min-width: 640px) and (max-width: 800px) {


#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px; display: block;}
#content_main { margin: 0 auto; max-width: 720px; min-width: 620px; width:100%;}
#content { margin: 0 auto; padding: 0px 15px; display: block; float: none; position: relative; width: 100%;}


.grid { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width1, .grid-item--width2, .grid-item--width4 {width: 100%;}
.grid-item--width6  {width: 52%; padding-left:4%;}
.grid-item--width3, .grid-item--width7, .grid-item--width5 {width: 48%;}

.top_row { height: 56px;}

#top_menu, #top_menu_close {height: 56px; width: 40px;}
#top_menu i, #top_social_close i { font-size:2.0rem; line-height: 5.6rem; width: 40px; height:56px; margin-left:6px;}

.first_top {padding-top: 20px!important;}

#top_menu_news_feed i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_news_feed {height: 80px; width: 40px;}

#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.0rem;  line-height: 5.6rem; width: 54px;margin-left: 18px}

#top_bread .bread_head a{font-size:2rem; line-height:5.6rem;font-weight: 600;}
#top_bread_o, #top_bread2 {display: block;}

#top_bread2 {margin: 28px 0px; width: 100%; display: inline-block;text-align: center;}
#top_bread2 .bread_head {display: block; color: #000000; font-weight: bold; font-size: 3.4rem;letter-spacing: -0.05em;}
#top_bread2 .bread_head a { color: #000000; font-weight: bold; font-size: 3.6rem; display: block;letter-spacing: -0.05em;}
#top_bread2 .bread_head a span { color: #4B6BA4; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }

#top_bread_o  {float: left; height: 5.6px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #4B6BA4; font-size: 2.4rem; line-height:5.8rem;font-weight: normal;}
#top_bread_o .bread_head a { color: #4B6BA4; font-size: 2.4rem; line-height: 5.8rem; display: block;font-weight: normal;}
#top_bread_o .bread_head a span {color: #4B6BA4;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_logo {height: 56px; width: 56px; padding:8px;}


#top_search {height: 56px; width: 40px; margin-right:10px; display: flex; justify-content: center; align-items: center;}
#top_search  svg {width:20px; height:20px;}

#top_events, #top_events a {height: 56px; width: 40px;}
#top_events a {display: flex; justify-content: center; align-items: center;}
#top_events svg {width:24px; height:24px;}


#top_search i { font-size:2.0rem; width: 56px; line-height:5.6rem;}

#top_banner {max-width: 720px;}
#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px;}
.newsoc {width:60%; margin-bottom: 20px;}
.plugin_image_holder {padding: 0px 0px 20px 0px;}
#top_menu_holder{padding-top:56px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}

#search_holder { width: 100%; height: 56px;}
.header_search {height: 56px;}
.search_input{ height: 56px;  width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px;  width:100%;  padding:0px 56px;  font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
#search_close {width: 56px; height: 56px;}
#search_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}

.footer {padding: 15px;}
#footer_sub_lnks{ display: none;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {display:block; width:25%;}
.short_load_photo_special {display:block; width: 25%;}
.short_holder_load {float: left; width:calc(75% - 20px);}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 720px; margin:0 auto; padding: 0px;}

#bottom_line {position:fixed;bottom:0; width:100%;}
#bottom_line_inner {max-width: 720px; margin:0 auto; padding: 0px 15px;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 18px;}

#lrahos,.padding_404 { width: 100%; position: relative; padding: 20px;}

#latest_home, #lrahos, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerC > div > div { margin-bottom: 20px;}

.story_stamp {padding: 25px 0px 0px 0px;letter-spacing: -0.5px; font-size: 2.6rem;}

#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5,
#article_body H6, #article_body p, #article_body ul, #article_body ol
{margin:0; padding:0 0 15px 0px; text-align:left;}

#article_body p a {font-size:1.5rem; line-height: 2.0rem;}
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:25px 0px 25px 0px;}
h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}

.artag {overflow: hidden!important; overflow-x: auto!important; display:flex!important;}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; padding:12px 16px; white-space: nowrap; margin-right:12px!important;}

.cat-headlines-holder{width: 50%;}
.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(even) {float:right; padding-left:10px;}
#category_headlines .cat-headlines-holder:nth-of-type(odd) { float:left;  padding-right:10px;}

.cat-tit { float: left; font-size: 1.8rem; line-height: 2.4rem; text-align: left; width: 100%; height: 78px; overflow: hidden; margin: 10px 0px;}
.cat-headlines-tag {display: none;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}


.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 76px);}
.himage_caption { bottom: -75px; height: 64px; overflow: hidden;}

#player-position {position: absolute; bottom:57px!important;}

}

/******************** UNDER 640 ********************/

@media screen and (max-width: 640px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px; display: block;}
#content_main { margin: 0 auto; min-width: 320px; max-width: 520px;  width:100%;}
#content { margin: 0 auto; padding: 0px 15px; display: block; position: relative; width: 100%;}

.grid { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width1, .grid-item--width2, .grid-item--width3, .grid-item--width4, .grid-item--width6, .grid-item--width7 {width: 100%;}
.grid-item--width5 {display: none;}

.box_com {font-size: 1.3rem}

.top_row {height: 56px;}

#top_menu, #top_menu_close {height: 56px; width: 40px;}
#top_menu i, #top_social_close i { font-size:2.0rem; line-height: 5.6rem; width: 40px; height:56px; margin-left:6px;}

#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.0rem;  line-height: 5.6rem; width: 54px;margin-left: 18px}

#top_menu_news_feed i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_news_feed {height: 80px; width: 100%;}

#lrahos,.padding_404 { width: 100%; position: relative; padding: 10px;}

.langbar {float: right; line-height:5.6rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:5.6rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}

#top_bread .bread_head a{font-size:2rem; line-height:5.6rem;font-weight: 600;}
#top_bread_o, #top_bread2 {display: block;}

#top_bread2 {margin: 25px 0px; width: 100%; display: inline-block;text-align: center;}
#top_bread2 .bread_head {display: block; color: #000000; font-weight: bold; font-size: 3.3rem;letter-spacing: -0.05em;padding: 0 25px 0 25px;}
#top_bread2 .bread_head a { color: #000000; font-weight: bold; font-size: 3.4rem; line-height: 3.2rem;letter-spacing: -0.05em;}
#top_bread2 .bread_head a span { color: #4B6BA4; font-size: 2.2rem; font-weight: normal;}

#top_bread_o  {float: left; height: 5.6px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #4B6BA4; font-size: 2.4rem; line-height:5.8rem;font-weight: normal;}
#top_bread_o .bread_head a {color: #4B6BA4; font-size: 2.4rem; line-height: 5.8rem; display: block;font-weight: normal;}
#top_bread_o .bread_head a span {color: #4B6BA4;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_logo {height: 56px; width: 56px; padding:8px;}

.first_top {padding-top: 20px!important;}

#top_search {height: 56px; width: 40px; margin-right:10px; display: flex; justify-content: center; align-items: center;}
#top_search  svg {width:20px; height:20px;}

#top_events, #top_events a {height: 56px; width: 40px;}
#top_events a {display: flex; justify-content: center; align-items: center;}
#top_events svg {width:24px; height:24px;}

#top_search i { font-size:2.0rem; width: 56px; line-height:5.6rem;}

#top_banner {max-width: 520px;}

#top_menu_holder{padding-top:56px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}

#search_holder { width: 100%; height: 56px;}
.header_search {height: 56px;}
.search_input{ height: 56px;  width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px;  width:100%;  padding:0px 56px;  font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
#search_close {width: 56px; height: 56px;}
#search_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}

 .newsoc {width:100%;  margin-bottom: 15px;}
.plugin_image_holder {padding: 0px 0px 15px 0px;}
.footer {padding: 0 15px;}
#footer_sub_lnks{ display: none;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {display:block; width:100%; margin-bottom:30px;}
.short_load_photo_special {display:block; width: 30%;}
.short_holder_load {float: left; width:100%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 520px; margin:0 auto; padding: 0px;}

#bottom_line {position:fixed; bottom:0; width:100%;}
#bottom_line_inner {max-width:518px; margin:0 auto; padding:0 15px;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 18px;}

#lrahos { width: 100%; position: relative; padding: 20px;}
#latest_home, #lrahos, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerC  > div > div { margin-bottom: 15px;}

.story_stamp {padding: 25px 0px 0px 0px; letter-spacing: 0.04rem; font-size: 2.0rem;}

#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5,
#article_body H6, #article_body p, #article_body ul, #article_body ol
{margin:0; padding:0 0 10px 0px; text-align:left;}

#article_body p a {font-size:1.4rem; line-height: 2.0rem;}
h1.page_title {font-size:2.8rem; line-height: 3.2rem; float: left; width: 100%; margin:25px 0px 25px 0px;}
h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}

.artag {overflow: hidden!important; overflow-x: auto!important; display:flex!important;}
.artag a {letter-spacing: 0.05rem; font-size: 1.3rem; padding:16px 20px; white-space: nowrap; margin-right:8px!important;}

.cat-headlines-holder{width: 100%;}
.cat-headlines { width: 100%;}
.cat-tit { float: left; font-size: 1.8rem; line-height: 2.4rem; text-align: left; width: 100%; margin: 10px 0px;}

.cat-headlines-tag {display: none;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}

.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}

#player-position {position: absolute; bottom:81px!important;}
.image_sum {display:none!important;}

.featured-image-caption {
    padding: 5px 20px;
}
}

/******************** TOOLTIPS ********************/
.tooltip {position:relative;}

.tooltip:before {
  content: attr(data-text);
  position:absolute;
  font-size: 1rem;
  white-space: normal;
  margin-left:0px;
  width: 200px;
  padding:4px;
  border-radius:2px;
  background:rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align:center;
  opacity:0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;    
}
.ttp-1:before { top: 120%; left: 0%; transform: translateX(50%); z-index:35;}
.ttp-2:before {top: 110%; left: 0%;}

.tooltip:hover:before {opacity:1;}