@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;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; background: #f3f3f3; color:#222; font-size:1.3rem; font-family: Roboto, Sans-serif;}

/* fallback */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


.material_block {
                 background: #fff;
                 border-radius: 8px;
                 display: inline-block;
                 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
                 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
                 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}


#player-position span {width: 20%!important; height: 4px!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 {
    float: left; width: 100%; padding: 10px 0; line-height: 1.5rem; font-size: 1.1rem; color: #000; 
    font-weight: 700; text-align: right!important; border-bottom:1px solid #ccc; letter-spacing: 0.03rem;
}
.featured-image-caption a {font-weight:bold!important; color:#000!important;}
.story_stamp {color: #37e; font-weight: 900; float: left; width: 100%; font-family: Inter; letter-spacing: -0.5px;}
h1.page_title {font-family: Inter;}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top: var(--tec-spacer-9); padding-bottom: var(--tec-spacer-4); background:#ffffff;border-radius:24px;margin-bottom:30px;}
#tribe-events-pg-template {padding: var(--tec-spacer-9); background:#ffffff; border-radius:24px; margin-bottom:30px;}
.tribe-events-event-image img {width:100%;}
.tribe-events .datepicker table {width: 100%}
.tribe-events .tribe-events-c-events-bar__search-button, .tribe-events button.tribe-events-c-events-bar__search-button {display:none!important;}
.tribe-events-event-image {border:1px solid #ccc;}
.tribe-events-event-image img {padding:2px;}
.tribe-events-back {display:none;}

@media screen and (min-width: 768px) and (max-width: 1280px) { .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, #tribe-events-pg-template {padding:20px; background:#ffffff; border-radius:16px; margin:0 20px 30px 20px; min-width:300px; min-height: 300px; width:auto!important;}

}

@media screen and (max-width: 767px) {
    .tribe-events .tribe-events-header {background:#ffffff; border-radius:8px; padding: 15px; margin: 0px auto 20px auto;}
    .tribe-events .tribe-events-l-container {padding-top: 0; padding-bottom: var(--tec-grid-gutter-page-small);}
    .tribe-events .tribe-events-calendar-month__header-column-title {background:#ffffff; border-radius:4px; padding:2px 4px; margin:2px;}
    .tribe-events .tribe-events-calendar-month__day {background:#fff;margin:2px;}
    .tribe-events .tribe-events-calendar-month__day--past-month,
    .tribe-events .tribe-events-calendar-month__day--next-month {background: rgba(213, 219, 237, 0.21);}
    .tribe-events .tribe-events-calendar-month__day--past, .tribe-events .tribe-events-calendar-month__day-date {padding-top:4px;}
    .tribe-events .tribe-events-c-top-bar__datepicker-container .dropdown-menu {left:-1px!important; width:100%!important; min-width:60px;}
    .tribe-events .tribe-events-c-top-bar__datepicker-container {width:280px}
    #tribe-events-pg-template {padding:20px; background:#ffffff; border-radius:16px; margin:0 20px 30px 20px; min-width:300px; min-height: 300px; width:auto!important;}
}


#top_bread {font-family:'Inter', Sans-serif; float: left; height: 80px; position: relative; max-width: 655px;}

#top_bread .bread_head { float: left; width: 100%; display: block; color: #13005A; font-weight: bold; font-size: 3.0rem; line-height:8.0rem; height:80px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.5px; text-transform:capitalize;}

#top_bread .bread_head a { color: #13005A; font-size: 3.0rem; line-height: 8.0rem; display: block; letter-spacing: -0.5px;}
#top_bread .bread_head a span { color: #13005A; font-size: 3.0rem; line-height: 8.0rem; letter-spacing: -0.5px;}

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

@media screen and (min-width: 800px) { .bannerdesktop {display: block;} .bannermobile {display: none;} } 
@media screen and (max-width: 799px) { .bannerdesktop {display: none;} .bannermobile {display: block;} } 

/******************** 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%; border:1px solid #f3f3f3;}

.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_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

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

#social_inner {top: 95px;}

#top_bread {display: block;}
#top_bread_o, #top_bread2 {display: none;}    

.bread_min {  float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}


#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_more, #top_lang {height: 80px; width: 80px;}
#top_search i, #top_more i, #lang_close i, #top_lang i { font-size:2.2rem; width: 80px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}

#top_banner {padding: 20px 0px 20px 0px;}

.box_com {font-size: 1.4rem}

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

#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, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

.left_box_title span {float: right; display: block; font-size: 1.8rem; line-height: 4.0rem;}
.left_box_title span a, .left_box_title span a i {color: #ccc;  line-height:4.0rem;}
.left_box_title span a:hover {color: #369;}
    
.newsoc {width:60%; margin-bottom: 30px;}    
.plugin_image_holder {padding: 0px 0px 30px 0px;}    
.footer {padding: 30px 20px 0px 20px;}
#footer_sub_lnks{display: inline-block;}

.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;}

#top_banner_inner {max-width: 1260px; margin:0 auto; padding: 20px}
#bottom_line {position:fixed;bottom:0;width:100%;}
#bottom_line_inner {max-width: 940px; margin:0 auto; padding: 0px 20px}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 23px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 40px;}

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

.story_stamp {padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: -0.5px; font-size: 2.4rem;}
    
#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, .bottom_txt, .bottom_txt a {font-size:1.7rem; line-height:1.25;}
.bottom_txt {padding-bottom:30px;} .ads-margin{display:inline-block; margin-top:30px;}
h1.page_title {font-size:4.0rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 0px; letter-spacing:-1px;}
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.6rem; text-align: left; width: 100%; height: 130px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}


.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
.headline_text {height: 100px;}
#player-position {position: absolute; bottom:82px!important;}

.banner1260 {display: block;}
.banner1024, .banner800, .banner640, .banner320 {display: none;}

.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}

.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}
}


/******************** FROM 1024 TO 1260 ********************/
@media screen and (min-width: 1024px) and (max-width: 1280px) {

#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%; border:1px solid #f3f3f3;}

.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%;}

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

#social_inner {top: 95px;}

#top_bread {display: block;}
#top_bread_o, #top_bread2 {display: none;}

.bread_min {  float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}


#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_more, #top_lang {height: 80px; width: 80px;}
#top_search i, #top_more i, #top_lang i { font-size:2.2rem; width: 80px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}    

#top_banner {padding: 20px 0px 20px 0px;}

.box_com {font-size: 1.4rem}

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

#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, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

.left_box_title span {float: right; display: block; font-size: 1.8rem; line-height: 4.0rem;}
.left_box_title span a, .left_box_title span a i {color: #ccc;  line-height:4.0rem;}
.left_box_title span a:hover {color: #369;}

 .newsoc {width:70%; margin-bottom: 30px;}      
.plugin_image_holder {padding: 0px 0px 30px 0px;}    
#footer_sub_lnks{display: inline-block;}
.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;}

#top_banner_inner {max-width: 1000px; margin:0 auto; padding: 0px 20px}
#bottom_line {position:fixed; bottom:0; width:100%;}
#bottom_line_inner {max-width: 900px; margin:0 auto;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 3px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 40px;}

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

.story_stamp {padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: -0.5px; font-size: 2.4rem;}

#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, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:30px;} .ads-margin{display:inline-block; margin-top:30px;}   
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 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.6rem; text-align: left; width: 100%; height: 130px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}


.blocks_1 {width: 50%; float: left; display: inline-block; padding-right:15px;}
.blocks_2 {width: 50%; float: right; display: inline-block; padding-left:15px;}


#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}


.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
.headline_text {height: 100px;}
#player-position {position: absolute; bottom:82px!important;}


.banner1024 {display: block;}
.banner1260, .banner800, .banner640, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}

.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}
}


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

@media screen and (min-width: 800px) 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;}

.box_com {font-size: 1.3rem}

#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%; border:1px solid #f3f3f3;}


#social_inner {top: 95px;}

#top_bread {display: none;}
#top_bread_o, #top_bread2 {display: block;} 

#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #37e; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #37e; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #37e; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }
    
#top_bread_o  {font-family:'Inter', Sans-serif; float: left; height: 80px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #13005A; font-weight: bold; font-size: 3.0rem; line-height:8.0rem;  letter-spacing: -0.5px;}
#top_bread_o .bread_head a { color: #13005A; font-size: 3.0rem; line-height: 8.0rem; display: block; letter-spacing: -0.5px;}
#top_bread_o .bread_head a span { color: #13005A;}    

.bread_min { float: left; width: 100%; display: block; color: #37e; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #37e; font-weight: normal; font-size: 2.2rem; display: block;}

.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_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

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


#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_more, #top_lang {height: 80px; width: 80px;}
#top_search i, #top_more i, #top_lang i { font-size:2.2rem; width: 80px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}
    
#top_banner {padding: 15px 0px 15px 0px; max-width: 950px;}

.left_box_title span {display: none;}

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


#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, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_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;}
#footer_sub_lnks{ display: none;}
.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;}

#top_banner_inner {margin:0 auto; padding: 0px 15px;}

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

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

.story_stamp {padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: -0.5px; font-size: 2.4rem;}

#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, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:20px;} .ads-margin{display:inline-block; margin-top:20px;}
h1.page_title {font-size:3.0rem; line-height: 4.2rem; float: left; width: 100%; margin:20px 0px 35px 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.6rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-headlines-tag {display: block;}


.blocks_1 {width: 100%; display: inline-block;}
.blocks_2 {display: none;}
.cat-headlines-tag {display: none;}


#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}



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

.headline_text {height: 100px;}

.banner800 {display: block;}
.banner1260, .banner1024, .banner640, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}


.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}

}

/******************** 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%; border:1px solid #f3f3f3;}


.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%;}


.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;}

.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;}

#social_inner {top: 71px;}

#top_bread {display: none;}
#top_bread_o, #top_bread2 {display: block;}

#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #37e; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #37e; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #37e; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }

#top_bread_o  {font-family:'Inter', Sans-serif; float: left; height: 5.6px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #13005A; font-weight: bold; font-size: 2.2rem; line-height:5.6rem;  letter-spacing: -0.5px;}
#top_bread_o .bread_head a { color: #13005A; font-size: 2.2rem; line-height: 5.6rem; display: block; letter-spacing: -0.5px;}
#top_bread_o .bread_head a span {color: #13005A;}      

.bread_min { float: left; width: 100%; display: block; color: #37e; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #37e; font-weight: normal; font-size: 2.2rem; display: block;}

.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:6px;}


#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_more, #top_lang {height: 56px; width: 56px;}
#top_search i, #top_more i, #top_lang i { font-size:2.0rem; width: 56px; line-height:5.6rem;}
#lang_close, #lang_1, #lang_2 {height: 56px; width: 56px; display:inline-block; float:right; line-height:5.6rem; color: #fff; text-align:center; font-size:1.4rem;}

#top_banner {padding: 10px 15px; 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;}
.first_top {padding-top: 20px!important;}

#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, #lang_close {width: 56px; height: 56px;}
#search_close i, #lang_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}

.left_box_title span {display: none;}


.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;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 20px;}

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

.story_stamp {padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: -0.5px; font-size: 2.4rem;}

#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, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:20px;} .ads-margin{display:inline-block; margin-top:20px;}
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 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.6rem; text-align: left; width: 100%; height: 78px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

.blocks_1 {width: 100%; display:inline-block;}
.blocks_2 {display: none;}
.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; border-top: 1px solid #ddd;}



.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 70px;}
.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 76px);}
.himage_caption { bottom: -75px; height: 64px; overflow: hidden;}
.headline_text {height: 76px;}

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

.banner640 {display: block;}
.banner1260, .banner1024, .banner800, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}


.clang {float:right; line-height: 5.6rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 5.6rem; padding: 0px 17px; display:block;}

}

/******************** 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%; border:1px solid #f3f3f3;}

.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;}

.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;}

#social_inner {top: 71px;}

#top_bread {display: none;}
#top_bread_o, #top_bread2 {display: block;}

#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { font-family:'Inter', Sans-serif; float: left; width: 100%; display: block; color: #37e; font-weight: bold; font-size: 2.2rem; letter-spacing: -0.5px;}

#top_bread2 .bread_head a { font-family:'Inter', Sans-serif; color: #37e; font-weight: bold; font-size: 2.2rem; line-height: 3.0rem; display: block; letter-spacing: -0.5px;}
#top_bread2 .bread_head a span { font-family:'Inter', Sans-serif; color: #37e; font-size: 2.2rem; font-weight: normal; letter-spacing: -0.5px;}
    
#top_bread_o  {font-family:'Inter', Sans-serif; float: left; height: 5.6px; position: relative;}
#top_bread_o .bread_head { float: left; width: 100%; display: block; color: #13005A; font-weight: bold; font-size: 2.2rem; line-height:5.6rem;  letter-spacing: -0.5px;}
#top_bread_o .bread_head a {font-family:'Inter', Sans-serif; color: #13005A; font-size: 2.2rem; line-height: 5.6rem; display: block; letter-spacing: -0.5px;}
#top_bread_o .bread_head a span {color: #13005A;}       

.bread_min { float: left; width: 100%; display: block; color: #37e; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #37e; font-weight: normal; font-size: 2.2rem; display: block;}

.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:6px;}


#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_more, #top_lang {height: 56px; width: 56px;}
#top_search i, #top_more i, #top_lang i { font-size:2.0rem; width: 56px; line-height:5.6rem;}
#lang_close, #lang_1, #lang_2 {height: 56px; width: 56px; display:inline-block; float:right; line-height:5.6rem; color: #fff; text-align:center; font-size:1.4rem;}


#top_banner {padding: 10px 15px; max-width: 520px;}

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

#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, #lang_close {width: 56px; height: 56px;}
#search_close i, #lang_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}
    
.left_box_title span {display: none;}
 .newsoc {width:100%;  margin-bottom: 15px;}  
.plugin_image_holder {padding: 0px 0px 15px 0px;}    
.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: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;}

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

.story_stamp {padding: 25px 0px 0px 0px; line-height: 3.6rem; letter-spacing: 0.04rem; font-size: 1.8rem;}
    
#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, .bottom_txt, .bottom_txt a {font-size:1.4rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom: 10px;}  .ads-margin{display:inline-block; margin-top:10px;}   
h1.page_title {font-size:2.4rem; line-height: 3.0rem; float: left; width: 100%; margin:20px 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-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

.blocks_1 {width: 100%; float: left; display: inline-block;}
.blocks_2 {width: 100%; float: left; display: inline-block;}

.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; border-top: 1px solid #ddd;}

.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(56.25% + 100px);}
.himage_caption { bottom: -99px; height: 88px; overflow: hidden;}
.headline_text {height: 100px;}

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

.banner320 {display: block;}
.banner1260, .banner1024, .banner640, .banner800 {display: none;}

.fb-share-button {display:none!important;}
.fb-share-button span{display:none!important;}

.clang {float:right; line-height: 5.6rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 5.6rem; padding: 0px 17px; display:block;}

#tradingview, .image_sum {display:none!important;}

}

/******************** 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;}