@charset "UTF-8";
/* lora-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-500.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-500italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-500italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-600italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-600italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-700italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-200.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-200.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-300.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-300.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-regular.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-italic.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-600.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-700.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-800.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-900.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-900.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Book.otf");
  font-weight: 400; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Black.otf");
  font-weight: 600; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Roman.otf");
  font-weight: 300; }
/* plus-jakarta-sans-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-family: 'TGL';
  src: url("../fonts/TGL.ttf"); }
/* abhaya-libre-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-500.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-800.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Light';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/lato/lato-v24-latin-300.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-300.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lato/lato-v24-latin-700.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Black';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/lato/lato-v24-latin-900.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-900.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
.main-adver-lr {
  display: block;
  width: 80px; }

.main-adver-lr.to-left {
  left: -80px; }

.main-adver-lr.to-right {
  right: -80px; }

.main-adver-lr .adver-fixed {
  position: fixed;
  width: 80px; }

.container-left .tjp-widget-content.space {
  width: 100%;
  box-sizing: border-box; }

.container-left .tjp-widget-content.space .tjp-widget-header a {
  margin: 10px auto 16px;
  display: block; }

.container-left .tjp-widget-content.space .tjp-widget-header img {
  width: 100%;
  padding: 0 3px;
  box-sizing: border-box; }

.container-left .tjp-widget-content.space a {
  float: none; }

.container-left .tjp-widget-content.space .tjp-widget-img {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden; }

.container-left .tjp-widget-content.space .tjp-widget-img img {
  width: 100%; }

.container-left .tjp-widget-content.space .tjp-top-link {
  background: #ffffff;
  padding: 10px 0; }

.container-left .tjp-widget-content.space .tjp-top-link a {
  font-size: 18px;
  font-family: "Lora", serif;
  font-weight: 300;
  line-height: normal;
  color: #000; }

.container-left .tjp-widget-content.space .tjp-link {
  background: #ffffff;
  padding: 10px 0;
  position: relative; }

.container-left .tjp-widget-content.space .tjp-link a {
  font-size: 18px;
  font-family: "Lora", serif;
  font-weight: 300;
  line-height: normal;
  color: #000; }

.container-left .tjp-widget-content.space .tjp-border-f0 {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
  padding: 0; }

@media (max-width: 768px) {
  .container-left .tjp-widget-content.space {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .tjp-widget-content.space {
    padding: 12px;
    background: #fff; } }
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .tjp-page {
    overflow: auto;
    width: 1120px; }

  .tjp-footer .tjp-channel-footer .col-sm-6 .col-sm-12 {
    width: 50%; }

  .logo-jakartapost {
    width: 100%; }

  .action-user {
    position: absolute;
    top: 0;
    right: 0; }

  .tjp-md-headline.up-banner,
  .tjpslide.tjp-md-slide.up-banner,
  .detail_photo #slide-detail,
  .detail_photo #thumb-detail-slide {
    width: 1120px; }

  .detail_photo .tjp-slider .caption-detail {
    width: 1120px; } }
.tjpslide .tjp-direction-nav a.tjp-prev {
  background-position: 0 center; }

@media (max-width: 860px) {
  .tjpslide .tjp-direction-nav a.tjp-prev {
    left: 0; } }
.tjpslide .tjp-direction-nav a.tjp-next {
  background-position: -87px center; }

@media (max-width: 860px) {
  .tjpslide .tjp-direction-nav a.tjp-next {
    right: 24px; } }
@media (max-width: 768px) {
  .tjpslide .tjp-direction-nav a.tjp-next {
    right: 0; } }
body {
  font-family: "Lora", serif;
  color: rgba(0, 0, 0, 0.8); }

body .tjp-page .list-single-page .detail-single,
body .tjp-page .list-multiple-page .detail-single {
  padding: 0px 0px 0px 72px;
  width: 100%;
  position: relative; }

@media (max-width: 768px) {
  body .tjp-page .list-single-page .detail-single,
  body .tjp-page .list-multiple-page .detail-single {
    padding: 0px 0px 0px 52px; } }
@media (max-width: 768px) {
  body {
    overflow: auto; } }
img.lazy {
  color: transparent; }

img.lazy:not([src]) {
  width: 100% !important;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

img.lazy:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 10px);
  width: 100%;
  background-color: #e6e6e6; }

img.lazy:after {
  content: "";
  display: block;
  font-size: 16px;
  font-style: normal;
  font-family: FontAwesome;
  color: #646464;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  text-align: center; }

.tjp-gallery .image-latest img:not([src]) {
  min-height: 203px; }

.container-left .news-contributor .img-tile-left img:not([src]) {
  min-height: 145px; }

.main-single-page .main-single img:not([src]),
.main-single-page .main-multiple img:not([src]),
.main-multiple-page .main-single img:not([src]),
.main-multiple-page .main-multiple img:not([src]) {
  min-height: 400px; }

.title-large {
  font-family: "Lora", serif;
  font-size: 28px;
  line-height: 1.2;
  color: #000; }

.date {
  font-family: "Lato-Regular"; }

.date span:before {
  background-color: #ffffff;
  top: 4px; }

.main-single-page .title-large,
.main-multiple-page .title-large {
  line-height: 1.2;
  border-top: 1px solid #f3f3f3;
  padding: 16px 0 0;
  margin: 0; }

@media (max-width: 768px) {
  .main-single-page .title-large,
  .main-multiple-page .title-large {
    font-size: 28px; } }
.main-single-page .posting,
.main-multiple-page .posting {
  font-family: "Lato-Regular"; }

.main-single-page .tjp-detail-news p,
.main-multiple-page .tjp-detail-news p {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.9); }

.main-single-page .tjp-detail-news .news-others,
.main-single-page .tjp-detail-news span,
.main-single-page .tjp-detail-news p,
.main-multiple-page .tjp-detail-news .news-others,
.main-multiple-page .tjp-detail-news span,
.main-multiple-page .tjp-detail-news p {
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .main-single-page .tjp-detail-news .news-others,
  .main-single-page .tjp-detail-news span,
  .main-single-page .tjp-detail-news p,
  .main-multiple-page .tjp-detail-news .news-others,
  .main-multiple-page .tjp-detail-news span,
  .main-multiple-page .tjp-detail-news p {
    font-size: 18px;
    color: #111; } }
.main-single-page .tjp-detail-news p .created,
.main-multiple-page .tjp-detail-news p .created {
  font-size: 13px;
  color: #828282; }

.main-single-page .tjp-detail-news strong,
.main-single-page .tjp-detail-news strong span,
.main-single-page .tjp-detail-news p strong,
.main-multiple-page .tjp-detail-news strong,
.main-multiple-page .tjp-detail-news strong span,
.main-multiple-page .tjp-detail-news p strong {
  font-family: "Lora", serif; }

.main-single-page .tjp-detail-news ol li,
.main-single-page .tjp-detail-news ul li,
.main-multiple-page .tjp-detail-news ol li,
.main-multiple-page .tjp-detail-news ul li {
  font-size: 17px; }

@media (max-width: 768px) {
  .main-single-page .tjp-detail-news ol li,
  .main-single-page .tjp-detail-news ul li,
  .main-multiple-page .tjp-detail-news ol li,
  .main-multiple-page .tjp-detail-news ul li {
    font-size: 18px;
    color: #111; } }
.main-single-page .tjp-detail-news p::selection,
.main-multiple-page .tjp-detail-news p::selection {
  background: #4D4D4D;
  color: #fff; }

.main-single-page .tjp-detail-news p::-moz-selection,
.main-multiple-page .tjp-detail-news p::-moz-selection {
  background: #4D4D4D;
  color: #fff; }

.main-single-page .tjp-related h5,
.main-multiple-page .tjp-related h5 {
  font-family: "Lora", serif;
  padding-top: 15px; }

@media (max-width: 768px) {
  .main-single-page .tjp-related ul li a,
  .main-multiple-page .tjp-related ul li a {
    font-size: 18px;
    color: #111; } }
.main-single-page .tjp-topic .title,
.main-multiple-page .tjp-topic .title {
  font-family: "Lato-Regular"; }

.main-single-page .tjp-topic .topic-top-right ul li,
.main-multiple-page .tjp-topic .topic-top-right ul li {
  font-family: "Lato-Regular"; }

.main-single-page .tjp-topic .topic-bot-right .show-share span,
.main-multiple-page .tjp-topic .topic-bot-right .show-share span {
  font-family: "Lato-Regular"; }

.main-single-page .tjp-topic .topic-bot-right .share-article,
.main-multiple-page .tjp-topic .topic-bot-right .share-article {
  font-family: "Lato-Regular"; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .main-single-page .tjp-topic,
  .main-multiple-page .tjp-topic {
    display: none !important; } }
.main-single-page .follow-single-left h5,
.main-multiple-page .follow-single-left h5 {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .main-single-page .topic-bot-right,
  .main-multiple-page .topic-bot-right {
    width: 100% !important;
    left: 0; } }
.singleread {
  margin-top: 15px; }

@media (max-width: 768px) {
  .singleread .detail-latest a h5 {
    padding-right: 0;
    font-size: 16px;
    line-height: normal; } }
.singleread .title-readalso {
  clear: both;
  padding-top: 20px; }

.showin-mobile-version .logo-jakartapost a img {
  float: left; }

@media (max-width: 768px) {
  .showin-mobile-version .logo-jakartapost a img {
    margin: 12px 24px 10px; } }
@media (max-width: 639px) {
  .showin-mobile-version .logo-jakartapost a img {
    margin: 12px 12px 10px; } }
@media (max-width: 768px) {
  .showin-mobile-version .logo-jakartapost a {
    margin: 0; } }
.logo-jakartapost a img {
  width: 400px;
  margin: 20px auto; }

@media (max-width: 768px) {
  .logo-jakartapost a img {
    width: 170px;
    margin: 12px auto 10px; } }
@media screen and (min-width: 769px) and (max-width: 1224px) {
  .container .main-center {
    width: 1120px; } }
.tjp-menu-panel .tjp-btn-enter {
  background-image: url("../img/tjp-icon-arrow.png");
  background-position: -31px -1px !important;
  background-size: 70px; }

.tjp-menu-panel .tjp-btn-enter,
.tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  left: 24px;
  top: 9px; }

.tjp-menu-panel .tjp-leave-bar {
  padding: 0px 0px 0px 50px; }

.menu-active-breadcrumbs {
  display: block; }

.tjp-header.tjp-menu-mobile {
  border: 0; }

.tjp-header ul.tjp-menu li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 0;
  border-right: 0; }

.tjp-header ul.tjp-menu li a {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-top: 0;
  padding: 7px 0px 3px;
  margin: 2px 0;
  font-size: 16px;
  font-family: "Lato-Regular"; }

.tjp-header ul.tjp-menu li a:hover {
  border-color: rgba(0, 0, 0, 0.1) !important; }

.tjp-header ul.tjp-menu li ul {
  background-color: #e3e3e3 !important;
  visibility: hidden;
  padding: 0;
  margin-top: 2px;
  line-height: normal;
  -webkit-transition: 5s;
  transition: 5s; }

.tjp-header ul.tjp-menu li ul li {
  display: inline-block;
  padding: 8px 20px 5px !important; }

.tjp-header ul.tjp-menu li ul li a {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato-Regular", sans-serif;
  border: 0 !important;
  padding: 0;
  margin: 0;
  line-height: normal; }

.tjp-header ul.tjp-menu li:hover ul {
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100; }

.tjp-header ul.tjp-menu li ul.tjp-ul-11 li {
  width: auto !important; }

.tjp-header ul.tjp-menu li ul li a,
.tjp-header ul.tjp-menu li ul li:nth-of-type(6) a,
.tjp-header ul.tjp-menu li ul.current-page li a,
.tjp-header ul.tjp-menu li ul.current-page li:nth-of-type(6) a {
  border-left: 0 !Important;
  border-right: 0 !important; }

.tjp-header ul.tjp-menu li.current {
  border-color: rgba(0, 0, 0, 0.1); }

.tjp-header ul.tjp-menu li:nth-of-type(6):hover,
.tjp-header ul.tjp-menu li:nth-of-type(7):hover,
.tjp-header ul.tjp-menu li:nth-of-type(14):hover {
  border-bottom-color: #DD1E26; }

.tjp-header ul.tjp-menu li.current:nth-of-type(14),
.tjp-header ul.tjp-menu li.current:nth-of-type(7),
.tjp-header ul.tjp-menu li.current:nth-of-type(6) {
  border-bottom-color: #DD1E26; }

.tjp-header ul.tjp-menu li:nth-of-type(8):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(8) {
  border-bottom-color: #722a14; }

.tjp-header ul.tjp-menu li:nth-of-type(9):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(9) {
  border-bottom-color: #f07e00; }

.tjp-header ul.tjp-menu li:nth-of-type(10):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(10) {
  border-bottom-color: #3f9edc; }

.tjp-header ul.tjp-menu li:nth-of-type(11):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(11) {
  border-bottom-color: #6c237a; }

.tjp-header ul.tjp-menu li:nth-of-type(12):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(12) {
  border-bottom-color: #6fb01e; }

.tjp-header ul.tjp-menu li:nth-of-type(13):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(13) {
  border-bottom-color: #009E97; }

.tjp-header ul.tjp-menu li:nth-of-type(15):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(15) {
  border-bottom-color: #066870; }

.tjp-header ul.tjp-menu li:nth-of-type(6) {
  width: 7.7%;
  border-left: 0;
  border-right: 0; }

.tjp-header ul.tjp-menu li:nth-of-type(6) a {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.tjp-header ul.tjp-menu li:nth-of-type(6) ul li a {
  border-left: 0 !Important;
  border-right: 0 !important; }

.tjp-header ul.tjp-menu li:nth-of-type(7) {
  width: 10.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(8) {
  width: 9.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(9) {
  width: 12.7%; }

.tjp-header ul.tjp-menu li:nth-of-type(10) {
  width: 11.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(11) {
  width: 10.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(12) {
  width: 9.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(13) {
  width: 8.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(14) {
  width: 14.2%; }

.tjp-header ul.tjp-menu li:nth-of-type(15) {
  width: 7.2%; }

@media (max-width: 768px) {
  .tjp-ul-6.tjp-menu-panel.current-page,
  .tjp-ul-6.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-6.tjp-menu-panel.tjp-active-enter.current-page,
  .tjp-ul-15.tjp-menu-panel.current-page,
  .tjp-ul-15.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-15.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #DD1E26; }

  .tjp-ul-9.tjp-menu-panel.current-page,
  .tjp-ul-9.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-9.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #f07e00; }

  .tjp-ul-10.tjp-menu-panel.current-page,
  .tjp-ul-10.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-10.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #3f9edc; }

  .tjp-ul-11.tjp-menu-panel.current-page,
  .tjp-ul-11.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-11.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #6c237a; }

  .tjp-ul-12.tjp-menu-panel.current-page,
  .tjp-ul-12.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-12.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #6fb01e; }

  .tjp-ul-13.tjp-menu-panel.current-page,
  .tjp-ul-13.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-13.tjp-menu-panel.tjp-active-enter.current-page,
  .tjp-ul-14.tjp-menu-panel.current-page,
  .tjp-ul-14.tjp-menu-panel.tjp-active-enter,
  .tjp-ul-14.tjp-menu-panel.tjp-active-enter.current-page {
    background-color: #009E97; } }
.sub-channel-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  padding: 0;
  background: #e3e3e3; }

.sub-channel-menu ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.sub-channel-menu ul li {
  display: inline-block;
  padding: 7px 20px 6px; }

.sub-channel-menu ul li a {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato-Regular"; }

.tjp-jobs-left.mobile-only {
  display: none !important; }

body .main-single-page,
body .multiple-page {
  width: 772px; }

.logo-jakartapost a {
  max-width: 400px;
  display: block;
  margin: 0px auto; }

@keyframes puffIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.live-header a {
  position: relative;
  display: inline-block;
  font-family: "Lato-Regular", sans-serif;
  color: #000; }
.live-header.on a {
  padding-left: 13px; }
  .live-header.on a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #dd1e26;
    -webkit-animation: puffIn ease-in-out .5s infinite alternate;
    animation: puffIn ease-in-out .5s infinite alternate; }

.channel-life .tjp-pargph-1 .tjpslide,
.channel-travel .tjp-pargph-1 .tjpslide {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin-bottom: 0; }

@media (max-width: 639px) {
  .channel-life .tjp-pargph-1 .tjpslide,
  .channel-travel .tjp-pargph-1 .tjpslide {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 16px; } }
.no-margin {
  margin: 0 !important; }

.icon-cs:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../img/icon-menu.png);
  background-size: 200px; }

.news-ic:after {
  background-position: -7px -5px; }

.se-sia-ic:after {
  background-position: -48px -5px; }

.community-ic:after {
  background-position: -90px -5px; }

.academia-ic:after {
  background-position: -131px -5px; }

.life-ic:after {
  background-position: -173px -5px; }

.travel-ic:after {
  background-position: -7px -35px; }

.youth-ic:after {
  background-position: -49px -35px; }

.multimedia-ic:after {
  background-position: -90px -35px; }

.paperedition-ic:after {
  background-position: -131px -35px;
  top: 20px; }

.jobs-ic:after {
  background-position: -173px -35px; }

.tjp-mobile-menu-container .tjp-ul li a::before {
  display: none; }

.tjp-mobile-menu-container .tjp-ul li a {
  padding-left: 15px;
  font-family: "Lato-Regular"; }

.tjp-menu-panel .tjp-leave-bar {
  font-family: "Lato-Regular"; }

.tjp-menu-panel.tjp-active-enter a,
.tjp-menu-panel.current-page a {
  font-family: "Lato-Light"; }

.topic-top-right .title {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .topic-top-right .title {
    font-weight: normal;
    text-transform: capitalize;
    font-size: 18px;
    color: #000;
    margin: 0 0 10px;
    line-height: 30px;
    font-style: italic; } }
.topic-top-right ul li a {
  font-family: "Lato-Regular"; }

.main-multiple-page .post-like,
.main-single-page .post-like {
  position: relative; }

.main-multiple-page .post-like .posting,
.main-single-page .post-like .posting {
  padding-right: 60px; }

.main-multiple-page .post-like .fb-likes,
.main-single-page .post-like .fb-likes {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0; }

@media (max-width: 768px) {
  .action-search .search {
    margin: 0;
    padding: 4px 1px 4px 5px; } }
@media (max-width: 768px) {
  .tjp-menu-longform .action-search-mobile .search {
    color: #8A8A8A; } }
@media (max-width: 768px) {
  .action-search-mobile {
    top: 0;
    right: 0;
    margin: 0;
    position: relative;
    z-index: 20;
    display: block;
    width: 280px;
    padding: 4px 0px 5px 10px;
    border: 2px solid #e5e5e5; }

  .action-search-mobile .search {
    margin: 0;
    padding: 4px 1px 4px 5px;
    font-size: 18px;
    line-height: 22px;
    border-left: solid 2px #e5e5e5; }

  .action-search-mobile form {
    float: left;
    width: 85%;
    position: relative; }

  .action-search-mobile input[type="text"] {
    font-family: "Lato-Regular", sans-serif;
    height: 32px;
    width: 100%;
    padding: 5px 20px;
    border: 2px solid #e5e5e5; }

  .action-search-mobile button {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    bottom: 0; }

  .action-search-mobile .login {
    width: 15%;
    float: left;
    margin: 0;
    text-align: center;
    font-size: 26px;
    line-height: 28px; } }
.fb-fanspage {
  display: inline-block;
  width: 100%;
  margin: 32px 0 0; }

.career .banner-top-career {
  margin: 0 0 32px;
  clear: both; }

.career .career-listContainer {
  border: 0; }

.career .career-listContainer .career-listTitle {
  font-family: "Lato-Regular", sans-serif;
  font-size: 27px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 28px;
  padding: 0 0 8px;
  display: inline-block;
  width: 100%; }

.career .career-listContainer .career-listTitle .show-filter,
.career .career-listContainer .career-listTitle .hide-filter,
.career .career-listContainer .career-listTitle .fa {
  display: none; }

@media (max-width: 768px) {
  .career .career-listContainer .career-listTitle.active .fa-chevron-down,
  .career .career-listContainer .career-listTitle.active .show-filter {
    display: none; }

  .career .career-listContainer .career-listTitle.active .fa-chevron-up,
  .career .career-listContainer .career-listTitle.active .hide-filter {
    display: inline-block; }

  .career .career-listContainer .career-listTitle .fa-chevron-down,
  .career .career-listContainer .career-listTitle .show-filter {
    display: inline-block; }

  .career .career-listContainer .career-listTitle .fa-chevron-up,
  .career .career-listContainer .career-listTitle .hide-filter {
    display: none; }

  .career .career-listContainer .career-listTitle .fa {
    float: right;
    position: relative;
    font-size: 18px; }

  .career .career-listContainer .career-listTitle span {
    float: left; } }
.career .career-listContainer .career-listLink {
  padding: 0;
  margin: 0;
  list-style: none; }

.career .career-listContainer .career-listLink li {
  text-align: center;
  margin: 0 0 8px; }

.career .career-listContainer .career-listLink li a {
  padding: 6px 0 3px;
  border: 1px solid #e5e5e5;
  display: block;
  color: #000000;
  font-size: 17px;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .career .career-listContainer {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .career .career-listContainer {
    padding: 0 12px; } }
.career .latest-left-full .career-box {
  clear: both; }

.career .latest-left-full .career-box .career-poss {
  font-family: "Lora", serif;
  font-size: 27px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 28px;
  padding: 0 0 8px; }

.career .latest-left-full .career-box p {
  font-family: "Lora", serif;
  font-size: 17px; }

.career .latest-left-full .career-box p strong {
  font-family: "Lora", serif; }

.career .latest-left-full .career-box ul {
  list-style: inherit;
  list-style-type: disc;
  display: inline-block;
  width: 100%;
  padding-left: 25px; }

.career .latest-left-full .career-box ul li {
  border: 0;
  font-family: "Lora", serif;
  font-size: 17px; }

.career .latest-left-full .career-box .career-border {
  border-top: 35px solid #eee; }

@media (max-width: 768px) {
  .career .latest-left-full {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .career .latest-left-full {
    padding: 0 12px; } }
.container-right .ads-box {
  margin-bottom: 25px; }

.container-right .tjp-sosmed ul {
  position: relative; }

.container-right .tjp-sosmed .icon-soscmed {
  padding-left: 0; }

.container-right .tjp-sosmed .icon-soscmed li a {
  font-size: 34px;
  width: 46.7px;
  height: auto; }

.container-right .tjp-sosmed .with-title h3 {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 26%;
  font-family: "Lato-Regular", sans-serif;
  border: 0; }

.container-right .other-chanel a .image-title {
  max-height: 150px;
  height: 150px;
  overflow: hidden; }

.container-right .other-chanel .news-chanel .image-title span {
  background: #DD1E26;
  color: #fff; }

.container-right .other-chanel .sea-chanel .image-title span {
  background: #722A14;
  color: #fff; }

.container-right .other-chanel .community-chanel .image-title span {
  background: #F07E00;
  color: #fff; }

.container-right .other-chanel .academia-chanel .image-title span {
  background: #3F9EDC;
  color: #fff; }

.container-right .other-chanel .life-chanel .image-title span {
  background: #823A9D;
  color: #fff; }

.container-right .other-chanel .travel-chanel .image-title span {
  background: #6FB01E;
  color: #fff; }

.container-right .other-chanel .youth-chanel .image-title span {
  background: #FFCD00;
  color: #000; }

.container-right .other-chanel .multimedia-chanel .image-title span {
  background: #009E97;
  color: #000; }

.container-right .other-community a .image-title {
  max-height: 150px;
  overflow: hidden; }

.container-right .other-chanel .chanel,
.container-right .other-chanel .community,
.container-right .other-community .chanel,
.container-right .other-community .community {
  color: #DD1E26;
  border-top: solid 3px #DD1E26; }

@media (max-width: 768px) {
  .container-right {
    display: none; } }
.image-50-crcl {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #f3f3f3;
  text-align: center; }

body .container-advert .ads-showcase1 div {
  margin-bottom: 12px; }

body .container-advert a {
  background: #000; }

body .container-advert .caption .date:before {
  background-color: #009E97 !important;
  top: -1px;
  bottom: 2px; }

@media (max-width: 768px) {
  body .container-advert {
    display: none; } }
.tjp-pargph-1 .tjpslide {
  width: 772px;
  padding: 0px 25px 0px 0px; }

.tjp-pargph-1 .tjpslide .banner-top {
  background: #e6e6e6; }

@media (max-width: 768px) {
  .tjp-pargph-1 .tjpslide .banner-top {
    background: #fff; } }
@media (max-width: 768px) {
  .tjp-pargph-1 .tjpslide .overflow-mobile {
    max-height: 360px;
    overflow: hidden; } }
@media (max-width: 639px) {
  .tjp-pargph-1 .tjpslide .overflow-mobile {
    max-height: 270px; } }
@media (max-width: 480px) {
  .tjp-pargph-1 .tjpslide .overflow-mobile {
    max-height: 180px; } }
.tjp-pargph-1 .tjpslide .tjp-detail-caption .date:before {
  top: -2px;
  bottom: 1px; }

@media (max-width: 639px) {
  .tjp-pargph-1 .tjpslide .tjp-detail-caption {
    position: relative; } }
@media (max-width: 768px) {
  .tjp-pargph-1 .tjpslide {
    width: 100%;
    padding: 0; } }
.full-banner .date.life:before {
  top: -2px;
  bottom: 1px; }

.channel-travel .full-banner .date:before {
  top: -2px;
  bottom: 1px; }

.channel-travel .tjp-topic .topic-bot-right .share-article {
  background-color: #80ba26; }

.channel-travel .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #80ba26; }

.channel-travel .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
  background-color: #80ba26; }

.choose-channels {
  display: inline-block;
  width: 100%;
  border-top: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
  padding: 5px 0;
  margin-bottom: 32px; }

.choose-channels .choose-title {
  display: inline-block;
  padding: 5px 0;
  font-family: "Lato-Regular", sans-serif;
  font-size: 16px; }

@media (max-width: 480px) {
  .choose-channels .choose-title {
    font-size: 14px; } }
.choose-channels .dropdown-check-list {
  display: inline-block;
  position: relative;
  outline: none;
  float: right; }

.choose-channels .dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 20px 5px 10px;
  width: 135px;
  font-family: "Lato-Regular", sans-serif;
  font-size: 16px; }

.choose-channels .dropdown-check-list .anchor:after {
  position: absolute;
  content: "\f13a";
  font-family: FontAwesome;
  font-size: 18px;
  right: 0;
  top: 2px;
  color: #DD1E26; }

@media (max-width: 480px) {
  .choose-channels .dropdown-check-list .anchor {
    font-size: 14px;
    width: 105px; } }
.choose-channels .dropdown-check-list ul.items {
  padding: 8px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none; }

.choose-channels .dropdown-check-list ul.items li {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
  width: 100%; }

.choose-channels .dropdown-check-list ul.items li a {
  padding: 0;
  font-family: "Lato-Regular"; }

.choose-channels .dropdown-check-list ul.items li a i {
  display: none; }

.choose-channels .dropdown-check-list.visible .anchor {
  color: #000; }

.choose-channels .dropdown-check-list.visible .anchor:after {
  content: ""; }

.choose-channels .dropdown-check-list.visible .items {
  display: block;
  position: absolute;
  background: #ffffff;
  z-index: 30;
  width: 100%;
  top: 40px;
  border: 1px solid #ccc; }

.choose-channels .dropdown-check-list.visible .items li span {
  color: #000000;
  padding: 0;
  display: inline-block;
  font-family: "Lato-Regular"; }

@media (max-width: 480px) {
  .choose-channels .dropdown-check-list.visible .items {
    width: 135px;
    top: 36px;
    right: 0; } }
@media (max-width: 768px) {
  .choose-channels {
    margin-bottom: 16px; } }
.items input[type="checkbox"] {
  display: none; }

.items input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(../img/check_radio_sheet.png) left top no-repeat;
  cursor: pointer; }

.items input[type="checkbox"]:checked + label span {
  background: url(../img/check_radio_sheet.png) -19px top no-repeat; }

.tjp-sosmed .icon-soscmed li a.linked,
.tjp-sosmed .icon-soscmed li a.instagram,
.tjp-sosmed .icon-soscmed li a.pint,
.tjp-sosmed .icon-soscmed li a.facebook,
.tjp-sosmed .icon-soscmed li a.twitter,
.tjp-sosmed .icon-soscmed li a.google {
  background-color: #b2b2b2; }

.tjp-sosmed .icon-soscmed li a.linked:hover {
  background-color: #007FB2;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjp-sosmed .icon-soscmed li a.instagram:hover {
  background-color: #3C7193;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjp-sosmed .icon-soscmed li a.pint:hover {
  background-color: #D33534;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjp-sosmed .icon-soscmed li a.facebook:hover {
  background-color: #374E9E;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjp-sosmed .icon-soscmed li a.twitter:hover {
  background-color: #50BCE0;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjp-sosmed .icon-soscmed li a.google:hover {
  background-color: #DD5231;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.tjpslide.tjp-md-slide .tjp-direction-nav .tjp-prev {
  left: 0; }

.tjpslide.tjp-md-slide .tjp-direction-nav .tjp-next {
  right: 0; }

@media (max-width: 768px) {
  .tjpslide.tjp-md-slide .tjp-control-paging,
  .tjpslide .tjp-control-paging {
    display: none; } }
.tjpslide.tjp-md-slide .tjp-direction-nav a,
.tjpslide .tjp-direction-nav a {
  background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
  width: 48px; }

@media (max-width: 768px) {
  .tjpslide.tjp-md-slide .tjp-direction-nav a,
  .tjpslide .tjp-direction-nav a {
    background-size: 100px; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .tjp-direction-nav a,
  .tjpslide .tjp-direction-nav a {
    bottom: unset;
    height: 36px;
    top: 140px; } }
@media (max-width: 480px) {
  .tjpslide.tjp-md-slide .tjp-direction-nav a,
  .tjpslide .tjp-direction-nav a {
    top: 95px; } }
.tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-prev,
.tjpslide .tjp-direction-nav a.tjp-prev {
  background-position: 0 center; }

.tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-next,
.tjpslide .tjp-direction-nav a.tjp-next {
  background-position: -87px center; }

@media (max-width: 768px) {
  .tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-next,
  .tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -52px center; } }
.tjpslide.tjp-md-slide .banner-top .tjp-detail-caption,
.tjpslide .banner-top .tjp-detail-caption {
  background: url(../img/gradasi-03.png);
  background-position: 0 top;
  background-repeat: repeat-x;
  background-size: auto 100%; }

@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption .title-slide-caption,
  .tjpslide .banner-top .tjp-detail-caption .title-slide-caption {
    max-height: 40px;
    overflow: hidden; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption .title-slide-caption a,
  .tjpslide .banner-top .tjp-detail-caption .title-slide-caption a {
    color: #000; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span span:before,
  .tjpslide .banner-top .tjp-detail-caption span span:before {
    background: #000000;
    top: 4px; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span,
  .tjpslide .banner-top .tjp-detail-caption span {
    color: #000; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span:before,
  .tjpslide .banner-top .tjp-detail-caption span:before {
    top: -3px;
    bottom: 1px; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption,
  .tjpslide .banner-top .tjp-detail-caption {
    background: #ffffff;
    padding: 0 12px; } }
@media (max-width: 768px) {
  .tjpslide.tjp-md-slide,
  .tjpslide {
    margin: 0; } }
@media (max-width: 639px) {
  .tjpslide.tjp-md-slide,
  .tjpslide {
    position: relative;
    margin: 0 0 14px; } }
.container-advert a .caption {
  background: url(../img/gradasi-03.png);
  background-position: 0 top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  font-family: "Lora", serif; }

.box-r {
  font-family: "Lora", serif; }

.tjp-advert-label {
  font-family: 'Lato-Regular';
  font-size: 18px;
  height: 30px;
  width: 80px; }

.full-banner .tjpslide .tjp-direction-nav a.tjp-prev {
  left: 0; }

.full-banner .tjpslide .tjp-direction-nav a.tjp-next {
  right: 0; }

@media (max-width: 768px) {
  .portal_page .tjp-pargph-2 {
    border-top: 0; } }
.container-left {
  padding: 0px;
  width: 232px; }

@media (max-width: 768px) {
  .container-left .event-community .event-container {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .event-community .event-container {
    padding: 0 12px; } }
.container-left .event-community .seeall {
  line-height: normal;
  height: auto;
  border-radius: 0; }

.container-left .space {
  display: inline-block; }

@media (max-width: 768px) {
  .container-left .space {
    padding: 0;
    display: block; } }
.container-left .space.inforial-left,
.container-left .space.todays-paper {
  margin: 0 0 18px; }

.container-left .space.inforial-left .image-title,
.container-left .space.todays-paper .image-title {
  margin: 0 0 10px;
  max-height: 145px;
  overflow: hidden; }

@media (max-width: 768px) {
  .container-left .space.inforial-left .image-title,
  .container-left .space.todays-paper .image-title {
    max-height: 405px; } }
@media (max-width: 639px) {
  .container-left .space.inforial-left .image-title,
  .container-left .space.todays-paper .image-title {
    max-height: 345px; } }
@media (max-width: 480px) {
  .container-left .space.inforial-left .image-title,
  .container-left .space.todays-paper .image-title {
    max-height: 256px; } }
@media (max-width: 320px) {
  .container-left .space.inforial-left .image-title,
  .container-left .space.todays-paper .image-title {
    max-height: 166px; } }
.container-left .space.inforial-left a,
.container-left .space.todays-paper a {
  margin-bottom: 25px;
  display: block; }

.container-left .space.inforial-left .seeall,
.container-left .space.todays-paper .seeall {
  border: 0;
  margin: 0;
  font-family: "Lato-Regular", sans-serif;
  font-size: 14px; }

.container-left .space.inforial-left .seeall p,
.container-left .space.todays-paper .seeall p {
  border-top: 2px solid #DD1E26; }

@media (max-width: 768px) {
  .container-left .space.inforial-left .seeall,
  .container-left .space.todays-paper .seeall {
    background: transparent; } }
.container-left .space.todays-paper a {
  border-bottom: solid 2px #EDEDED;
  padding-bottom: 10px;
  margin-bottom: 16px; }

.container-left .space.todays-paper a:nth-last-child(2) {
  border-bottom: 0;
  padding-bottom: 0; }

@media (max-width: 768px) {
  .container-left .space.todays-paper {
    display: block;
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .space.todays-paper {
    padding: 0 12px; } }
.container-left .space.see-photo {
  padding: 0; }

.container-left .space.see-photo .desc-photo {
  background: #fff; }

@media (max-width: 768px) {
  .container-left .space.see-photo {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .space.see-photo {
    padding: 0 12px; } }
.container-left .seeall {
  display: block;
  line-height: normal;
  background: #fff; }

.container-left .seeall p {
  padding-top: 15px;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .container-left .seeall {
    font-size: 16px;
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .seeall {
    font-size: 14px;
    padding: 0 12px; } }
.container-left .detail-latest {
  margin: 0; }

.container-left .detail-latest .user-latest {
  color: #000; }

.container-left .detail-latest .talent {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px; }

@media (max-width: 768px) {
  .container-left .news-contributor .news-week {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .news-contributor .news-week {
    padding: 0 12px; } }
.container-left .news-contributor .news-latest ul {
  border: 0;
  margin: 0; }

.container-left .news-contributor .news-latest ul li {
  padding: 0;
  border-bottom: solid 2px #EDEDED; }

.container-left .news-contributor .news-latest ul li:last-child {
  border-bottom: 0; }

@media (max-width: 768px) {
  .container-left .news-contributor .news-latest ul li:last-child {
    border-bottom: 0; } }
@media (max-width: 768px) {
  .container-left .news-contributor .news-latest ul li {
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
@media (max-width: 768px) {
  .container-left .news-contributor .news-latest {
    padding: 0 24px;
    background: #fff; } }
@media (max-width: 639px) {
  .container-left .news-contributor .news-latest {
    padding: 0 12px;
    background: #f3f3f3; } }
.container-left .news-contributor .img-tile-left {
  max-height: 145px;
  overflow: hidden; }

@media (max-width: 768px) {
  .container-left .news-contributor .img-tile-left {
    max-height: 405px; } }
@media (max-width: 639px) {
  .container-left .news-contributor .img-tile-left {
    max-height: 345px; } }
@media (max-width: 480px) {
  .container-left .news-contributor .img-tile-left {
    max-height: 256px; } }
@media (max-width: 320px) {
  .container-left .news-contributor .img-tile-left {
    max-height: 166px; } }
.container-left .news-contributor .seeall p {
  border-top: 2px solid #DD1E26;
  padding-top: 15px;
  margin: 0;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .container-left .news-contributor .seeall {
    background: #ffffff;
    padding: 0 24px; } }
@media (max-width: 639px) {
  .container-left .news-contributor .seeall {
    padding: 0 12px; } }
@media (max-width: 768px) {
  .container-left .news-contributor {
    margin: 0; } }
.container-left .event-community .title {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .container-left {
    opacity: 0;
    visibility: hidden; } }
@media (max-width: 639px) {
  .container-left {
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
    background: #f3f3f3; } }
@media (max-width: 768px) {
  .container-left.on-load {
    opacity: 1;
    visibility: visible; } }
@media (max-width: 639px) {
  .tjp-footer .tjp-sosmed-subscribe.absolute-right {
    position: relative;
    display: inline-block;
    padding: 20px 12px 15px; } }
.tjp-footer .tjp-sosmed-subscribe {
  width: 200px;
  margin-right: 20px; }

.tjp-footer .tjp-sosmed-subscribe .suscribe {
  margin: 0; }

.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup {
  background: transparent;
  clear: both; }

.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form {
  width: 100%;
  margin: 0;
  padding: 0; }

.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form input.email {
  font-family: 'Lato-Regular';
  font-size: 14px;
  border: solid 1px #d9d9d9;
  border-radius: 0;
  padding: 10px 5px 10px 15px;
  width: 100%;
  min-height: 42px; }

.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form input.button {
  width: 100%;
  border-radius: 0;
  padding: 13px 0 7px;
  font-size: 14px;
  height: auto;
  line-height: normal; }

@media (max-width: 768px) {
  .tjp-footer .tjp-sosmed-subscribe .suscribe {
    border-top: 0;
    padding: 0; } }
.tjp-footer .tjp-sosmed-subscribe ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.tjp-footer .tjp-sosmed-subscribe .tjp-sosmed span {
  font-family: 'Lato-Bold';
  font-size: 14px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-sosmed-subscribe .tjp-sosmed {
    margin: 0; } }
@media (max-width: 768px) {
  .tjp-footer .tjp-sosmed-subscribe {
    top: 0; } }
@media (max-width: 639px) {
  .tjp-footer .tjp-sosmed-subscribe {
    width: 100%;
    margin-right: 0; } }
.tjp-footer .suscribe input[type="submit"] {
  font-family: "Lato-Regular"; }

.tjp-footer .tjp-channel-footer {
  padding: 0 215px 0 0;
  margin-bottom: 0;
  min-height: 250px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer .col-xs-12 {
    padding: 0; } }
.tjp-footer .tjp-channel-footer ul {
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
  display: inline-block;
  width: 100%; }

.tjp-footer .tjp-channel-footer ul li a {
  color: #333; }

.tjp-footer .tjp-channel-footer ul li:first-child span {
  line-height: normal;
  font-family: 'Lato-Bold';
  font-size: 14px; }

.tjp-footer .tjp-channel-footer ul li span {
  line-height: normal;
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer ul {
    margin: 0; } }
.tjp-footer .tjp-channel-footer ul.sea-footer {
  margin: 0 0 20px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer ul.sea-footer {
    margin: 0; } }
.tjp-footer .tjp-channel-footer ul.travel-footer {
  margin: 0 0 20px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer ul.travel-footer {
    margin: 0; } }
.tjp-footer .tjp-channel-footer ul.jobs-footer {
  margin: 0 0 20px; }

@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer ul.jobs-footer {
    margin: 0; } }
@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer {
    min-height: 290px; } }
@media (max-width: 768px) {
  .tjp-footer .tjp-channel-footer .row {
    width: 100%; } }
@media (max-width: 639px) {
  .tjp-footer .tjp-channel-footer {
    padding: 0px 12px 14px;
    margin: 0px;
    min-height: 0px;
    border-bottom: 1px solid #fff; } }
@media (max-width: 768px) {
  .tjp-footer .footer-top .main-center {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-footer .footer-top .main-center {
    padding: 0; } }
.tjp-footer .partner-footer .main-center {
  padding: 16px 20px 11px; }

@media (max-width: 639px) {
  .tjp-footer .partner-footer .main-center {
    padding: 16px 12px 11px; } }
@media (max-width: 768px) {
  .tjp-footer .partner-footer ul li:last-child {
    display: inline-block !important; } }
@media (max-width: 768px) {
  .tjp-footer .partner-footer {
    text-align: center; } }
@media (max-width: 639px) {
  .tjp-footer .partner-footer {
    text-align: left; } }
.tjp-footer .footer-bottom .link-footer a {
  font-family: "Lato-Regular"; }

.tjp-footer .footer-bottom .copy-footer p {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .tjp-footer .footer-bottom {
    padding-left: 20px;
    padding-right: 20px; }

  .tjp-footer .footer-bottom .link-footer {
    padding: 0;
    width: 55%;
    text-align: left; }

  .tjp-footer .footer-bottom .link-footer a {
    font-size: 16px; }

  .tjp-footer .footer-bottom .icon-footer {
    left: 0;
    position: relative;
    margin-bottom: 14px; }

  .tjp-footer .footer-bottom .copy-footer {
    right: 0;
    position: relative;
    text-align: left;
    width: 45%;
    text-align: right; }

  .tjp-footer .footer-bottom .partner-footer .main-center {
    padding: 16px 12px 11px; }

  .tjp-footer .footer-bottom .partner-footer ul li a {
    font-size: 16px;
    font-family: "Lato-Regular"; } }
@media (max-width: 639px) {
  .tjp-footer .footer-bottom {
    padding-left: 12px;
    padding-right: 12px; }

  .tjp-footer .footer-bottom .link-footer {
    margin-bottom: 14px; }

  .tjp-footer .footer-bottom .link-footer,
  .tjp-footer .footer-bottom .copy-footer {
    width: 100%;
    text-align: left; } }
.tjp-footer .title-partner {
  font-size: 16px;
  text-transform: uppercase;
  line-height: normal;
  margin: 0 0 12px;
  font-family: "Lato-Bold", sans-serif; }

.full-banner .image-banner {
  height: 469px;
  background: #e6e6e6; }

@media (max-width: 768px) {
  .full-banner .image-banner {
    height: auto; } }
.full-banner .cp-bn-comty {
  top: unset;
  left: 100px;
  width: 340px;
  min-height: 225px;
  max-height: 470px;
  height: auto;
  padding: 32px 25px 28px;
  background: rgba(0, 0, 0, 0.5); }

.full-banner .cp-bn-comty .title-cp {
  font-size: 28px;
  line-height: normal;
  margin-top: 0;
  max-height: 362px;
  overflow: hidden;
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .full-banner .cp-bn-comty .title-cp {
    color: #fff; } }
@media (max-width: 639px) {
  .full-banner .cp-bn-comty .title-cp {
    color: #000; } }
.full-banner .cp-bn-comty .detail-cp {
  width: 100%; }

.full-banner .cp-bn-comty .detail-cp span {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .full-banner .cp-bn-comty .detail-cp span {
    font-size: 13px;
    color: #fff; } }
@media (max-width: 639px) {
  .full-banner .cp-bn-comty .detail-cp span {
    color: #000; } }
.full-banner .cp-bn-comty .detail-cp span span:before {
  top: 5px;
  left: 4px; }

@media (max-width: 768px) {
  .full-banner .cp-bn-comty .detail-cp span span:before {
    top: 7px; } }
@media (max-width: 639px) {
  .full-banner .cp-bn-comty .detail-cp span span:before {
    background-color: #000; } }
.full-banner .cp-bn-comty .detail-cp p {
  display: none;
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .full-banner .cp-bn-comty .detail-cp p {
    display: none;
    color: #fff; } }
@media (max-width: 639px) {
  .full-banner .cp-bn-comty .detail-cp p {
    color: #000; } }
@media (max-width: 768px) {
  .full-banner .cp-bn-comty {
    left: 0;
    width: 100%;
    height: auto;
    min-height: unset;
    max-height: unset;
    background: url(../img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding: 10px 25px; } }
@media (max-width: 639px) {
  .full-banner .cp-bn-comty {
    width: 100%;
    height: auto;
    left: 0;
    top: auto;
    padding: 0px 12px;
    background: transparent;
    position: relative;
    clear: both; } }
.sea-color .container-left .news-contributor .seeall p {
  border-top: 2px solid #722A14; }

.sea-color .tjp-latest-entry .seeall p {
  border-top: 2px solid #722A14;
  color: #722A14; }

.sea-color .login::before,
.sea-color .search,
.sea-color .see-photo .title a,
.sea-color .news-contributor .title a,
.sea-color .see-photo .sub-title,
.sea-color .news-contributor .sub-title,
.sea-color .tjp-footer .link-footer a,
.sea-color .tjp-footer .partner-footer ul li a {
  color: #722A14; }

.sea-color .date.today::before,
.sea-color .suscribe input[type="submit"],
.sea-color .tjp-footer .suscribe input[type="submit"] {
  background-color: #722A14; }

.sea-color .tjp-footer .suscribe #mc_embed_signup input.button,
.sea-color .container-right .suscribe #mc_embed_signup input.button {
  background-color: #722A14; }

.sea-color .tjp-latest-entry > ul,
.sea-color .jak-pos-contact,
.sea-color .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.sea-color .see-photo .news-latest ul,
.sea-color .news-contributor .news-latest ul {
  border-color: #722A14; }

.sea-color .tjp-latest-entry .title-large:before {
  background-color: #722A14; }

.sea-color .tjp-latest-entry ul li.highlight .date.today:before {
  background-color: #722A14; }

.sea-color .tjp-topic .topic-bot-right .share-article {
  background-color: #722A14; }

.sea-color .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #722A14; }

.sea-color .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
  background-color: #722A14; }

.community .menu-active-breadcrumbs .breadcrumbs li a {
  color: #F07E00;
  line-height: normal; }

.community .menu-active-breadcrumbs .breadcrumbs li:before {
  background-color: #F07E00; }

@media (max-width: 768px) {
  .community .showin-mobile-version {
    border-bottom: 1px solid #F07E00; }

  .community .showin-mobile-version .btn-toggle.current a span {
    border-color: #F07E00; } }
@media (max-width: 768px) {
  .community .container-left .news-contributor .news-latest {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .community .container-left .news-contributor .news-latest {
    padding: 0 12px; } }
.community .container-left .news-contributor .seeall p {
  border-top: 2px solid #F07E00; }

.community .tjp-latest-entry ul li .detail-latest {
  min-height: 97px; }

@media (max-width: 639px) {
  .community .tjp-latest-entry ul li .detail-latest {
    min-height: 83px; } }
.community .tjp-latest-entry ul li .news-port .date:before {
  background-color: #DD1E26; }

.community .tjp-latest-entry ul li .seasia-port .date:before {
  background-color: #722A14; }

.community .tjp-latest-entry ul li .academia-port .date:before {
  background-color: #3F9EDC; }

.community .tjp-latest-entry ul li .life-port .date:before {
  background-color: #662482; }

.community .tjp-latest-entry ul li .travel-port .date:before {
  background-color: #6FB01E; }

.community .tjp-latest-entry ul li .youth-port .date:before {
  background-color: #FFCD00; }

.community .tjp-latest-entry ul li .multimedia-port .date:before {
  background-color: #009E97; }

.community .tjp-latest-entry ul li.highlight .date.today:before {
  background-color: #f07e00; }

.community .tjp-latest-entry .seeall {
  border-top: 0;
  padding: 0; }

.community .tjp-latest-entry .seeall p {
  border-top: 2px solid #F07E00;
  color: #F07E00; }

@media (max-width: 768px) {
  .community .tjp-latest-entry .seeall {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .community .tjp-latest-entry .seeall {
    padding: 0 12px; } }
.community .tjp-footer .suscribe #mc_embed_signup input.button,
.community .container-right .suscribe #mc_embed_signup input.button {
  background-color: #F07E00; }

.index_all .login,
.index_all .search,
.index_all .fa-user::before,
.paperedition .login,
.paperedition .search,
.paperedition .fa-user::before,
.portal_page .login,
.portal_page .search,
.portal_page .fa-user::before,
.index_news .login,
.index_news .search,
.index_news .fa-user::before {
  color: #DD1E26; }

.index_all .community .news-contributor .sub-title,
.paperedition .community .news-contributor .sub-title,
.portal_page .community .news-contributor .sub-title,
.index_news .community .news-contributor .sub-title {
  color: #DD1E26; }

.index_all .community .seeall,
.paperedition .community .seeall,
.portal_page .community .seeall,
.index_news .community .seeall {
  color: #DD1E26; }

.index_all .jak-pos-contact,
.paperedition .jak-pos-contact,
.portal_page .jak-pos-contact,
.index_news .jak-pos-contact {
  border-color: #DD1E26; }

.index_all .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.paperedition .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.portal_page .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.index_news .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -1px -41px; }

.tjp-footer .suscribe #mc_embed_signup input.button,
.container-right .suscribe #mc_embed_signup input.button {
  background-color: #bc261d; }

.news-contributor .title {
  font-family: "Lato-Regular"; }

.news-contributor .sub-title {
  font-family: 'Lato-Regular';
  text-transform: unset; }

.news-contributor .talent {
  font-family: "Lato-Regular", sans-serif;
  color: #A2A2A2;
  font-size: 16px;
  margin-bottom: 10px; }

.news-contributor .name-profile {
  font-family: "Lora", serif;
  font-size: 16px;
  margin-top: 6px; }

.news-contributor .news-latest .box-r {
  font-family: "Lora", serif; }

.news-contributor .news-week .title {
  margin: 20px 0 0; }

.see-photo .title {
  font-family: "Lato-Regular"; }

.see-photo .name-profile {
  font-family: "Lato-Light"; }

.see-photo .news-latest .box-r {
  font-family: "Lora", serif; }

.see-photo .news-week .title {
  margin: 20px 0 0; }

.tjp-most-recent ul.tjp-tab li a {
  font-family: "Lato-Regular"; }

.tjp-most-recent ul.tjp-tab li a span {
  position: relative;
  top: 4px; }

.tjp-most-recent ul.tjp-tab li a.tjp-tab-current span {
  position: relative;
  top: 3px; }

.tjp-most-recent .tjp-tab-content ul li a {
  font-family: "Lora", serif;
  font-size: 17px; }

.detail-latest h5 {
  font-family: "Lora", serif; }

.detail-latest .date span:before {
  background-color: #000000;
  top: 4px; }

.container-right .tjp-follow-sosmed .follow {
  font-family: "Lato-Regular"; }

.container-right .other-chanel .chanel,
.container-right .other-chanel .community {
  font-family: "Lato-Regular"; }

.container-right .other-chanel .chanel {
  font-size: 24px;
  padding-top: 8px; }

.container-right .other-chanel a .box-m {
  font-family: "Lora", serif; }

.container-right .other-chanel a span {
  font-family: "Lato-Regular"; }

.container-right .other-chanel a .detail-latest h5 {
  font-family: "Lora", serif; }

.container-right .other-chanel a .name-profile {
  font-family: "Lato-Regular"; }

.container-right .other-chanel a .image-title span {
  padding: 4px 20px 0px; }

.container-right .other-community .chanel,
.container-right .other-community .community {
  font-family: "Lato-Regular"; }

.container-right .other-community a .box-m {
  font-family: "Lora", serif; }

.container-right .other-community a span {
  font-family: "Lato-Regular"; }

.container-right .other-community a .detail-latest h5 {
  font-family: "Lora", serif; }

.container-right .other-community a .name-profile {
  font-family: "Lato-Regular"; }

.container-right .tjp-suscribe .tjp-subscribe-title h4 {
  font-family: "Lato-Bold", sans-serif; }

.container-right .tjp-suscribe .get-suscribe a {
  font-family: "Lato-Regular"; }

.container-right .suscribe input.button-subscribe {
  padding: 14px 0 7px;
  color: #fff;
  width: 28%;
  font-size: 14px;
  text-transform: uppercase;
  font-style: inherit;
  vertical-align: top; }

.container-right .suscribe #mc-embedded-subscribe-form {
  padding: 0; }

.container-right .suscribe #mc_embed_signup input.email {
  padding: 10px 5px 10px 15px;
  width: 68%;
  height: 42px;
  font-size: 14px;
  font-family: "Lora", serif;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  border-radius: 0; }

.container-right .suscribe #mc_embed_signup .clear {
  width: 30%;
  display: inline-block;
  clear: none;
  margin-left: 2px; }

.container-right .suscribe #mc_embed_signup input.button {
  padding: 16px 0 9px;
  margin: 0;
  color: #fff;
  background-color: #bc261d;
  min-width: unset;
  width: 100%;
  height: auto;
  line-height: normal;
  border-radius: 0;
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-style: inherit;
  vertical-align: top; }

.container-right .suscribe input.input-subscribe {
  padding: 10px 5px 10px 15px;
  width: 70%;
  height: 42px;
  font-size: 14px; }

.suscribe input[type="text"],
.suscribe input[type="submit"] {
  font-family: "Lato-Regular"; }

.jak-post-issue .title-issue {
  font-family: 'Lato-Regular';
  color: #DD1E26;
  border-top: solid 2px #DD1E26;
  border-bottom: solid 2px #DD1E26;
  padding: 14px 15px 6px 45px;
  font-size: 24px; }

.jak-post-issue .title-issue:before {
  font-family: "Lora", serif;
  padding: 1px;
  font-style: italic;
  font-size: 28px;
  padding: 4px 9px 0px 6px;
  top: 7px;
  width: auto;
  height: auto;
  background-color: #DD1E26; }

.jak-post-issue ul li a {
  font-family: "Lora", serif; }

.detail-latest small {
  font-family: "Lato-Regular"; }

.suscribe input[type="submit"] {
  font-family: "Lato-Regular", sans-serif;
  padding: 13px 0 7px; }

.suscribe *::-moz-placeholder {
  font-family: "Lato-Regular"; }

.tjp-detail-caption {
  padding: 10px 25px 20px; }

.tjp-detail-caption .title-slide-caption {
  font-family: "Lora", serif; }

.tjp-detail-caption p {
  font-family: "Lora", serif;
  display: none; }

.footer-bottom .link-footer {
  position: relative;
  padding: 0 23.3333%;
  margin: 0 auto;
  text-align: center; }

.footer-bottom .link-footer a {
  padding: 0 8px 0 0;
  margin: 0 3px 0 0; }

.footer-bottom .icon-footer {
  text-align: left;
  left: 20px; }

.footer-bottom .copy-footer {
  text-align: right;
  right: 20px; }

.other-galleries-multimedia {
  display: inline-block;
  width: 100%; }

.tjp-discus {
  clear: both; }

.tjp-discus .title {
  font-family: "Lato-Regular", sans-serif;
  text-transform: unset; }

.tjp-discus .tjp-discus-tab {
  width: 50%; }

.tjp-discus .tjp-discus-tab li {
  width: 33.333%; }

.tjp-discus .tjp-discus-tab li a {
  font-family: "Lato-Regular", sans-serif;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2; }

.tjp-discus .tjp-discus-tab li a.tjp-tab-current {
  border-right: 0;
  border-left: 0; }

@media (max-width: 768px) {
  .tjp-discus .tjp-discus-tab {
    width: 100%; } }
@media (max-width: 425px) {
  .tjp-discus .tjp-discus-tab li a {
    font-size: 14px;
    padding: 5px 5px 5px 10px; } }
@media (max-width: 768px) {
  .tjp-discus {
    padding: 0 25px; } }
@media (max-width: 639px) {
  .tjp-discus {
    padding: 0 12px; } }
.disqus-logo {
  width: 15px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/disqus-social-icon-white-blue.svg");
  background-size: 16px;
  background-repeat: no-repeat; }

@media (max-width: 639px) {
  .disqus-logo {
    width: 15px;
    height: 16px;
    background-size: 12px; } }
.longform-banner-homepage {
  width: 100%;
  margin-bottom: 25px;
  display: block;
  clear: both; }

@media (max-width: 768px) {
  .longform-banner-homepage {
    display: none; } }
.title-content {
  font-family: "Lato-Regular"; }

.detail_photo .lg-outer .btn-show.hide {
  background-image: url(../img/thumb-icon.png); }

.detail_photo .lg-outer .btn-show {
  right: 50px;
  background-image: url(../img/thumb-icon.png);
  background-repeat: no-repeat; }

@media (max-width: 768px) {
  .detail_photo .lg-outer .btn-show {
    right: 0; } }
.main-container .latest-left-full {
  width: 770px; }

@media (max-width: 768px) {
  .main-container .latest-left-full {
    width: 100%; } }
body .business-rsp-dsk {
  display: block; }

body .business-rsp-tbl {
  display: none; }

body .business-rsp-mbl {
  display: none; }

@media (max-width: 768px) {
  body .business-rsp-dsk {
    display: none; }

  body .business-rsp-tbl {
    display: block; } }
@media (max-width: 320px) {
  body .business-rsp-tbl {
    display: none; }

  body .business-rsp-mbl {
    display: block; } }
.height-detector {
  padding: 20px 326px 5px 256px;
  font-family: "Lato-Regular", sans-serif;
  font-size: 17px;
  bottom: -1px; }

.height-detector .load-text {
  border: 1px solid #e6e6e6;
  background: #F2F2F2; }

.height-detector .load-text .load-more-btn {
  color: #000000;
  padding: 7px 0;
  display: inline-block;
  width: 100%; }

@media (max-width: 768px) {
  .height-detector {
    display: none !important; } }
.tjp-latest-entry.show-more {
  height: auto !important; }

.tjp-latest-entry {
  padding: 0px 24px;
  margin: 0px 2px 0px 0px;
  width: 538px; }

.tjp-latest-entry .tjp-flag .ic-flag {
  font-family: "Lato-Regular", sans-serif;
  line-height: 19px; }

.tjp-latest-entry .top-latest-entry {
  display: inline-block;
  width: 100%; }

.tjp-latest-entry .top-latest-entry .title-large {
  display: inline-block;
  vertical-align: middle;
  float: left;
  font-family: 'Lato-Regular';
  line-height: 1.2; }

.tjp-latest-entry .top-latest-entry .title-large:before {
  top: 0px;
  bottom: 11px; }

@media (max-width: 639px) {
  .tjp-latest-entry .top-latest-entry .title-large {
    display: none; } }
.tjp-latest-entry .top-latest-entry .seeall {
  display: inline-block;
  width: auto;
  padding: 0;
  vertical-align: middle;
  position: relative;
  margin: 24px 0 6px;
  float: right;
  border: 0;
  color: #DD1E26;
  font-family: "Lato-Regular"; }

.tjp-latest-entry .top-latest-entry .seeall span {
  line-height: normal; }

@media (max-width: 639px) {
  .tjp-latest-entry .top-latest-entry .seeall {
    display: none; } }
.tjp-latest-entry .top-latest-entry .tjp-flag {
  display: none;
  visibility: hidden;
  opacity: 0; }

@media (max-width: 768px) {
  .tjp-latest-entry .top-latest-entry {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-latest-entry .top-latest-entry {
    padding: 0 12px; } }
.tjp-latest-entry .seeall {
  border-top: 0;
  font-size: 15px; }

.tjp-latest-entry .seeall p {
  margin: 0;
  padding-top: 15px;
  border-top: 2px solid #DD1E26;
  color: #DD1E26;
  font-family: "Lato-Regular"; }

@media (max-width: 639px) {
  .tjp-latest-entry .seeall p {
    border-top: 2px solid #DD1E26;
    padding: 5px 0 0; } }
@media (max-width: 768px) {
  .tjp-latest-entry .seeall {
    font-size: 16px;
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-latest-entry .seeall {
    padding: 0 12px;
    font-size: 14px; } }
.tjp-latest-entry ul {
  border: 0;
  list-style: none; }

.tjp-latest-entry ul .interlude-no-image .image-latest {
  display: none; }

.tjp-latest-entry ul .interlude-no-image .detail-latest {
  padding: 0; }

.tjp-latest-entry ul .mCSB_inside .mCSB_container {
  margin-right: 0; }

.tjp-latest-entry ul li {
  position: relative; }

.tjp-latest-entry ul li .image-latest {
  position: absolute;
  width: 103px;
  height: 58px;
  overflow: hidden; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li .image-latest {
    width: 94px;
    height: 52px; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li .image-latest {
    width: 69px;
    height: 38px; } }
@media (max-width: 480px) {
  .tjp-latest-entry ul li .image-latest {
    width: 67px;
    height: 37px; } }
.tjp-latest-entry ul li .detail-latest {
  padding: 0 0 0 127px;
  position: relative;
  min-height: 65px; }

.tjp-latest-entry ul li .detail-latest .date-flag a {
  padding: 0;
  vertical-align: super; }

.tjp-latest-entry ul li .detail-latest .date-flag a span {
  margin-top: 0; }

.tjp-latest-entry ul li .detail-latest a {
  padding: 0;
  display: block; }

.tjp-latest-entry ul li .detail-latest a .date {
  line-height: normal;
  margin-top: 0;
  font-family: "Lato-Regular"; }

.tjp-latest-entry ul li .detail-latest a .date:before {
  bottom: 7px;
  top: 2px; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li .detail-latest a .date {
    padding-left: 6px; } }
.tjp-latest-entry ul li .detail-latest h5 {
  font-size: 20px;
  font-family: "Lora", serif;
  line-height: 1.2; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li .detail-latest h5 {
    font-size: 18px;
    line-height: normal; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li .detail-latest h5 {
    font-size: 16px; } }
@media (max-width: 480px) {
  .tjp-latest-entry ul li .detail-latest h5 {
    font-size: 16px; } }
.tjp-latest-entry ul li .detail-latest p {
  font-size: 14px;
  font-family: "Lora", serif;
  font-weight: 300;
  line-height: normal;
  color: #a2a2a2; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li .detail-latest p {
    display: none; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li .detail-latest {
    padding: 0px 0px 16px 115px;
    min-height: 68px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px; } }
@media (max-width: 480px) {
  .tjp-latest-entry ul li .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px; } }
.tjp-latest-entry ul li .detail-latest.col-xs-12 {
  padding: 0; }

.tjp-latest-entry ul li:last-child .detail-latest {
  border-bottom: 0; }

.tjp-latest-entry ul li:last-child ul li {
  border: 0; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li {
    padding: 0 24px 0;
    border: 0; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li {
    padding: 0 12px; } }
.tjp-latest-entry ul li.ads-mobile {
  display: none; }

@media (max-width: 767px) {
  .tjp-latest-entry ul li.ads-mobile {
    display: block; }

  .tjp-latest-entry ul li.ads-mobile .ads-content {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto 15px;
    display: block; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul .no-image-list .image-latest {
    display: none; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul .no-image-list .detail-latest {
    padding: 0px 0px 16px 0; } }
.tjp-latest-entry ul .article-no-image .image-latest {
  display: none !important; }

.tjp-latest-entry ul .article-no-image .detail-latest {
  padding: 0px 0px 16px 0 !important; }

.tjp-latest-entry ul .com-circle .image-latest,
.tjp-latest-entry ul .academia .image-latest {
  height: auto; }

.tjp-latest-entry ul .com-circle .image-latest .middle-one-image,
.tjp-latest-entry ul .academia .image-latest .middle-one-image {
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 100%;
  margin: 0px auto;
  overflow: hidden;
  position: relative; }

.tjp-latest-entry ul .com-circle .image-latest .middle-one-image img,
.tjp-latest-entry ul .academia .image-latest .middle-one-image img {
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  margin: 0 auto;
  left: -50%;
  right: -50%; }

@media (max-width: 639px) {
  .tjp-latest-entry ul .com-circle .image-latest .middle-one-image,
  .tjp-latest-entry ul .academia .image-latest .middle-one-image {
    width: 65px;
    height: 65px; } }
.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a .date {
  padding: 0;
  color: #DD1E26; }

.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a .date:before {
  display: none; }

.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a span {
  color: #000; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight.top-highlight {
    background: #f3f3f3;
    padding: 20px 24px 16px; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight.top-highlight {
    padding: 20px 12px 16px; } }
.tjp-latest-entry ul li.highlight.top-highlight.business-fp {
  padding: 0 0 7px;
  margin: 0 0 15px; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-banner {
  padding: 0;
  margin-bottom: 3px; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-banner img {
  width: 100%; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
  background: #f3f3f3;
  display: inline-block;
  padding: 15px 10px;
  position: relative; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
  padding: 0; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest p {
  margin: 0; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container:before {
  content: "";
  background-image: url("../img/tjp-i-bareksa-dot.png");
  position: absolute;
  width: 100%;
  height: 120px;
  top: 0;
  left: 0; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a .date {
  padding: 0;
  color: #DD1E26; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a .date:before {
  display: none; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a span {
  color: #000; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
  background: #f3f3f3;
  display: inline-block; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li {
  background: #f3f3f3;
  display: inline-block;
  padding: 15px 10px;
  margin: 0;
  position: relative; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:before {
  content: "";
  background-image: url("../img/tjp-i-bareksa-dot.png");
  position: absolute;
  width: 100%;
  height: 120px;
  top: 0;
  left: 0; }

.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(1) {
  border-right: 3px solid #fff; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight.top-highlight.business-fp {
    background: transparent; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
    padding: 15px 24px; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
    border-bottom: 0; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
    padding: 0;
    margin: 0;
    width: 100%; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li {
    padding: 15px 24px; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:before {
    display: none; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
    float: left;
    width: 100%;
    padding: 15px 24px 0; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 15px; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
    float: left;
    width: 100%; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(1) {
    border: 0;
    padding-bottom: 0; }

  .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(2) {
    border: 0;
    padding-top: 0; } }
.tjp-latest-entry ul li.highlight {
  position: relative;
  padding: 7px 0 0;
  margin: 6px 0 15px; }

.tjp-latest-entry ul li.highlight .col-md-6 {
  width: 50%; }

.tjp-latest-entry ul li.highlight .date.today:before {
  background-color: #b12e24; }

.tjp-latest-entry ul li.highlight .image-latest {
  position: relative;
  width: 100%;
  height: 275px;
  overflow: hidden;
  margin: 0 0 10px; }

.tjp-latest-entry ul li.highlight .image-latest img {
  width: 100%; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight .image-latest {
    max-height: 405px;
    height: auto; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight .image-latest {
    max-height: 345px; } }
@media (max-width: 480px) {
  .tjp-latest-entry ul li.highlight .image-latest {
    max-height: 256px; } }
@media (max-width: 320px) {
  .tjp-latest-entry ul li.highlight .image-latest {
    max-height: 166px; } }
.tjp-latest-entry ul li.highlight .video-latest {
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight .video-latest {
    width: 100% !important; } }
.tjp-latest-entry ul li.highlight .detail-latest {
  padding: 0px 0px 22px;
  position: relative; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight .detail-latest {
    padding: 0 0 16px;
    min-height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight .detail-latest {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    min-height: auto; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight .detail-latest p {
    margin: 0; } }
.tjp-latest-entry ul li.highlight ul {
  list-style: none;
  padding: 0;
  margin: 0; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul {
    clear: both;
    padding: 16px 0 0;
    margin: 16px 0 0;
    display: inline-block; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight ul {
    margin: 0; } }
.tjp-latest-entry ul li.highlight ul li {
  border-bottom: 0; }

.tjp-latest-entry ul li.highlight ul li:first-child {
  padding-left: 0;
  padding-right: 12px; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li:first-child {
    width: 50%;
    margin: 0; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight ul li:first-child {
    width: 100%;
    padding-right: 0; } }
.tjp-latest-entry ul li.highlight ul li:last-child {
  padding-left: 12px;
  padding-right: 0; }

@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight ul li:last-child .detail-latest {
    border: 0;
    padding: 16px 0 0; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li:last-child {
    width: 50%;
    margin: 0; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight ul li:last-child {
    width: 100%;
    padding: 0;
    border: 0; } }
.tjp-latest-entry ul li.highlight ul li .date.today:before {
  background-color: #b12e24; }

.tjp-latest-entry ul li.highlight ul li .image-latest {
  width: 100%;
  height: 130px; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li .image-latest {
    display: none;
    opacity: 0;
    visibility: hidden; } }
.tjp-latest-entry ul li.highlight ul li .detail-latest {
  padding: 0px;
  max-height: 200px;
  overflow: hidden; }

.tjp-latest-entry ul li.highlight ul li .detail-latest p {
  margin: 0 0 13px; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li .detail-latest p {
    margin: 0; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li .detail-latest {
    border-bottom: 0;
    margin: 0;
    padding: 0; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight ul li .detail-latest {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 0 16px 0; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight ul li {
    display: inline-block; } }
.tjp-latest-entry ul li.highlight .title-large {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  z-index: 10;
  width: 191px;
  padding: 4px 15px 0 24px;
  font-size: 26px;
  text-align: center;
  font-family: 'Lato-Regular';
  line-height: normal; }

.tjp-latest-entry ul li.highlight .title-large:before {
  left: 15px;
  top: 8px;
  bottom: 13px;
  width: 3px;
  background-color: #b12e24; }

@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight .title-large {
    background: #f3f3f3;
    top: 16px; } }
@media (max-width: 768px) {
  .tjp-latest-entry ul li.highlight {
    padding: 20px 24px 0;
    margin: -16px 0 16px; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul li.highlight {
    padding: 20px 12px 16px;
    margin: -16px 0 16px; } }
@media (max-width: 639px) {
  .tjp-latest-entry ul {
    border: 0; } }
@media (max-width: 768px) {
  .tjp-latest-entry {
    padding: 0;
    width: 100%;
    height: auto !important; } }
.tjp-latest-entry ul .latestEntry.news-port .detail-latest .date:before {
  background-color: #DD1E26; }

.tjp-latest-entry ul .latestEntry.seasia-port .detail-latest .date:before {
  background-color: #722A14; }

.tjp-latest-entry ul .latestEntry.academia-port .detail-latest .date:before {
  background-color: #3F9EDC; }

.tjp-latest-entry ul .latestEntry.life-port .detail-latest .date:before {
  background-color: #662482; }

.tjp-latest-entry ul .latestEntry.travel-port .detail-latest .date:before {
  background-color: #6FB01E; }

.tjp-latest-entry ul .latestEntry.youth-port .detail-latest .date:before {
  background-color: #FFCD00; }

.tjp-latest-entry ul .latestEntry.multimedia-port .detail-latest .date:before {
  background-color: #009E97; }

.profile-academia .position-acedemia {
  font-size: 16px;
  color: #a2a2a2; }

.com-name {
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #828282;
  margin: 8px 0;
  line-height: normal;
  display: block; }

.caption_zoom {
  float: left;
  height: 382px;
  position: relative;
  margin: 0 auto;
  overflow: hidden; }

.caption_zoom:hover .caption_media img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08); }

.caption_zoom:hover .extra-story-overlay {
  -webkit-transform: scale(1.03, 1.03);
  -moz-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
  background-color: rgba(0, 0, 0, 0.267); }

.caption_zoom .caption_media img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%; }

.caption_zoom .caption_overlay {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 10px 40px; }

@media (max-width: 768px) {
  .caption_zoom .caption_overlay {
    padding: 10px 20px; } }
.caption_zoom .extra-story-overlay {
  content: ' ';
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(transparent, transparent 100px, #000 176px, #000);
  background-image: -moz-linear-gradient(transparent, transparent 100px, #000 176px, #000);
  background-image: linear-gradient(transparent, transparent 100px, #000 176px, #000);
  -webkit-transition: background-color .27s ease, -webkit-transform .27s ease;
  transition: background-color .27s ease, -webkit-transform .27s ease;
  -moz-transition: transform .27s ease, background-color .27s ease, -moz-transform .27s ease;
  transition: transform .27s ease, background-color .27s ease;
  transition: transform 0.27s ease, background-color 0.27s ease, -webkit-transform 0.27s ease, -moz-transform 0.27s ease; }

.caption_zoom .extra-story-overlay {
  background-image: -webkit-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92));
  background-image: -moz-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92));
  background-image: linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92)); }

.index-longform .main-container {
  background: #fff; }

.jwplayer.jw-state-complete.jw-cancel .jw-controls {
  display: block; }

.jwplayer.jw-state-complete.jw-cancel .jw-next-play {
  display: none; }

.jwplayer.jw-state-complete .jw-controls {
  display: none; }

.jwplayer.jw-state-complete .jw-next-play {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1; }

.jwplayer.jw-state-complete .jw-next-play .title-next {
  top: 20%;
  position: relative;
  text-align: center; }

.jwplayer.jw-state-complete .jw-next-play .title-next span {
  color: #ffffff;
  font-size: 14px; }

.jwplayer.jw-state-complete .jw-next-play .title-next h3 {
  color: #fff; }

.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container {
  width: 86px;
  height: 86px;
  border: 0 !important;
  background: 0 !important;
  top: 30%; }

.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a {
  cursor: pointer; }

.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a.next-icon-btn {
  z-index: 10;
  background-position: -24px -6px;
  background-size: 130px;
  background-repeat: no-repeat;
  position: absolute;
  width: 86px;
  height: 86px;
  border: 0; }

.jwplayer.jw-state-complete .jw-next-play .cancel-btn {
  z-index: 10;
  color: #ffffff;
  font-family: "Lato-Regular", sans-serif;
  font-size: 23px;
  font-weight: 300;
  position: relative;
  top: 30%;
  display: block;
  width: 120px;
  height: auto;
  margin: 15px auto 0;
  cursor: pointer;
  line-height: normal;
  text-align: center;
  padding: 5px 0 1px; }

.jwplayer.jw-state-complete .jw-next-play .cancel-btn:hover {
  background: rgba(225, 225, 225, 0.4); }

@media (max-width: 768px) {
  .jwplayer.jw-state-complete .jw-next-play .title-next {
    top: 10%; }

  .jwplayer.jw-state-complete .jw-next-play .title-next h3 {
    font-size: 12px;
    margin-top: 5px; }

  .jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container {
    top: 30%;
    width: 56px;
    height: 56px; }

  .jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a.next-icon-btn {
    background-position: -18px -6px;
    background-size: 90px;
    width: 56px;
    height: 56px; }

  .jwplayer.jw-state-complete .jw-next-play .cancel-btn {
    font-size: 16px;
    top: 25%; } }
.fullsize {
  background-color: #fff !important; }

.fullsize .lg-share-toolbar {
  float: right;
  height: 47px;
  padding: 10px 0;
  z-index: 1100;
  position: relative; }

.fullsize .lg-share-toolbar a {
  font-size: 22px;
  margin: 0 7px; }

.fullsize .lg-share-toolbar a i {
  cursor: pointer;
  color: #b2b2b2 !important; }

.fullsize .lg-share-toolbar .wa-hover {
  display: none; }

.fullsize .lg-share-toolbar .twit-hover i:hover {
  color: #50BCE0 !important; }

.fullsize .lg-share-toolbar .linkedin-hover i:hover {
  color: #0077b5 !important; }

.fullsize .lg-share-toolbar .like-hover i:hover,
.fullsize .lg-share-toolbar .fb-hover i:hover {
  color: #374E9E !important; }

.fullsize .lg-share-toolbar .gp-hover i:hover {
  color: #dd4b39 !important; }

.fullsize .lg-share-toolbar .email-hover i:hover {
  color: #2c9ab7 !important; }

@media (max-width: 768px) {
  .fullsize .lg-share-toolbar .wa-hover {
    display: inline-block; }

  .fullsize .lg-share-toolbar .wa-hover .button-sub i:hover {
    color: #43D854 !important; } }
.lg-share {
  display: none; }

.longform .login:before,
.longform .search:before,
.longform .fa-user:before {
  color: #009E97; }

.longform .jak-pos-contact {
  border-color: #009E97; }

.longform .suscribe input[type="submit"] {
  background-color: #009E97; }

.longform .tjp-footer .link-footer a {
  color: #009E97; }

.longform .tjp-footer .partner-footer ul li a {
  color: #009E97; }

.longform .center-longform {
  max-width: 100%; }

.longform .center-longform hr {
  max-width: 660px;
  margin: 40px auto;
  float: none; }

@media (max-width: 768px) {
  .longform .center-longform hr {
    max-width: 100% px; } }
.longform .center-longform .headline {
  max-width: 660px;
  margin: 13px auto;
  float: none; }

.longform .center-longform p {
  max-width: 660px;
  margin: 13px auto;
  float: none; }

.longform .center-longform .main-single-page {
  float: none;
  margin: 0 auto; }

.longform .center-longform .long-full-img {
  max-width: unset;
  width: 100%;
  text-align: center;
  margin: 0 0 20px; }

.longform .center-longform .long-full-img img {
  width: 100%;
  height: auto; }

.longform .center-longform .long-full-video {
  margin: 0 0 20px; }

.longform .center-longform .long-full-video #my-video {
  width: 100%; }

.longform .center-longform .long-full-video .jwplayer {
  width: 100% !important;
  min-height: 100%;
  max-height: 100%; }

.longform .center-longform .long-img {
  max-width: 660px;
  width: 100%;
  text-align: center;
  margin: 0 auto 20px; }

.longform .center-longform .long-img img {
  width: 100%;
  height: auto; }

.longform .center-longform .long-video {
  max-width: 660px;
  margin: 0 auto 20px; }

.longform .center-longform .long-video #my-video {
  width: 100%; }

@media (max-width: 768px) {
  .longform .center-longform {
    padding: 0; }

  .longform .center-longform .headline,
  .longform .center-longform p {
    font-size: 18px; }

  .longform .center-longform p,
  .longform .center-longform .long-img,
  .longform .center-longform .long-video {
    padding: 0 24px; }

  .longform .center-longform .main-single-page {
    width: 100%; } }
@media (max-width: 639px) {
  .longform .center-longform {
    padding: 0; }

  .longform .center-longform .headline,
  .longform .center-longform p,
  .longform .center-longform .long-img,
  .longform .center-longform .long-video {
    padding: 0 24px; } }
.longform .header-longform .detailshare ul {
  padding: 0; }

.header-longform .share-longform .shared-comment li span {
  display: none; }

.tjp-slide .tjp-detail-caption .date:before {
  top: -5px;
  bottom: -1px; }

.channel-longform .li-longform .li-longform-12 {
  width: 100%;
  float: left; }

.channel-longform .li-longform .li-longform-12 .detail-latest h5 {
  color: #ffffff;
  font-size: 36px;
  line-height: normal; }

@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-12 .detail-latest h5 {
    font-size: 18px; } }
.channel-longform .li-longform .li-longform-12 .detail-latest .date {
  color: #ffffff;
  font-size: 14px; }

.channel-longform .li-longform .li-longform-12 .detail-latest .date:before {
  background-color: #009E97; }

.channel-longform .li-longform .li-longform-12 .detail-latest .date span:before {
  background-color: #fff; }

.channel-longform .li-longform .li-longform-12 .detail-latest p {
  color: #ffffff;
  font-size: 14px; }

@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-12 .detail-latest p {
    display: none; } }
@media (max-width: 479px) {
  .channel-longform .li-longform .li-longform-12 .detail-latest {
    padding: 15px; } }
@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-12 {
    height: 235px; } }
@media (max-width: 639px) {
  .channel-longform .li-longform .li-longform-12 {
    height: 200px; } }
@media (max-width: 479px) {
  .channel-longform .li-longform .li-longform-12 {
    height: 180px; } }
@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-12 .image-banner-longform {
    height: 320px !important; } }
@media (max-width: 639px) {
  .channel-longform .li-longform .li-longform-12 .image-banner-longform {
    height: 300px !important; } }
@media (max-width: 480px) {
  .channel-longform .li-longform .li-longform-12 .image-banner-longform {
    height: 240px !important; } }
@media (max-width: 320px) {
  .channel-longform .li-longform .li-longform-12 .image-banner-longform {
    height: 180px !important; } }
.channel-longform .li-longform .li-longform-6 {
  width: 50%;
  float: left; }

.channel-longform .li-longform .li-longform-6 .detail-latest h5 {
  color: #ffffff;
  font-size: 36px;
  line-height: normal; }

@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-6 .detail-latest h5 {
    font-size: 18px; } }
.channel-longform .li-longform .li-longform-6 .detail-latest .date {
  color: #ffffff;
  font-size: 14px; }

.channel-longform .li-longform .li-longform-6 .detail-latest .date:before {
  background-color: #009E97; }

.channel-longform .li-longform .li-longform-6 .detail-latest .date span:before {
  background-color: #fff; }

.channel-longform .li-longform .li-longform-6 .detail-latest p {
  color: #ffffff;
  font-size: 14px; }

@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-6 .detail-latest p {
    display: none; } }
@media (max-width: 479px) {
  .channel-longform .li-longform .li-longform-6 .detail-latest {
    padding: 15px; } }
@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-6 {
    height: 180px; } }
@media (max-width: 639px) {
  .channel-longform .li-longform .li-longform-6 {
    height: 135px; } }
@media (max-width: 479px) {
  .channel-longform .li-longform .li-longform-6 {
    height: 180px; } }
@media (max-width: 768px) {
  .channel-longform .li-longform .li-longform-6 .image-banner-longform {
    height: 220px !important; } }
@media (max-width: 640px) {
  .channel-longform .li-longform .li-longform-6 .image-banner-longform {
    height: 178px !important; } }
@media (max-width: 639px) {
  .channel-longform .li-longform .li-longform-6 .image-banner-longform {
    height: 178px !important; } }
@media (max-width: 480px) {
  .channel-longform .li-longform .li-longform-6 .image-banner-longform {
    height: 240px !important; } }
@media (max-width: 320px) {
  .channel-longform .li-longform .li-longform-6 .image-banner-longform {
    height: 180px !important; } }
@media (max-width: 480px) {
  .channel-longform .li-longform .li-longform-6 {
    width: 100%; } }
.channel-longform .navigation-page a.jp-number.jp-current {
  color: #009E97; }

.navigation-page a,
.navigation-page .jp-current {
  font-family: "Lato-Regular", sans-serif;
  font-size: 18px; }

.tjp-full-block-channel {
  max-width: 1365px;
  margin: 0px auto; }

.tjp-full-block-channel .main-container {
  padding: 0;
  position: relative;
  background: #fff; }

.tjp-full-block-channel .main-container .big-img.travel-portal .absolute-caption h3:before {
  background-color: #6FB01E; }

.tjp-full-block-channel .main-container .big-img.travel-portal .detail-caption .date:before {
  background-color: #6FB01E; }

.tjp-full-block-channel .main-container .big-img.travel-portal .detail-caption .button-caption {
  background-color: #6FB01E !important; }

.tjp-full-block-channel .main-container .big-img {
  overflow: hidden;
  max-height: 800px;
  position: relative; }

.tjp-full-block-channel .main-container .big-img img {
  width: 100%; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .big-img {
    max-height: none; }

  .tjp-full-block-channel .main-container .big-img .tjp-detail-caption {
    background: #ffffff;
    padding: 0px 24px 0; }

  .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .date span:before {
    background-color: #000; }

  .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .detail-caption {
    border-bottom: 1px solid #f3f3f3;
    padding: 0 0 15px;
    margin: 0 0 15px; }

  .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .detail-caption h5 {
    padding: 10px 0 0;
    margin: 0 0 8px; } }
@media (max-width: 638px) {
  .tjp-full-block-channel .main-container .big-img .tjp-detail-caption {
    padding: 0 12px; } }
.tjp-full-block-channel .main-container .small-img {
  padding: 0 24px; }

.tjp-full-block-channel .main-container .small-img ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.tjp-full-block-channel .main-container .small-img ul li {
  display: inline-block;
  width: 300px;
  height: 200px;
  float: left;
  position: relative;
  margin: 32px 43px 0;
  overflow: hidden; }

.tjp-full-block-channel .main-container .small-img ul li:first-child {
  margin-left: 0; }

.tjp-full-block-channel .main-container .small-img ul li:last-child {
  margin-right: 0; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li:last-child .tjp-detail-caption {
    padding: 0;
    margin: 0;
    border: 0; } }
.tjp-full-block-channel .main-container .small-img ul li img {
  width: 100%; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li img {
    display: none;
    opacity: 0;
    visibility: hidden; } }
.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption {
  padding: 0 12px 12px;
  background: transparent linear-gradient(to bottom, rgba(122, 122, 122, 0) 7%, #1F1F1F 140%, #000 100%) repeat scroll 0% 0%; }

.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption .detail-caption {
  width: 100%; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption .detail-caption {
    padding: 0; } }
.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption span.date {
  width: 100%; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    padding: 0 0 15px;
    margin: 0 0 15px; } }
.tjp-full-block-channel .main-container .small-img ul li h3 {
  font-family: "Lora", serif;
  font-size: 18px;
  color: #fff; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li h3 {
    color: #000000;
    margin: 0 0 8px;
    font-size: 18px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .small-img ul li h3 {
    font-size: 16px; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img ul li {
    width: 100%;
    margin: 0;
    height: auto; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .small-img {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .small-img {
    padding: 0 12px; } }
.tjp-full-block-channel .main-container .tjp-detail-caption {
  background: transparent linear-gradient(to bottom, rgba(122, 122, 122, 0) 0%, #1F1F1F 80%, #000 100%) repeat scroll 0% 0%;
  padding: 0 0 32px; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption {
    background: #ffffff;
    position: relative;
    padding: 0; } }
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
  width: 1120px;
  margin: 0 auto; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
    width: 100%;
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
    padding: 0 12px; } }
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 {
  font-size: 42px;
  color: #ffffff;
  width: 670px;
  font-family: "Lora", serif; }

.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
  color: #fff; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
    color: #000000;
    font-size: 18px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
    font-size: 16px; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 {
    color: #000000;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    font-size: 22px; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p {
    display: none;
    visible: hidden;
    opacity: 0; } }
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p,
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date {
  width: 670px; }

.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p a,
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date a {
  color: #fff; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p a,
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date a {
    color: #000; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p,
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date {
    color: #000000;
    width: 100%; } }
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  font-size: 18px;
  padding: 3px 20px 3px;
  display: inline-block;
  margin-top: 16px;
  font-family: 'Lato-Regular', sans-serif;
  color: #fff; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    display: none;
    visible: hidden;
    opacity: 0; } }
.tjp-full-block-channel .main-container .absolute-caption {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  width: 1120px;
  margin: 0 auto; }

.tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
  line-height: normal;
  margin: 0;
  padding: 5px 20px 0;
  background: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
    font-size: 22px;
    margin-left: 20px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
    margin-left: 12px; } }
.tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
  top: 10px;
  left: 10px;
  bottom: 14px;
  width: 4px;
  content: "";
  position: absolute; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
    left: 30px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
    left: 20px; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .absolute-caption {
    width: 100%; } }
.tjp-full-block-channel .main-container .tjp-detail-caption .date::before {
  top: -2px;
  left: 0;
  bottom: 3px; }

@media (max-width: 768px) {
  .tjp-full-block-channel {
    width: 100%;
    display: block; } }
.menu-active-breadcrumbs {
  margin: 0; }

.menu-active-breadcrumbs .breadcrumbs {
  padding: 25px 20px 14px;
  line-height: normal; }

.menu-active-breadcrumbs .breadcrumbs li {
  padding-top: 0 !important;
  line-height: normal; }

.menu-active-breadcrumbs .breadcrumbs li a {
  color: #DD1E26;
  font-size: 16px;
  font-family: "Lato-Regular"; }

.menu-active-breadcrumbs .breadcrumbs li a h1 {
  font-size: 16px;
  font-family: 'Lato-Regular';
  margin: 0;
  line-height: normal; }

.menu-active-breadcrumbs .breadcrumbs li:first-child {
  display: inline-block; }

.menu-active-breadcrumbs .breadcrumbs li:last-child a {
  font-size: 16px;
  font-family: "Lato-Regular"; }

.menu-active-breadcrumbs .breadcrumbs li:before {
  top: 7px;
  left: 14px;
  width: 6px;
  height: 6px;
  background-color: #DD1E26; }

@media (max-width: 768px) {
  .menu-active-breadcrumbs .breadcrumbs li {
    margin: 0;
    padding: 0 !important;
    display: none;
    opacity: 0;
    visibility: hidden; }

  .menu-active-breadcrumbs .breadcrumbs li a {
    line-height: normal;
    font-size: 16px; }

  .menu-active-breadcrumbs .breadcrumbs li:first-child {
    margin: 0;
    padding: 0 !important;
    display: none;
    opacity: 0;
    visibility: hidden; }

  .menu-active-breadcrumbs .breadcrumbs li:last-child {
    display: inline-block;
    opacity: 1;
    visibility: visible; }

  .menu-active-breadcrumbs .breadcrumbs li:last-child a {
    line-height: normal;
    font-size: 16px; }

  .menu-active-breadcrumbs .breadcrumbs li:last-child a h1 {
    font-size: 16px; } }
@media (max-width: 768px) {
  .menu-active-breadcrumbs .breadcrumbs {
    background-color: transparent;
    text-align: left;
    padding: 11px 24px 10px; } }
@media (max-width: 639px) {
  .menu-active-breadcrumbs .breadcrumbs {
    padding: 11px 12px 10px; } }
@media (max-width: 768px) {
  .menu-active-breadcrumbs {
    display: block; } }
@media (max-width: 768px) {
  .life_index .menu-active-breadcrumbs .breadcrumbs li:first-child {
    display: none; }

  .life_index .menu-active-breadcrumbs .breadcrumbs li:last-child {
    display: inline-block; } }
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
  padding: 20px 20px 14px; }

.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li {
  font-size: 16px;
  text-transform: uppercase; }

.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a {
  font-size: 16px; }

.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a h1 {
  font-size: 16px; }

.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:last-child a {
  font-size: 16px; }

.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:before {
  width: 6px !Important;
  height: 6px !Important;
  top: 7px !important; }

@media (max-width: 768px) {
  .detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
    padding: 11px 24px 5px; } }
@media (max-width: 639px) {
  .detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
    padding: 11px 12px 5px; } }
.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li {
  color: #009E97;
  font-family: "Lato-Regular"; }

.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a {
  color: #009E97;
  font-family: "Lato-Regular"; }

.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:before {
  width: 6px !Important;
  height: 6px !Important;
  top: 7px !important; }

.community-port .date::before {
  background-color: #f07e00; }

.academia-port .date::before {
  background-color: #3F9EDC; }

.life-port .date::before {
  background-color: #662482; }

.travel-port .date::before {
  background-color: #6FB01E; }

.youth-port .date.today::before {
  background-color: #FFCD00; }

.dt-paperedition.date::before,
.dt-news.date::before {
  background-color: #DD1E26 !important; }

.dt-community.date::before {
  background-color: #f07e00 !important; }

.dt-academia.date::before {
  background-color: #3F9EDC !important; }

.dt-life.date::before {
  background-color: #662482 !important; }

.dt-travel.date::before {
  background-color: #6FB01E !important; }

.dt-youth.date::before {
  background-color: #FFCD00 !important; }

.dt-seasia.date::before {
  background-color: #722A14 !important; }

.dt-multimedia.date::before {
  background-color: #009E97 !important; }

.sea .seeall .seeall,
.sea .community .seeall {
  color: #722A14; }

.sea .seeall .news-contributor .sub-title,
.sea .community .news-contributor .sub-title {
  color: #722A14; }

.sea .tjp-latest-entry .top-latest-entry .seeall {
  color: #722A14; }

.sea .tjp-latest-entry .seeall {
  color: #722A14; }

.news-color .menu-active-breadcrumbs .breadcrumbs li a,
.index_news .menu-active-breadcrumbs .breadcrumbs li a,
.paperedition .menu-active-breadcrumbs .breadcrumbs li a {
  color: #DD1E26; }

.news-color .menu-active-breadcrumbs .breadcrumbs li:before,
.index_news .menu-active-breadcrumbs .breadcrumbs li:before,
.paperedition .menu-active-breadcrumbs .breadcrumbs li:before {
  background-color: #DD1E26;
  width: 8px;
  height: 8px;
  top: 12px; }

.news-color .tjp-topic .topic-bot-right .share-article,
.index_news .tjp-topic .topic-bot-right .share-article,
.paperedition .tjp-topic .topic-bot-right .share-article {
  background-color: #DD1E26; }

.news-color .tjp-topic .topic-bot-right .share-article:after,
.index_news .tjp-topic .topic-bot-right .share-article:after,
.paperedition .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #DD1E26; }

.news-color .suscribe input[type="submit"],
.index_news .suscribe input[type="submit"],
.paperedition .suscribe input[type="submit"] {
  background-color: #DD1E26; }

@media (max-width: 768px) {
  .news-color .tjp-topic.clone-share .topic-top-right ul,
  .index_news .tjp-topic.clone-share .topic-top-right ul,
  .paperedition .tjp-topic.clone-share .topic-top-right ul {
    border: 0; } }
@media (max-width: 768px) {
  .portal_page .showin-mobile-version,
  .news-color .showin-mobile-version,
  .paperedition .showin-mobile-version,
  .index_all .showin-mobile-version {
    border-bottom: 1px solid #DD1E26; }

  .portal_page .showin-mobile-version .btn-toggle.current a span,
  .news-color .showin-mobile-version .btn-toggle.current a span,
  .paperedition .showin-mobile-version .btn-toggle.current a span,
  .index_all .showin-mobile-version .btn-toggle.current a span {
    border-color: #DD1E26; } }
.portal_page .tjp-full-block-channel .full-block-caption:before,
.news-color .tjp-full-block-channel .full-block-caption:before {
  background-color: #DD1E26; }

.sea-color .tjp-full-block-channel .full-block-caption:before {
  background-color: #722A14; }

.community .tjp-full-block-channel .full-block-caption:before {
  background-color: #F07E00; }

.academia_color .tjp-full-block-channel .full-block-caption:before {
  background-color: #3F9EDC; }

.channel-life .tjp-full-block-channel .full-block-caption:before {
  background-color: #823A9D; }

.channel-travel .tjp-full-block-channel .full-block-caption:before {
  background-color: #6FB01E; }

.student .tjp-full-block-channel .full-block-caption:before {
  background-color: #FFCD00; }

.multimedia-color .tjp-full-block-channel .full-block-caption:before {
  background-color: #009E97; }

.paperedition .tjp-full-block-channel .full-block-caption:before {
  background-color: #DD1E26; }

.sea-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #722A14;
  color: #fff; }

.community .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #F07E00;
  color: #fff; }

.academia_color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #3F9EDC;
  color: #fff; }

.channel-life .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #823A9D;
  color: #fff; }

.channel-travel .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #6FB01E;
  color: #fff; }

.student .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #FFCD00;
  color: #000; }

.paperedition .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption,
.portal_page .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption,
.news-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #DD1E26;
  color: #fff; }

.multimedia-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
  background-color: #009E97;
  color: #fff; }

@media (max-width: 768px) {
  .channel-travel .showin-mobile-version {
    border-bottom: 1px solid #80BA26; } }
@media (max-width: 768px) {
  .channel-travel .tjp-pargph-2 {
    border: 0; } }
@media (max-width: 768px) {
  .channel-travel .main-container .full-banner a {
    display: block; } }
@media (max-width: 768px) {
  .channel-travel .main-container .full-banner .image-banner {
    margin: 0;
    float: none; } }
@media (max-width: 768px) {
  .channel-travel .main-container .full-banner {
    padding: 0;
    border-bottom: 0;
    margin: 0; } }
.channel-travel .tjp-latest-entry ul {
  border: 0;
  margin: 0 0 15px; }

.channel-travel .tjp-latest-entry ul li .latest-travel {
  padding: 0px; }

.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  display: inline-block;
  width: 100%; }

.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
  width: 100%;
  height: 250px;
  position: relative;
  padding: 15px 20px; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
    width: 94px;
    height: 52px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
    width: 69px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
    width: 67px;
    height: 37px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
  padding: 15px 20px; }

.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest a .date:before {
  background-color: #6FB01E; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    position: relative;
    width: 100%; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    position: relative;
    width: 100%; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin: 0 0 16px;
    float: left;
    width: 100%; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel {
  display: inline-block;
  padding: 32px 0px 0px;
  list-style: none;
  width: 100%; }

.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li {
  border: 0;
  width: 50%;
  float: left;
  border: none;
  margin: 0; }

.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child {
  padding: 0 12px 0 0; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child {
    padding: 0; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest p {
  margin: 0; }

.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest a .date:before {
  background-color: #6FB01E; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .image-latest {
    padding: 0; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) {
  padding: 0 0 0 12px; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) {
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest p {
  margin: 0; }

.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest a .date:before {
  background-color: #6FB01E; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .image-latest {
    padding: 0; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
  height: 140px;
  width: 100%;
  margin: 0px 0px 16px;
  position: relative; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
    width: 94px;
    height: 52px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
    width: 69px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
    width: 67px;
    height: 37px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
  margin: 0;
  padding: 0; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest p {
    margin: 0; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
    padding: 0 0 0 115px;
    min-height: 68px; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
    padding: 0 0 0 87px;
    min-height: 38px; } }
@media (max-width: 480px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
    padding: 0 0 0 79px;
    min-height: 37px; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li {
    width: 100%;
    padding: 0;
    margin: 0 0 16px; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel {
    padding: 0;
    margin: 0; } }
.channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li:last-child {
  border: 0;
  padding: 0; }

@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li:last-child .detail-latest {
    border: 0;
    margin: 0; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li li {
    margin: 0; } }
@media (max-width: 768px) {
  .channel-travel .tjp-latest-entry ul li {
    padding: 0 24px;
    margin: 0; } }
@media (max-width: 639px) {
  .channel-travel .tjp-latest-entry ul li {
    padding: 0 12px;
    margin: 0; } }
.channel-travel .tjp-latest-entry .seeall {
  border-top: 0; }

.channel-travel .tjp-latest-entry .seeall p {
  border-top: 2px solid #6FB01E;
  color: #6FB01E; }

.channel-travel .tjp-control-paging li {
  margin: 0 5px; }

.channel-travel .tjp-control-paging li a {
  background: #ffffff;
  box-shadow: none;
  cursor: pointer; }

.channel-travel .tjp-control-paging li a.tjp-active {
  background: #6FB01E;
  box-shadow: none; }

.channel-travel .tjpslide .tjp-direction-nav a {
  top: 19px;
  width: 61px;
  background-size: 163px auto; }

@media (max-width: 768px) {
  .channel-travel .tjpslide .tjp-direction-nav a {
    background-size: 100px;
    width: 48px; } }
@media (max-width: 639px) {
  .channel-travel .tjpslide .tjp-direction-nav a {
    bottom: unset;
    height: 36px;
    width: 48px;
    top: 140px;
    background-size: 100px auto; } }
@media (max-width: 480px) {
  .channel-travel .tjpslide .tjp-direction-nav a {
    top: 95px; } }
.channel-travel .tjpslide .tjp-direction-nav a.tjp-next {
  background-position: -103px center; }

@media (max-width: 768px) {
  .channel-travel .tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -52px center; } }
.channel-travel .container-left .news-contributor .seeall p {
  border-top: 2px solid #6FB01E; }

.container-slide-ac {
  clear: both; }

.container-slide-ac .container-academia-slide {
  width: 100%; }

@media (max-width: 768px) {
  .channel-life .main-container .full-banner a {
    display: block; } }
@media (max-width: 768px) {
  .channel-life .main-container .full-banner .image-banner {
    margin: 0;
    float: none; } }
@media (max-width: 768px) {
  .channel-life .main-container .full-banner {
    padding: 0;
    border-bottom: 0;
    margin: 0; } }
.channel-life .container-right .tjp-sosmed .global-view,
.channel-life .container-right .tjp-sosmed .only-news-view,
.channel-life .container-right .tjp-sosmed .only-jobs-view,
.channel-life .container-right .tjp-sosmed .only-travel-view {
  display: none;
  opacity: 0;
  visibility: hidden; }

.channel-life .container-right .tjp-sosmed .only-life-view {
  display: block; }

.channel-life .tjp-latest-entry ul {
  border: 0; }

.channel-life .tjp-latest-entry ul li .latest-life {
  padding: 0px; }

.channel-life .tjp-latest-entry ul li .latest-life .top-latest {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  display: inline-block;
  width: 100%; }

.channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
  width: 100%;
  height: 250px;
  position: relative;
  padding: 15px 20px; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
    width: 94px;
    height: 52px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
    width: 69px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
    width: 67px;
    height: 37px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
.channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
  padding: 15px 20px; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    position: relative;
    width: 100%; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    position: relative;
    width: 100%; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .top-latest {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin: 0 0 16px;
    float: left;
    width: 100%; } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life {
  display: inline-block;
  padding: 32px 0px 0px;
  list-style: none;
  width: 100%; }

.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li {
  border: 0;
  width: 50%;
  float: left;
  border: none; }

.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child {
  padding: 0 12px 0 0; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child {
    padding: 0; } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest p {
  margin: 0; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .image-latest {
    padding: 0; } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) {
  padding: 0 0 0 12px; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) {
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest p {
  margin: 0; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
    padding: 0 0 16px 115px;
    min-height: 68px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
    padding: 0 0 16px 87px;
    min-height: 38px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
    padding: 0 0 16px 79px;
    min-height: 37px;
    height: auto;
    width: 100%;
    position: relative; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .image-latest {
    padding: 0; } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
  height: 140px;
  width: 100%;
  margin: 0px 0px 16px;
  position: relative; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
    width: 94px;
    height: 52px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
    width: 69px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
    width: 67px;
    height: 37px;
    overflow: hidden;
    padding: 0;
    position: absolute; } }
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
  margin: 0;
  padding: 0; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest p {
    margin: 0; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
    padding: 0 0 0 115px;
    min-height: 68px; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
    padding: 0 0 0 87px;
    min-height: 38px; } }
@media (max-width: 480px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
    padding: 0 0 0 79px;
    min-height: 37px; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li {
    width: 100%;
    padding: 0;
    margin: 0 0 16px; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life {
    padding: 0; } }
.channel-life .tjp-latest-entry ul li:last-child .next-latest-life li:last-child {
  border: 0;
  padding: 0; }

@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li:last-child .next-latest-life li:last-child .detail-latest {
    border: 0;
    margin: 0; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li:last-child .next-latest-life li li {
    margin: 0; } }
@media (max-width: 768px) {
  .channel-life .tjp-latest-entry ul li {
    padding: 0 24px;
    margin: 0; } }
@media (max-width: 639px) {
  .channel-life .tjp-latest-entry ul li {
    padding: 0 12px;
    margin: 0; } }
.channel-life .tjp-latest-entry .seeall p {
  border-top: 2px solid #823A9D; }

.channel-life .tjp-control-paging li {
  margin: 0 5px; }

.channel-life .tjp-control-paging li a {
  background: #ffffff;
  box-shadow: none;
  cursor: pointer; }

.channel-life .tjp-control-paging li a.tjp-active {
  background: #823A9D;
  box-shadow: none; }

.channel-life .tjpslide .tjp-direction-nav a {
  top: 19px;
  width: 61px;
  background-size: 163px auto; }

@media (max-width: 768px) {
  .channel-life .tjpslide .tjp-direction-nav a {
    background-size: 100px;
    width: 48px; } }
@media (max-width: 639px) {
  .channel-life .tjpslide .tjp-direction-nav a {
    bottom: unset;
    height: 36px;
    width: 48px;
    top: 140px;
    background-size: 100px auto; } }
@media (max-width: 480px) {
  .channel-life .tjpslide .tjp-direction-nav a {
    top: 95px; } }
.channel-life .tjpslide .tjp-direction-nav a.tjp-next {
  background-position: -103px center; }

@media (max-width: 768px) {
  .channel-life .tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -52px center; } }
.channel-life .container-left .news-contributor .seeall {
  color: #823A9D; }

.channel-life .container-left .news-contributor .seeall p {
  border-top: 2px solid #823A9D; }

.channel-life .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
  background-color: #823A9D; }

.channel-life .date:before {
  background-color: #662482; }

.channel-life .full-banner .cp-bn-comty .detail-cp span span:before {
  top: 4px; }

.tjp-popup .box-login .password {
  margin: 2px 0 0; }

.tjp-popup .box-login h3.prof-name-log {
  text-align: center;
  padding: 30px 0 0;
  margin: 0; }

.tjp-popup .box-login form.prof-logout {
  padding: 0px 16px 20px; }

.tjp-popup .box-login form.prof-logout input {
  border: 0;
  background: #DD1E26;
  color: #fff;
  font-size: 18px;
  font-family: "Lato-Regular", sans-serif;
  text-transform: uppercase; }

.tjp-popup .box-login form .forgot-form {
  font-family: "Lato-Regular"; }

.tjp-popup .box-login .form-group {
  position: relative; }

.tjp-popup .box-login .form-group .icon-absolute {
  background: transparent url("../img-custom/TJP-intergrated--login_sign-up_2-1.png");
  position: absolute;
  height: 17px;
  width: 18px;
  bottom: 11px;
  left: 7px; }

.tjp-popup .box-login .form-group .top-link-icon-use {
  background-position: -34px 0px; }

.tjp-popup .box-login .form-group .top-link-icon-pass {
  background-position: -146px 0px; }

.tjp-popup .box-login .form-group #email-top {
  padding-left: 35px;
  margin: 5px 0px;
  width: 100%;
  font-family: "Lato-Regular"; }

.tjp-popup .box-login .form-group #password-top {
  padding-left: 35px;
  margin: 5px 0px;
  width: 100%;
  font-family: "Lato-Regular"; }

.tjp-popup .box-login span {
  color: #6B6B6A;
  font-size: 19px;
  font-family: "Lato-Regular"; }

.tjp-popup .box-login span a {
  color: #007FB1;
  font-size: 19px;
  text-decoration: underline; }

.tjp-popup .box-login .social-login {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding: 20px; }

.tjp-popup .box-login .social-login .btn {
  color: #FFF;
  margin: 8px 0px;
  border-radius: 0px;
  padding: 7px;
  border: medium none; }

.tjp-popup .box-login .social-login .btn span {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #FFF; }

.tjp-popup .box-login .social-login .btn-fb {
  color: #FFF;
  width: 100%;
  background: #374DA1 none repeat scroll 0% 0%; }

.tjp-popup .box-login .social-login .btn-fb span {
  position: relative;
  left: 5px; }

.tjp-popup .box-login .social-login .btn-g-plus {
  color: #FFF;
  width: 100%;
  background: #EA624F none repeat scroll 0% 0%; }

.tjp-popup .box-login .social-login .btn-g-plus span {
  position: relative;
  left: 5px; }

.tjp-popup .box-login .social-login .btn-linkedln {
  color: #FFF;
  width: 100%;
  background: #0080B2 none repeat scroll 0% 0%; }

.tjp-popup .box-login .social-login .btn-linkedln span {
  position: relative;
  left: 5px; }

.tjp-popup .box-login h3 {
  color: #272724;
  font-family: "Lato-Regular", sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin-top: 0px; }

.action-search button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none; }

.action-search input[type="text"] {
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .sea-color .showin-mobile-version,
  .sea-color .ads-mobile-leaderboard {
    border-bottom: 1px solid #722A14; } }
.sea-color .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #722A14; }

.sea-color .tjp-popup .box-login .forgot-form {
  color: #722A14; }

.sea-color .tjp-popup .box-login .btn-login-account {
  background: #722A14; }

.sea-color .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #722A14; }

.sea-color .tjpslide .date.news::before {
  background-color: #722A14; }

.sea-color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -41px -41px; }

.index-community.community .container-left .news-week .community-title,
.index_academia .container-left .news-week .community-title {
  display: none; }

.community .login::before,
.community .search,
.community .see-photo .title a,
.community .news-contributor .title a,
.community .see-photo .sub-title,
.community .news-contributor .sub-title,
.community .tjp-footer .link-footer a,
.community .tjp-footer .partner-footer ul li a {
  color: #F07E00; }

@media (max-width: 639px) {
  .community .tjpslide .banner-top {
    border-bottom: 1px solid #ddd; } }
.community .ads-mobile-leaderboard {
  border-bottom: 1px solid #F07E00; }

.community .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F07E00; }

.community .tjp-popup .box-login .forgot-form {
  color: #F07E00; }

.community .tjp-popup .box-login .btn-login-account {
  background: #F07E00; }

.community .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F07E00; }

.community .tjp-latest-entry .top-latest-entry .seeall {
  color: #F07E00; }

.community .tjp-latest-entry .seeall {
  color: #F07E00; }

.community .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-life-view {
  display: none; }

.community .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
  background-color: #F07E00; }

.community .tjp-topic .topic-bot-right .share-article {
  background-color: #F07E00; }

.community .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #F07E00; }

.community .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -81px -41px; }

@media (max-width: 768px) {
  .container-slide-ac {
    padding: 25px 24px;
    clear: both; } }
@media (max-width: 639px) {
  .container-slide-ac {
    padding: 25px 12px; } }
.community .tjpslide .detail-slide-caption .profile {
  position: absolute; }

.community .tjpslide .detail-slide-caption p {
  min-height: 48px;
  position: relative;
  padding-left: 60px;
  display: inline-block; }

.community .tjpslide .detail-slide-caption p span {
  clear: both;
  float: left;
  font-family: "Lato", sans-serif;
  font-size: 18px; }

@media (max-width: 768px) {
  .community .tjpslide .detail-slide-caption p span {
    font-size: 14px; }

  .community .tjpslide .detail-slide-caption p span:last-child {
    color: #828282; } }
.community .tjpslide .detail-slide-caption p .publisher-job {
  font-size: 16px; }

@media (max-width: 768px) {
  .community .tjpslide .detail-slide-caption p {
    display: inline-block;
    opacity: 1;
    visibility: visible; } }
.community .tjp-pargph-1 .small-image {
  width: 39px;
  height: 39px;
  overflow: hidden;
  border-radius: 100%;
  text-align: center;
  display: inline-block; }

.community .tjp-pargph-1 .small-image img {
  width: auto;
  height: 100%;
  vertical-align: middle; }

.academia_color .tjp-latest-entry > ul,
.academia_color .jak-pos-contact,
.academia_color .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.academia_color .see-photo .news-latest ul,
.academia_color .news-contributor .news-latest ul,
.academia_color .jak-pos-contact {
  border-color: #3F9EDC; }

.academia_color .login::before,
.academia_color .search,
.academia_color .see-photo .title a,
.academia_color .news-contributor .title a,
.academia_color .see-photo .sub-title,
.academia_color .news-contributor .sub-title,
.academia_color .tjp-footer .link-footer a,
.academia_color .tjp-footer .partner-footer ul li a {
  color: #3F9EDC; }

.academia_color .seeall,
.academia_color .see-photo a .desc-photo span.box-desc small,
.academia_color .news-contributor a .desc-photo span.box-desc small {
  color: #3F9EDC; }

.academia_color .suscribe input[type="submit"] {
  background-color: #3F9EDC; }

.academia_color .tjp-footer .suscribe #mc_embed_signup input.button,
.academia_color .container-right .suscribe #mc_embed_signup input.button {
  background-color: #3F9EDC; }

.academia_color .tjp-topic .topic-bot-right .share-article {
  background-color: #3F9EDC; }

.academia_color .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #3F9EDC; }

.academia_color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -121px -41px; }

.academia_color .ads-mobile-leaderboard {
  border-bottom: 1px solid #3F9EDC; }

@media (max-width: 639px) {
  .academia_color .tjp-footer .partner-footer .main-center {
    padding: 16px 12px 11px; } }
.index_academia .news-latest .detail-latest .user-latest {
  font-family: 'Lato-Light';
  color: #010100;
  font-size: 14px;
  line-height: 18px;
  display: block; }

.index_academia .container-academia-slide h1 {
  font-family: "Lato-Regular", sans-serif;
  color: #000; }

.index_academia .tjpslide .detail-slide-caption .profile {
  position: absolute; }

.index_academia .tjpslide .detail-slide-caption p {
  min-height: 48px;
  position: relative;
  padding-left: 60px;
  display: inline-block; }

.index_academia .tjpslide .detail-slide-caption p span {
  clear: both;
  float: left;
  font-family: "Lato-Regular", sans-serif;
  font-size: 18px; }

@media (max-width: 768px) {
  .index_academia .tjpslide .detail-slide-caption p span {
    font-size: 14px; }

  .index_academia .tjpslide .detail-slide-caption p span:last-child {
    color: #828282; } }
.index_academia .tjpslide .detail-slide-caption p .publisher-job {
  font-size: 16px; }

@media (max-width: 768px) {
  .index_academia .tjpslide .detail-slide-caption p {
    display: inline-block;
    opacity: 1;
    visibility: visible; } }
.index_academia .tjp-pargph-1 .small-image {
  width: 39px;
  height: 39px;
  overflow: hidden;
  border-radius: 100%;
  text-align: center;
  display: inline-block; }

.index_academia .tjp-pargph-1 .small-image img {
  width: auto;
  height: 100%;
  vertical-align: middle; }

.index_academia .main-working-paper .tjp-latest-entry {
  padding: 0px 25px 0px 25px; }

.index_academia .main-working-paper .tjp-latest-entry ul li {
  padding: 0; }

@media (max-width: 768px) {
  .index_academia .main-working-paper .tjp-latest-entry ul li {
    padding: 0 25px; } }
@media (max-width: 639px) {
  .index_academia .main-working-paper .tjp-latest-entry ul li {
    padding: 0 12px; } }
@media (max-width: 768px) {
  .index_academia .main-working-paper .tjp-latest-entry {
    padding: 0;
    margin-bottom: 0; } }
.index_academia .container-left .event-community {
  width: 100%; }

.index_academia .container-left .event-community .seeall {
  color: #3F9EDC; }

.index_academia .container-left .event-community .seeall p {
  border-top: 2px solid #3F9EDC;
  font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
  font-size: 16px; }

@media (max-width: 768px) {
  .index_academia .container-left .event-community .seeall p {
    font-size: 16px;
    padding-bottom: 16px; } }
@media (max-width: 639px) {
  .index_academia .container-left .event-community .seeall p {
    font-size: 14px; } }
@media (max-width: 768px) {
  .index_academia .container-left .event-community {
    padding: 16px 0 0;
    margin: 0; } }
.index_academia .tjp-latest-entry .top-latest-entry .seeall {
  color: #4DAEE3; }

.index_academia .tjp-latest-entry ul li.highlight .title-large::before {
  background-color: #4DAEE3; }

.index_academia .tjp-latest-entry ul li.highlight .date.today::before {
  background-color: #4DAEE3; }

.index_academia .bg-wsmoke h3 span {
  font-family: "Lato-Regular"; }

.academia_color .menu-active-breadcrumbs .breadcrumbs li:before {
  background-color: #3F9EDC; }

@media (max-width: 768px) {
  .academia_color .container .main-center {
    padding: 0 0 24px; } }
@media (max-width: 639px) {
  .academia_color .tjp-pargph-1 .tjpslide {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 16px;
    margin: 0; } }
@media (max-width: 768px) {
  .academia_color .detail-slide-caption p span {
    font-size: 14px; }

  .academia_color .detail-slide-caption p span:last-child {
    color: #828282; } }
@media (max-width: 768px) {
  .academia_color .showin-mobile-version {
    border-bottom: 1px solid #3F9EDC; }

  .academia_color .showin-mobile-version .btn-toggle.current a span {
    color: #3F9EDC;
    border-color: #3F9EDC; } }
.academia_color .container-left .news-contributor .seeall p {
  border-top: 2px solid #4DAEE3; }

.academia_color .container-left .news-contributor .news-week .title {
  margin: 20px 0 15px;
  color: #000; }

.academia_color .container-left .news-contributor .news-latest ul li {
  border: 0;
  margin: 0 0 20px; }

.academia_color .tjp-latest-entry .seeall p {
  border-top: 2px solid #4DAEE3;
  color: #4DAEE3; }

@media (max-width: 768px) {
  .academia_color .tjp-latest-entry .seeall {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .academia_color .tjp-latest-entry .seeall {
    padding: 0 12px; } }
.academia_color .tjp-latest-entry ul li .detail-latest {
  min-height: 97px; }

@media (max-width: 639px) {
  .academia_color .tjp-latest-entry ul li .detail-latest {
    min-height: 83px; } }
@media (max-width: 768px) {
  .academia_color .tjp-latest-entry ul li.highlight.top-highlight {
    background: #f3f3f3;
    padding: 20px 24px 16px; } }
@media (max-width: 639px) {
  .academia_color .tjp-latest-entry ul li.highlight.top-highlight {
    padding: 20px 12px 16px; } }
@media (max-width: 768px) {
  .academia_color .tjp-latest-entry ul li.highlight {
    padding: 20px 24px 0;
    margin: -16px 0 16px; } }
@media (max-width: 639px) {
  .academia_color .tjp-latest-entry ul li.highlight {
    padding: 20px 12px 16px; } }
@media (max-width: 768px) {
  .academia_color .tjp-latest-entry ul li.highlight .detail-latest {
    min-height: 0; } }
@media (max-width: 639px) {
  .academia_color .tjp-latest-entry ul li.highlight .detail-latest {
    min-height: 0; } }
.academia_color .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #3F9EDC; }

.academia_color .tjp-popup .box-login .forgot-form {
  color: #3F9EDC; }

.academia_color .tjp-popup .box-login .btn-login-account {
  background: #3F9EDC; }

.academia_color .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #3F9EDC; }

.academia_color .tjp-full-block-channel .main-container .big-img {
  padding: 0 0 24px; }

.academia_color .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-life-view {
  display: none; }

.academia_color .date::before {
  color: #3F9EDC; }

@media (max-width: 768px) {
  .multimedia-color .showin-mobile-version {
    border-bottom: 1px solid #009E97; }

  .multimedia-color .showin-mobile-version .btn-toggle.current a span {
    color: #009E97;
    border-color: #009E97; } }
@media (max-width: 768px) {
  .channel-life .showin-mobile-version {
    border-bottom: 1px solid #662482; }

  .channel-life .showin-mobile-version .btn-toggle.current a span {
    color: #662482;
    border-color: #662482; } }
.channel-life .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -161px -41px; }

.channel-life .ads-mobile-leaderboard {
  border-bottom: 1px solid #662482; }

@media (max-width: 768px) {
  .life_index .showin-mobile-version {
    border-bottom: 1px solid #662482; }

  .life_index .showin-mobile-version .btn-toggle.current a span {
    color: #662482;
    border-color: #662482; } }
.life_index .tjp-latest-entry .title-large:before {
  background-color: #823A9D; }

.life_index .tjp-latest-entry .latest-life a {
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }

.life_index .tjp-latest-entry li {
  border-bottom: 0px none; }

.date.life span,
.date.life {
  color: #000; }

.date.life:before {
  top: -3px;
  width: 3px; }

.channel-life .tjp-latest-entry > ul,
.channel-life .jak-pos-contact,
.channel-life .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.channel-life .see-photo .news-latest ul,
.channel-life .news-contributor .news-latest ul,
.channel-life .jak-pos-contact {
  border-color: #823A9D; }

.channel-life .login::before,
.channel-life .search,
.channel-life .see-photo .title a,
.channel-life .news-contributor .title a,
.channel-life .see-photo .sub-title,
.channel-life .news-contributor .sub-title,
.channel-life .tjp-footer .link-footer a,
.channel-life .tjp-footer .partner-footer ul li a {
  color: #823A9D; }

.channel-life .seeall,
.channel-life .see-photo a .desc-photo span.box-desc small,
.channel-life .news-contributor a .desc-photo span.box-desc small {
  color: #823A9D; }

.channel-life .tjp-footer .suscribe #mc_embed_signup input.button,
.channel-life .container-right .suscribe #mc_embed_signup input.button {
  background-color: #823A9D; }

.channel-life .suscribe input[type="submit"] {
  background-color: #823A9D; }

.channel-life .tjp-topic .topic-bot-right .share-article {
  background-color: #823A9D; }

.channel-life .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #823A9D; }

.channel-life .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #823A9D; }

.channel-life .tjp-popup .box-login .forgot-form {
  color: #823A9D; }

.channel-life .tjp-popup .box-login .btn-login-account {
  background: #823A9D; }

.channel-life .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #823A9D; }

.channel-life .tjp-latest-entry .top-latest-entry .seeall {
  color: #823A9D; }

.channel-life .tjp-latest-entry .seeall {
  color: #823A9D; }

.channel-life .tjp-latest-entry .seeall p {
  color: #823A9D; }

.channel-life .community .news-contributor .sub-title {
  color: #823A9D; }

.channel-life .next-latest-life li a {
  border: 0px none;
  padding: 0px; }

.channel-travel .full-banner .date::before {
  background-color: #6FB01E; }

.channel-travel .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #6FB01E; }

.channel-travel .tjp-popup .box-login .forgot-form {
  color: #6FB01E; }

.channel-travel .tjp-popup .box-login .btn-login-account {
  background: #6FB01E; }

.channel-travel .tjp-footer .suscribe #mc_embed_signup input.button,
.channel-travel .container-right .suscribe #mc_embed_signup input.button {
  background-color: #6FB01E; }

.channel-travel .ads-mobile-leaderboard {
  border-bottom: 1px solid #6FB01E; }

.channel-travel .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #6FB01E; }

.channel-travel .tjp-latest-entry .top-latest-entry .seeall {
  color: #6FB01E; }

.channel-travel .tjp-latest-entry .seeall {
  color: #6FB01E; }

.channel-travel .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -201px -41px; }

.channel-travel .full-banner .cp-bn-comty .detail-cp span span:before {
  top: 4px; }

.student.community .tjp-latest-entry > ul,
.student.community .jak-pos-contact,
.student.community .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.student.community .see-photo .news-latest ul,
.student.community .news-contributor .news-latest ul,
.student.community .jak-pos-contact {
  border-color: #FFCD00; }

.student.community .login::before,
.student.community .search {
  color: #FFCD00; }

.student.community .see-photo .title a,
.student.community .news-contributor .title a,
.student.community .see-photo .sub-title,
.student.community .news-contributor .sub-title,
.student.community .tjp-footer .link-footer a,
.student.community .tjp-footer .partner-footer ul li a {
  color: #bf9a00; }

.student.community .seeall,
.student.community .see-photo a .desc-photo span.box-desc small,
.student.community .news-contributor a .desc-photo span.box-desc small {
  color: #bf9a00; }

.student.community .suscribe input[type="submit"] {
  background-color: #FFCD00;
  color: #000; }

.student.community .tjp-footer .suscribe #mc_embed_signup input.button,
.student.community .container-right .suscribe #mc_embed_signup input.button {
  background-color: #FFCD00;
  color: #000; }

.student.community .ads-mobile-leaderboard {
  border-bottom: 1px solid #FFCD00; }

.student.community .tjp-topic .topic-bot-right .share-article {
  background-color: #FFCD00;
  color: #000; }

.student.community .tjp-topic .topic-bot-right .share-article:after {
  border-top-color: #FFCD00; }

.student.community .tjp-pargph-1 .tjpslide .banner-top {
  border-bottom: 0; }

.student.community .tjp-pargph-1 .tjpslide .banner-top .tjp-detail-caption .date:before {
  background-color: #FFCD00; }

@media (max-width: 639px) {
  .student.community .tjp-pargph-1 .tjpslide {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }
.student.community .showin-mobile-version .btn-toggle.current a span {
  border-color: #FFCD00; }

@media (max-width: 768px) {
  .student.community .showin-mobile-version {
    border-bottom: 1px solid #FFCD00; } }
.student.community .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFCD00; }

.student.community .tjp-popup .box-login .forgot-form {
  color: #BF9A00; }

.student.community .tjp-popup .box-login .btn-login-account {
  background: #FFCD00; }

.student.community .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFCD00; }

.student.community .container-left .news-contributor .seeall {
  color: #bf9a00; }

.student.community .container-left .news-contributor .seeall p {
  border-top: 2px solid #FFCD00; }

.student.community .login::before,
.student.community .search {
  color: #FFCD00; }

.student.community .tjp-footer .link-footer a {
  color: #bf9a00; }

.student.community .news-contributor .sub-title {
  color: #bf9a00; }

.student.community .tjp-latest-entry .title-large::before {
  background-color: #FFCD00; }

@media (max-width: 768px) {
  .student.community .tjp-latest-entry ul li .detail-latest {
    min-height: 68px; } }
@media (max-width: 639px) {
  .student.community .tjp-latest-entry ul li .detail-latest {
    min-height: 38px; } }
@media (max-width: 480px) {
  .student.community .tjp-latest-entry ul li .detail-latest {
    min-height: 37px; } }
.student.community .tjp-latest-entry .seeall {
  color: #bf9a00; }

.student.community .tjp-latest-entry .seeall p {
  border-top: 2px solid #FFCD00;
  color: #bf9a00; }

.student.community .tjp-footer .suscribe input[type="submit"] {
  background-color: #FFCD00;
  color: #000; }

.student.community .tjp-footer .partner-footer ul li a {
  color: #bf9a00; }

.student.community .suscribe input[type="submit"] {
  color: #000; }

.student.community .date::before,
.student.community .date.today::before {
  background-color: #FFCD00; }

.student.community .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-life-view {
  display: none; }

.student.community .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -241px -41px; }

.signup .form-group input {
  border-width: medium medium 1px;
  border-style: none none solid;
  border-color: -moz-use-text-color -moz-use-text-color #A3ABB3;
  border-radius: 0px;
  box-shadow: none; }

.signup .btn-red {
  background: #B42F25 none repeat scroll 0% 0%;
  color: #FFF;
  font-family: "Lato-Regular", sans-serif;
  font-size: 22px;
  width: 100%;
  border-radius: 0px;
  margin: 10px 0px 20px; }

.user .sub-channel-menu,
.user .only-news-view,
.user .only-jobs-view,
.user .only-travel-view,
.user .only-life-view {
  display: none; }

.user .jak-pos-contact {
  border-color: #DD1E26; }

.user .login,
.user .search,
.user .fa-user::before {
  color: #DD1E26; }

.user .tjp-profile .profile-circl-lg {
  width: 104px;
  height: 104px;
  border-radius: 100%;
  margin-top: -60px;
  overflow: hidden;
  position: relative; }

.user .tjp-profile .profile-circl-lg img {
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  margin: 0 auto;
  left: -50%;
  right: -50%; }

.user .tjp-profile .tjp-latest-entry {
  height: auto !important; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-News:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Politics:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-World:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-National:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-City:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Business:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Todays:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Jplus:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Balibuzz:before {
  background-color: #DD1E26; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Seasia:before {
  background-color: #722A14; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Community:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Youth:before {
  background-color: #F07E00; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Opinion:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Academia:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Interview:before {
  background-color: #3F9EDC; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Life:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Style:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Entertainment:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Arts:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Science:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-People:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Health:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Parents:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Food:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Books:before {
  background-color: #823A9D; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Travel:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Destinations:before {
  background-color: #6FB01E; }

.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Multimedia:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Video:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Photo:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Longform:before {
  background-color: #009E97; }

@media (max-width: 768px) {
  .user .tjp-profile .tjp-latest-entry {
    padding: 0 24px;
    width: 100%; }

  .user .tjp-profile .tjp-latest-entry li {
    padding-right: 0; } }
@media (max-width: 768px) {
  .user .tjp-profile .detail-user-profile {
    padding: 0 12px; } }
.user .tjp-profile .detail-user-profile .photo-profile {
  width: 140px;
  position: absolute; }

@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .photo-profile {
    position: relative;
    width: 104px;
    margin: 0 auto; } }
@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .photo-profile .follow-profile ul {
    text-align: center; } }
.user .tjp-profile .detail-user-profile .activity-profile {
  width: 100%;
  position: relative;
  padding: 0 0 0 130px; }

@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .activity-profile {
    clear: both;
    padding: 20px 0 0;
    text-align: center; } }
.user .tjp-profile .detail-user-profile .activity-profile .name {
  font-family: "Lora", serif; }

@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .activity-profile .name {
    font-size: 22px; } }
.user .tjp-profile .detail-user-profile .activity-profile .contributor {
  font-family: "Lato-Regular"; }

@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .activity-profile .contributor {
    font-size: 18px; } }
.user .tjp-profile .detail-user-profile .activity-profile p {
  font-family: "Lato-Regular"; }

@media (max-width: 480px) {
  .user .tjp-profile .detail-user-profile .activity-profile p {
    font-size: 16px; } }
.user .tjp-profile .post-profile {
  margin: 32px 0; }

.user .tjp-profile .post-profile h5 {
  font-family: "Lato-Regular", sans-serif;
  line-height: normal;
  padding: 8px 0 0px; }

@media (max-width: 768px) {
  .user .tjp-profile .post-profile {
    padding: 0 24px; } }
.paperedition .banner-leftpaper {
  text-align: center;
  margin-bottom: 16px; }

.paperedition .banner-leftpaper img {
  max-width: 100%;
  max-height: 100%; }

.paperedition .tjp-latest-entry {
  height: auto !important; }

.paperedition .tjp-latest-entry ul li .image-latest {
  padding: 0; }

.paperedition .container-right .tjp-sosmed .only-news-view,
.paperedition .container-right .tjp-sosmed .only-life-view,
.paperedition .container-right .tjp-sosmed .only-jobs-view,
.paperedition .container-right .tjp-sosmed .only-travel-view {
  display: none;
  opacity: 0;
  visibility: hidden; }

.paperedition .paper-edition .tjp-pargph-2 .container-right {
  margin: 0; }

.paperedition .paper-edition .tjp-pargph-2 .title-content {
  margin: 0;
  font-size: 28px;
  font-family: "Lato-Regular"; }

.paperedition .paper-edition .tjp-pargph-2 .header-left .title-content {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin-bottom: 16px; }

.paperedition .paper-edition .tjp-pargph-2 .choose {
  font-size: 16px;
  font-family: "Lato-Regular", sans-serif;
  padding-bottom: 5px;
  float: left;
  width: 100%;
  text-transform: lowercase; }

.paperedition .paper-edition .tjp-pargph-2 .paper-edition-left .choose {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px; }

.paperedition .paper-edition .tjp-pargph-2 .paper-edition-left .box-paper.speak-banner {
  display: none; }

.ui-datepicker.ui-widget {
  background: #ffffff;
  border: 1px solid #e5e6e6; }

.ui-datepicker.ui-widget .ui-widget-header {
  background: #ffffff;
  border: 0; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-title span {
  color: #313534;
  font-family: "Lato-Regular"; }

.ui-datepicker.ui-widget .ui-widget-header .ui-state-hover {
  background: #DD1E26;
  color: #ffffff;
  border-radius: 100%;
  border: 0; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev.ui-state-hover:after,
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next.ui-state-hover:after {
  color: #fff; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev span {
  color: #313534;
  background-image: none; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev:after {
  content: "\f053";
  color: #313534;
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  left: 6px; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next span {
  color: #313534;
  background-image: none; }

.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next:after {
  content: "\f054";
  color: #313534;
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  right: 6px; }

.ui-datepicker.ui-widget .ui-state-default {
  background: #ffffff;
  color: #313534;
  text-align: center;
  border: 0;
  width: 30px;
  height: 30px;
  padding: 5px 0;
  border-radius: 100%;
  transition: background-color 0.5s ease; }

.ui-datepicker.ui-widget .ui-state-default:hover {
  transition: background-color 0.5s ease;
  background: #DD1E26;
  color: #ffffff;
  border-radius: 100%; }

.ui-datepicker.ui-widget .ui-state-default.ui-state-active,
.ui-datepicker.ui-widget .ui-state-default.ui-state-highlight {
  background: #DD1E26;
  color: #ffffff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  padding: 5px 0; }

.tjp-video a:before {
  display: none; }

.tjp-video .headline-img:before {
  top: 42%; }

@media (max-width: 639px) {
  .tjp-video .headline-img {
    position: relative; }

  .tjp-video .headline-img:before {
    position: absolute;
    content: "";
    left: 11px;
    bottom: 10px;
    top: unset !important;
    margin: 0 auto;
    width: 52px;
    height: 42px;
    background-image: url("../img/icon-multimedia.svg");
    background-repeat: no-repeat;
    background-position: -4px -76px;
    background-size: 60px; } }
.tjp-video .image-latest:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 60px;
  height: 43px;
  background-image: url("../img/icon-multimedia.svg");
  background-repeat: no-repeat;
  background-position: 4px -80px;
  background-size: 60px; }

.tjp-photo a:before {
  display: none; }

.tjp-photo .headline-img:before {
  top: 42%; }

@media (max-width: 639px) {
  .tjp-photo .headline-img {
    position: relative; }

  .tjp-photo .headline-img:before {
    position: absolute;
    content: "";
    left: 11px;
    bottom: 10px;
    top: unset !important;
    margin: 0 auto;
    width: 52px;
    height: 42px;
    background-image: url("../img/icon-multimedia.svg");
    background-repeat: no-repeat;
    background-position: -4px -6px;
    background-size: 60px; } }
.tjp-photo .image-latest:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 60px;
  height: 43px;
  background-image: url("../img/icon-multimedia.svg");
  background-repeat: no-repeat;
  background-position: 4px -11px;
  background-size: 60px; }

.tjp-gallery .image-latest {
  max-height: 203px;
  overflow: hidden; }

@media (max-width: 768px) {
  .tjp-gallery .image-latest {
    max-height: 196px; } }
@media (max-width: 639px) {
  .tjp-gallery .image-latest {
    max-height: 347px; } }
@media (max-width: 480px) {
  .tjp-gallery .image-latest {
    max-height: 256px; } }
@media (max-width: 320px) {
  .tjp-gallery .image-latest {
    max-height: 166px; } }
.tjp-gallery.tjp-photo .tjpslide {
  padding: 0; }

.multimedia-color .tjp-popup .box-login:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #009E97; }

.multimedia-color .tjp-popup .box-login .forgot-form {
  color: #009E97; }

.multimedia-color .tjp-popup .box-login .btn-login-account {
  background: #009E97; }

.multimedia-color .action-search:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #009E97; }

@media (max-width: 768px) {
  .multimedia-color .tjpslide.tjp-md-slide {
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 20px; } }
.multimedia-color .tjp-md-headline .headline-img,
.multimedia-color .tjp-md-slide .headline-img {
  height: 510px;
  overflow: hidden; }

@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .headline-img:before,
  .multimedia-color .tjp-md-slide .headline-img:before {
    top: 28%; } }
@media (max-width: 480px) {
  .multimedia-color .tjp-md-headline .headline-img:before,
  .multimedia-color .tjp-md-slide .headline-img:before {
    top: 24%; } }
@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .headline-img,
  .multimedia-color .tjp-md-slide .headline-img {
    max-height: 288px; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .headline-img,
  .multimedia-color .tjp-md-slide .headline-img {
    max-height: 239px; } }
@media (max-width: 480px) {
  .multimedia-color .tjp-md-headline .headline-img,
  .multimedia-color .tjp-md-slide .headline-img {
    max-height: 180px; } }
.multimedia-color .tjp-md-headline .tjp-detail-caption,
.multimedia-color .tjp-md-slide .tjp-detail-caption {
  background: url(../img/gradasi-03.png);
  background-position: 0 top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  padding: 15px 0 24px; }

.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
  width: 1120px;
  margin: 0 auto;
  padding: 0 24px 0 100px;
  position: relative; }

.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
  position: absolute;
  width: 100px;
  height: 60px;
  left: 0;
  bottom: 0;
  background: url(../img/icon-multimedia.svg);
  background-repeat: no-repeat;
  background-position: -7px -122px;
  background-size: 95px; }

@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
    background-position: 8px -106px;
    background-size: 87px; } }
.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-cam-cap,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-cam-cap {
  position: absolute;
  width: 100px;
  height: 60px;
  left: 0;
  bottom: 0;
  background: url(../img/icon-multimedia.svg);
  background-repeat: no-repeat;
  background-position: -7px -12px;
  background-size: 95px; }

@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
    width: 100%; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
    padding: 0 12px; }

  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-cam-cap,
  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-cam-cap,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
    display: none; }

  .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .title-slide-caption,
  .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .title-slide-caption {
    line-height: normal; } }
.multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption,
.multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption {
  line-height: 36px; }

.multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
.multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
  color: #ffffff;
  font-size: 36px; }

@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
  .multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
    font-size: 18px;
    color: #fff; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
  .multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
    color: #000; } }
.multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
  font-size: 14px;
  color: #fff; }

.multimedia-color .tjp-md-headline .tjp-detail-caption a .date:before,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date:before {
  background-color: #009E97;
  top: -3px;
  bottom: 1px; }

.multimedia-color .tjp-md-headline .tjp-detail-caption a .date span,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date span {
  font-size: 14px; }

.multimedia-color .tjp-md-headline .tjp-detail-caption a .date span:before,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date span:before {
  top: 5px; }

@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption a .date span:before,
  .multimedia-color .tjp-md-slide .tjp-detail-caption a .date span:before {
    background-color: #000; } }
@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
  .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
    font-size: 16px; } }
@media (max-width: 680px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
  .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
    color: #fff; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
  .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
    color: #000; } }
@media (max-width: 768px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption,
  .multimedia-color .tjp-md-slide .tjp-detail-caption {
    position: absolute;
    padding: 12px 0; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-detail-caption,
  .multimedia-color .tjp-md-slide .tjp-detail-caption {
    position: relative;
    background: transparent;
    padding: 12px 0; } }
@media (max-width: 680px) {
  .multimedia-color .tjp-md-headline .tjp-direction-nav a,
  .multimedia-color .tjp-md-slide .tjp-direction-nav a {
    top: 0; } }
@media (max-width: 639px) {
  .multimedia-color .tjp-md-headline .tjp-direction-nav a,
  .multimedia-color .tjp-md-slide .tjp-direction-nav a {
    top: 125px; } }
@media (max-width: 480px) {
  .multimedia-color .tjp-md-headline .tjp-direction-nav a,
  .multimedia-color .tjp-md-slide .tjp-direction-nav a {
    top: 95px; } }
.multimedia-color .tjp-md-headline .tjp-direction-nav .tjp-next,
.multimedia-color .tjp-md-slide .tjp-direction-nav .tjp-next {
  right: 0; }

.multimedia-color .menu-active-breadcrumbs .breadcrumbs li:before {
  background-color: #009E97;
  width: 8px;
  height: 8px; }

.multimedia-color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -281px -41px; }

.index_photo .main-single-page .title,
.index_video .main-single-page .title,
.multimedia .main-single-page .title {
  font-family: "Lato-Regular"; }

.index_photo .main-single-page .title:before,
.index_video .main-single-page .title:before,
.multimedia .main-single-page .title:before {
  top: -1px;
  bottom: 8px; }

.index_photo .photo-gallery,
.index_video .photo-gallery,
.multimedia .photo-gallery {
  width: 774px;
  padding: 28px 25px 0px 0px; }

@media (max-width: 768px) {
  .index_photo .photo-gallery,
  .index_video .photo-gallery,
  .multimedia .photo-gallery {
    padding: 0 12px;
    width: 100%; } }
@media (max-width: 639px) {
  .index_photo .photo-gallery,
  .index_video .photo-gallery,
  .multimedia .photo-gallery {
    padding: 0; } }
.index_photo .main-md-content .main-container,
.index_video .main-md-content .main-container,
.multimedia .main-md-content .main-container {
  margin: 0; }

.index_photo .main-md-content .tjp-photo-gallery li .detail-latest,
.index_video .main-md-content .tjp-photo-gallery li .detail-latest,
.multimedia .main-md-content .tjp-photo-gallery li .detail-latest {
  padding: 8px 0 0; }

@media (max-width: 768px) {
  .index_photo .main-md-content .tjp-photo-gallery li,
  .index_video .main-md-content .tjp-photo-gallery li,
  .multimedia .main-md-content .tjp-photo-gallery li {
    border-bottom: 1px solid #f3f3f3;
    padding: 16px 8px 11px;
    margin: 0;
    min-height: 0; } }
@media (max-width: 639px) {
  .index_photo .main-md-content .tjp-photo-gallery li,
  .index_video .main-md-content .tjp-photo-gallery li,
  .multimedia .main-md-content .tjp-photo-gallery li {
    border-bottom: 0; } }
.index_photo .main-md-content .main-single-page li .detail-latest,
.index_video .main-md-content .main-single-page li .detail-latest,
.multimedia .main-md-content .main-single-page li .detail-latest {
  padding: 8px 0 0; }

@media (max-width: 768px) {
  .index_photo .main-md-content .main-single-page li,
  .index_video .main-md-content .main-single-page li,
  .multimedia .main-md-content .main-single-page li {
    border-bottom: 1px solid #f3f3f3;
    padding: 16px 8px 11px;
    margin: 0;
    min-height: 0; } }
@media (max-width: 639px) {
  .index_photo .main-md-content .main-single-page li,
  .index_video .main-md-content .main-single-page li,
  .multimedia .main-md-content .main-single-page li {
    border-bottom: 0; } }
.multimedia-max-width {
  max-width: 1365px;
  margin: 0px auto;
  background: #FFF none repeat scroll 0% 0%; }

.top-video {
  padding: 24px 0 0; }

.top-video .main-center.main-md-content {
  padding: 0 24px; }

.top-video.theaterActive {
  background: #000; }

.top-video.theaterActive .main-center.video-preview {
  background: #000000;
  height: 575px; }

.top-video.theaterActive .main-center.video-preview .video-player {
  padding-right: 0;
  height: 575px; }

.top-video.theaterActive .main-center.video-preview .video-scroll {
  display: none;
  visibility: hidden;
  opacity: 0; }

#theaterMode {
  padding: 0 15px;
  height: 22px;
  background-image: url("../img/theater-mode.png");
  background-repeat: no-repeat; }

@media (max-width: 768px) {
  #theaterMode {
    display: none; } }
@media (min-width: 1024px) {
  .top-video.theaterActive .video-player .video-forFixed #my-video {
    width: 1072px !important; }

  .top-video.theaterActive .video-player .video-forFixed #my-video.jw-flag-fullscreen {
    width: 100% !important; } }
.top-video.theaterActive .video-player .video-forFixed.fixedMode.fixedPlay #my-video {
  width: 300px !important; }

.top-video.theaterActive .video-player .video-forFixed.fixedMode.fixedPlay #my-video.jw-flag-fullscreen {
  width: 100% !important; }

@media (min-width: 1024px) {
  .video-forFixed #my-video {
    width: 910px !important; }

  .video-forFixed #my-video.jw-flag-fullscreen {
    width: 100% !important; } }
.video-forFixed.fixedMode.fixedPlay #my-video {
  position: fixed !important;
  width: 300px !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  bottom: 0;
  z-index: 700;
  right: 100px;
  transition: all 0.5s ease-in-out; }

.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .title-next {
  top: 10%; }

.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .title-next h3 {
  font-size: 12px;
  margin-top: 5px; }

.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .jw-display-icon-container {
  top: 30%;
  width: 56px;
  height: 56px; }

.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .jw-display-icon-container a.next-icon-btn {
  background-position: -18px -6px;
  background-size: 90px;
  width: 56px;
  height: 56px; }

.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .cancel-btn {
  font-size: 16px;
  top: 25%; }

.event-other .other-title {
  padding-left: 10px;
  font-family: 'Lato-Regular';
  color: #000; }

.event-other .other-title:before {
  content: "";
  background: #009E97;
  width: 3px;
  left: 0;
  top: 0px;
  bottom: 8px;
  position: absolute; }

.detail_video .content-gallery .multimedia-max-width {
  padding: 12px 0 0; }

.detail_video .main-container .jobs.news-single-page .detail-latest {
  padding: 16px 0 0; }

.detail_video .main-container .jobs.news-single-page .detail-latest h5 {
  padding: 0;
  font-size: 18px; }

.detail_video .main-center.video-preview {
  padding: 0px 24px;
  height: 513px; }

.detail_video .main-center.video-preview .video-player {
  width: 100%;
  height: 513px;
  text-align: center;
  padding-right: 162px;
  position: relative;
  background: #fff; }

.detail_video .main-center.video-preview .video-player video {
  max-width: 100%; }

.detail_video .main-center.video-preview .video-player .jwplayer {
  width: 100% !important;
  min-height: 100%;
  max-height: 100%; }

@media (max-width: 768px) {
  .detail_video .main-center.video-preview .video-player {
    padding-right: 0;
    height: auto; } }
.detail_video .main-center.video-preview .video-scroll {
  width: 161px;
  height: 513px;
  position: absolute;
  right: 25px;
  top: 0;
  background: #ffffff;
  padding: 0 0 0 24px;
  overflow-y: scroll; }

.detail_video .main-center.video-preview .video-scroll ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.detail_video .main-center.video-preview .video-scroll ul li {
  padding: 10px 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  position: relative; }

.detail_video .main-center.video-preview .video-scroll ul li:last-child {
  border-bottom: 0; }

.detail_video .main-center.video-preview .video-scroll ul li .display-thumbnail-video {
  width: 100%;
  height: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative; }

.detail_video .main-center.video-preview .video-scroll ul li .content-video-view {
  position: relative;
  height: auto;
  padding-left: 0; }

.detail_video .main-center.video-preview .video-scroll ul li p {
  color: #000000;
  font-size: 14px;
  font-family: "Lora", serif;
  margin: 0;
  overflow: hidden;
  height: auto; }

.detail_video .main-center.video-preview .video-scroll ul li span.view-video {
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  font-family: "Lato-Regular", sans-serif;
  font-weight: 300; }

.detail_video .main-center.video-preview .video-scroll ul li span.timer-video {
  position: absolute;
  top: unset;
  background: rgba(0, 158, 151, 0.5);
  padding: 1px 2px;
  font-size: 10px;
  font-family: "Lato-Regular", sans-serif;
  font-weight: 300;
  color: #ffffff;
  bottom: 0; }

.detail_video .main-center.video-preview .video-scroll ul li:first-child {
  padding: 0 0 10px; }

.detail_video .main-center.video-preview .video-scroll ul li:last-child {
  padding: 10px 0 0; }

.main-center.main-md-content {
  padding: 0 23px 20px; }

.main-md-content .main-single-page .date::before {
  background-color: #009E97;
  top: -3px;
  bottom: 3px; }

.single-page .jak-post-issue,
.multiple-page .jak-post-issue {
  display: none;
  visibility: hidden; }

.single-page .prof-pict,
.multiple-page .prof-pict {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  overflow: hidden;
  position: relative; }

.single-page .prof-pict img,
.multiple-page .prof-pict img {
  max-width: unset;
  position: absolute;
  margin: 0px auto;
  text-align: center;
  float: none;
  left: -50%;
  right: -50%;
  height: 100%;
  width: auto; }

@media (max-width: 768px) {
  .single-page .prof-pict,
  .multiple-page .prof-pict {
    width: 42px;
    height: 42px; } }
.single-page .scroll,
.multiple-page .scroll {
  height: 500px; }

.main-multiple-page .list-single-page,
.main-single-page .list-single-page {
  margin: 0; }

.main-multiple-page .list-single-page li,
.main-single-page .list-single-page li {
  position: relative; }

.main-multiple-page .list-single-page li .col-md-1.col-xs-2,
.main-single-page .list-single-page li .col-md-1.col-xs-2 {
  width: 62px;
  height: 62px; }

.main-multiple-page .list-single-page li .detail-single,
.main-single-page .list-single-page li .detail-single {
  min-height: 62px; }

@media (max-width: 768px) {
  .main-multiple-page .list-single-page li .col-md-1.col-xs-2,
  .main-single-page .list-single-page li .col-md-1.col-xs-2 {
    width: 42px;
    height: 42px; }

  .main-multiple-page .list-single-page li .detail-single,
  .main-single-page .list-single-page li .detail-single {
    min-height: 42px; } }
.main-multiple-page .list-single-page .no-img-writer .detail-single,
.main-single-page .list-single-page .no-img-writer .detail-single {
  padding: 0; }

.main-multiple-page .posting,
.main-single-page .posting {
  margin: 12px 0 32px; }

.main-multiple-page .created,
.main-single-page .created {
  padding: 5px 0 32px; }

.main-multiple-page .tjp-topic .topic-top-right ul li a,
.main-single-page .tjp-topic .topic-top-right ul li a {
  text-align: left;
  background: #e3e3e3;
  word-break: break-all; }

.main-multiple-page .tjp-detail-news,
.main-single-page .tjp-detail-news {
  padding-right: 0; }

.main-multiple-page .tjp-detail-news .tjp-related,
.main-single-page .tjp-detail-news .tjp-related {
  padding: 0 0 0 10px;
  background: #fff; }

.tjp-md-headline.up-banner,
.tjpslide.tjp-md-slide.up-banner,
.detail_photo #thumb-detail-slide {
  margin: 0 auto;
  max-width: 1365px;
  float: none;
  clear: both;
  display: block; }

.detail_photo #slide-detail {
  display: inline-block; }

.other-title {
  font-family: "Lato-Regular", sans-serif;
  font-size: 28px;
  position: relative;
  z-index: 10;
  padding-left: 0;
  border: 0;
  margin: 32px 0; }

.detail_photo .main-container .jobs.news-single-page .detail-latest {
  padding: 16px 0 0; }

.detail_photo .main-container .jobs.news-single-page .detail-latest h5 {
  padding: 0;
  font-size: 18px; }

.detail_photo .tjp-slider {
  background: #ffffff;
  max-width: 1365px;
  margin: 0 auto;
  left: 0;
  right: 0;
  float: none;
  clear: both; }

.detail_photo .tjp-slider .caption-detail {
  background: url(../img/gradasi-03.png);
  background-position: 0 top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 30px 20px 20px; }

.detail_photo .tjp-slider .caption-detail .caption-inner {
  width: 1120px;
  margin: 0 auto;
  padding: 0 24px; }

.detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
  width: 800px;
  float: left;
  position: relative; }

.detail_photo .tjp-slider .caption-detail .caption-inner .caption-content p {
  color: #ffffff;
  margin: 0;
  font-family: "Lato-Regular", sans-serif;
  font-size: 16px; }

@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content p {
    color: #000000;
    max-height: none;
    overflow: visible; } }
@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
    padding: 20px 24px;
    max-height: 80px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }

  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content:after {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    display: block;
    height: 20px;
    z-index: 20;
    cursor: pointer; } }
@media (max-width: 639px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
    padding: 20px 12px; } }
@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content.height-max {
    max-height: 800px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s; }

  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content.height-max:after {
    content: ""; } }
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
  float: right;
  position: relative;
  width: 226px;
  min-height: 42px;
  right: 0;
  top: 10px;
  margin: 0 auto; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper {
  position: absolute;
  width: 100%; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper a {
  display: inline-block;
  cursor: pointer; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button {
  display: inline-block;
  bottom: 0;
  top: 0;
  margin: 0;
  position: relative;
  border-radius: 50%; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button:last-child {
  margin-bottom: 0; }

@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button:last-child {
    vertical-align: text-bottom; } }
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating {
  z-index: 40;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2;
  font-size: 24px;
  text-align: center;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  width: 38px;
  height: 38px; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating:before {
  content: "\f1e0";
  font-family: FontAwesome; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating-shadow {
  width: 54px;
  height: 54px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating-clicked .button-floating {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  border: 2px solid #b2b2b2;
  color: #b2b2b2;
  font-size: 24px;
  text-align: center; }

.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub .fa:before {
  vertical-align: text-bottom; }

@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub .fa {
    vertical-align: text-bottom; } }
@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
    position: absolute;
    right: 24px;
    top: -60px; } }
@media (max-width: 639px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
    right: 12px;
    top: -50px; } }
@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail .caption-inner {
    width: 100%;
    padding: 0; }

  .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
    width: 100%; } }
@media (max-width: 768px) {
  .detail_photo .tjp-slider .caption-detail {
    position: relative;
    width: 100%;
    padding: 0;
    background: transparent; } }
@media (max-width: 639px) {
  .detail_photo .tjp-slider .caption-detail {
    padding: 0; } }
.detail_photo .tjp-slider .tjp-direction-nav a {
  background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
  width: 48px; }

.detail_photo .tjp-slider .tjp-direction-nav .tjp-prev {
  background-position: 0 -5px; }

.detail_photo .tjp-slider .tjp-direction-nav .tjp-next {
  right: 0px;
  background-position: 49px -5px; }

@media (max-width: 768px) {
  .detail_photo .tjp-slider #slide-detail .tjp-direction-nav {
    display: none; } }
.detail_photo #thumb-detail-slide {
  width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 10; }

.detail_photo #thumb-detail-slide ul.slides li {
  border: 2px solid transparent;
  margin-left: 1px; }

.detail_photo #thumb-detail-slide ul.slides li.tjp-active-slide {
  border: 2px solid #009E97; }

.detail_photo #thumb-detail-slide .tjp-viewport {
  height: auto !important; }

.detail_photo .thumb-slide-container {
  background: #ffffff;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px; }

.detail_photo .thumb-slide-container h3 {
  color: #000000;
  text-align: center;
  position: relative;
  font-style: italic;
  font-size: 20px; }

.detail_photo .tjp-footer .suscribe input[type="submit"] {
  display: block; }

.detail_photo .gallery-detail .list-multiple-page {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 24px; }

.list-multiple-page .detail-single .name-post {
  font-family: "Lora", serif; }

.list-multiple-page .detail-single .name-post p {
  font-family: "Lato-Regular"; }

.gallery-detail p {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.9); }

.gallery-detail p,
.gallery-detail span {
  font-family: "Lora", serif; }

.gallery-detail .posted {
  font-family: "Lato-Regular"; }

.gallery-detail .title-large {
  font-family: "Lora", serif; }

.button-floating-shadow {
  position: absolute;
  z-index: 20;
  top: 24px;
  border-radius: 50%; }

.button-sub:hover,
.button-floating:hover + .button-floating-shadow,
.button-floating-clicked .button-floating-shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.button-sub {
  opacity: 0;
  z-index: 20;
  width: 38px;
  height: 38px;
  display: inline-block;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }

.button-floating-clicked-out .button-sub {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.button-floating-clicked .button-sub {
  opacity: 1;
  cursor: pointer;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

.button-sub[data-color=purple] {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.button-sub[data-color=purple] .fa:before {
  vertical-align: unset; }

.button-floating-clicked .button-sub[data-color=purple] {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.wa-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .wa-hover .button-sub {
    border-color: #43D854 !important;
    background-color: #43D854;
    color: #fff !important; } }
.wa-hover:hover .button-sub {
  border-color: #43D854 !important;
  background-color: #43D854;
  color: #fff !important; }

.button-sub[data-color=green] {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.button-floating-clicked .button-sub[data-color=green] {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.twit-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .twit-hover .button-sub {
    border-color: #50BCE0 !important;
    background-color: #50BCE0 !important;
    color: #fff !important; } }
.twit-hover:hover .button-sub {
  border-color: #50BCE0 !important;
  background-color: #50BCE0 !important;
  color: #fff !important; }

.pint-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .pint-hover .button-sub {
    border-color: #bd081c !important;
    background-color: #bd081c !important;
    color: #fff !important; } }
.pint-hover:hover .button-sub {
  border-color: #bd081c !important;
  background-color: #bd081c !important;
  color: #fff !important; }

.linkedin-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .linkedin-hover .button-sub {
    border-color: #0077B5 !important;
    background-color: #0077B5 !important;
    color: #fff !important; } }
.linkedin-hover:hover .button-sub {
  border-color: #0077B5 !important;
  background-color: #0077B5 !important;
  color: #fff !important; }

.button-sub[data-color=pink] {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.button-floating-clicked .button-sub[data-color=pink] {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.link-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .link-hover .button-sub {
    border-color: #0077B5 !important;
    background-color: #0077B5 !important;
    color: #fff !important; } }
.link-hover:hover .button-sub {
  border-color: #0077B5 !important;
  background-color: #0077B5 !important;
  color: #fff !important; }

.button-sub[data-color=indigo] {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.button-floating-clicked .button-sub[data-color=indigo] {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.fb-hover .button-sub {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid #b2b2b2;
  color: #b2b2b2; }

@media (max-width: 768px) {
  .fb-hover .button-sub {
    border-color: #374E9E !important;
    background-color: #374E9E !important;
    color: #fff !important; } }
.fb-hover:hover .button-sub {
  border-color: #374E9E !important;
  background-color: #374E9E !important;
  color: #fff !important; }

.button-floating-clicked.button-sub-purple-clicked .button-sub[data-color=purple],
.button-floating-clicked.button-sub-green-clicked .button-sub[data-color=green],
.button-floating-clicked.button-sub-pink-clicked .button-sub[data-color=pink],
.button-floating-clicked.button-sub-indigo-clicked .button-sub[data-color=indigo] {
  z-index: 0;
  cursor: default;
  -webkit-transition: all .4s ease-in;
  transition: all 0.4s ease-in; }

.other-galleries-multimedia h3 {
  color: #000000;
  position: relative;
  font-style: italic;
  font-size: 20px; }

.other-galleries-multimedia #other-galleries {
  position: relative; }

.other-galleries-multimedia #other-galleries .tjp-direction-nav a {
  background: url(../img/arrow-white.png);
  background-repeat: no-repeat;
  background-position: 19px 15px;
  top: 20px;
  height: 70px;
  width: 40px; }

.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-nav-prev:after {
  content: "";
  left: 0;
  top: 0;
  height: 70px;
  width: 40px;
  position: absolute;
  background: #000000;
  background: -moz-linear-gradient(left, #000 0%, transparent 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #000), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, #000 0%, transparent 100%);
  background: -o-linear-gradient(left, #000 0%, transparent 100%);
  background: -ms-linear-gradient(left, #000 0%, transparent 100%);
  background: linear-gradient(to right, #000 0%, transparent 100%); }

.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-next {
  right: 0;
  background-position: -49px 15px; }

.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-nav-next:after {
  content: "";
  right: 0;
  top: 0;
  height: 70px;
  width: 40px;
  position: absolute;
  right: 0;
  background: #000000;
  background: -moz-linear-gradient(left, transparent 0%, #000 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(100%, #000));
  background: -webkit-linear-gradient(left, transparent 0%, #000 100%);
  background: -o-linear-gradient(left, transparent 0%, #000 100%);
  background: -ms-linear-gradient(left, transparent 0%, #000 100%);
  background: linear-gradient(to right, transparent 0%, #000 100%); }

.other-galleries-multimedia #other-galleries .tjp-viewport {
  height: 70px !Important;
  clear: both; }

@media (max-width: 768px) {
  .main-container .news-multiple-page .slides li a,
  .main-container .news-single-page .slides li a {
    width: 95%; } }
.main-container .news-multiple-page .slides li a .hstag,
.main-container .news-single-page .slides li a .hstag {
  color: #DD1E26;
  border-top: 2px solid #DD1E26;
  font-family: "Lato-Regular"; }

.main-container .news-multiple-page .slides li .image-latest,
.main-container .news-single-page .slides li .image-latest {
  height: 118px;
  overflow: hidden; }

@media (max-width: 768px) {
  .main-container .news-multiple-page .slides li .image-latest,
  .main-container .news-single-page .slides li .image-latest {
    height: 163px; } }
@media (max-width: 720px) {
  .main-container .news-multiple-page .slides li .image-latest,
  .main-container .news-single-page .slides li .image-latest {
    height: 145px; } }
@media (max-width: 599px) {
  .main-container .news-multiple-page .slides li .image-latest,
  .main-container .news-single-page .slides li .image-latest {
    height: 205px; } }
@media (max-width: 479px) {
  .main-container .news-multiple-page .slides li .image-latest,
  .main-container .news-single-page .slides li .image-latest {
    height: 205px; } }
@media (max-width: 320px) {
  .main-container .news-multiple-page .slides li .image-latest,
  .main-container .news-single-page .slides li .image-latest {
    height: 135px; } }
.main-container .news-multiple-page .slides li .date.multimedia-date:before,
.main-container .news-single-page .slides li .date.multimedia-date:before {
  top: 0;
  bottom: 2px; }

.main-container .news-multiple-page .slides li .jak-post-caption-news .date:before,
.main-container .news-single-page .slides li .jak-post-caption-news .date:before {
  top: -3px;
  bottom: 3px;
  background-color: #DD1E26; }

.main-container .news-multiple-page .slides li .jak-post-caption-news .date span:before,
.main-container .news-single-page .slides li .jak-post-caption-news .date span:before {
  background-color: #000000;
  top: 4px; }

.main-container .news-multiple-page .slides li .jak-post-caption-news h4.tjp-fr-title,
.main-container .news-single-page .slides li .jak-post-caption-news h4.tjp-fr-title {
  font-family: "Lora", serif;
  line-height: 1.2; }

@media (max-width: 768px) {
  .main-container .news-multiple-page .slides li .jak-post-caption-news,
  .main-container .news-single-page .slides li .jak-post-caption-news {
    width: 100%;
    margin-top: 15px; } }
.main-container .news-multiple-page .tjp-direction-nav li a,
.main-container .news-single-page .tjp-direction-nav li a {
  background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
  background-repeat: no-repeat;
  width: 51px;
  height: 47px; }

.main-container .news-multiple-page .tjp-direction-nav li a.tjp-prev,
.main-container .news-single-page .tjp-direction-nav li a.tjp-prev {
  background-position: 2px -2px; }

.main-container .news-multiple-page .tjp-direction-nav li a.tjp-next,
.main-container .news-single-page .tjp-direction-nav li a.tjp-next {
  background-position: -84px -2px;
  right: 0; }

@media (max-width: 768px) {
  .main-container .news-multiple-page,
  .main-container .news-single-page {
    padding: 0 25px 45px; } }
@media (max-width: 639px) {
  .main-container .news-multiple-page,
  .main-container .news-single-page {
    padding: 0 12px 45px; } }
.popup_back {
  opacity: 0 !important; }

.popup_cont {
  top: 100px !important; }

.popup_cont .popup {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: none;
  color: #fff; }

.popup_cont .popup_content .content-popup {
  padding: 20px 10px; }

.popup_cont .popup_content .content-popup h3 {
  margin: 0; }

.popup_cont .popup_close {
  display: none;
  opacity: 0;
  color: #000000;
  line-height: normal;
  padding: 0px; }

.tjp-topic .topic-bot-right .shared-comment li.share-wa {
  display: none; }

@media (max-width: 768px) {
  .tjp-topic .topic-bot-right .shared-comment li.share-wa {
    display: inline-block; } }
@media (max-width: 768px) {
  .tjp-topic .stickOnScroll-on {
    z-index: 50; }

  .tjp-topic .stickOnScroll-on .shared-comment {
    text-align: center; }

  .tjp-topic .stickOnScroll-on .shared-comment li {
    border: 0 !important;
    width: 19% !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-fb {
    background: #374E9E; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-fb a {
    background: #374E9E !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-fb a .fa {
    color: #fff !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-tw {
    background: #50BCE0; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-flipboard {
    background-color: #db1f27;
    height: 39px; }

  .tjp-topic .topic-bot-right .shared-comment li.share-flipboard a:after {
    background-image: url(../img/Flipboard-icon-white-28x28.png); }

  .tjp-topic .stickOnScroll-on .shared-comment .share-tw a {
    background: #50BCE0 !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-tw a .fa {
    color: #fff !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-wa {
    background: #43D854; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-wa a {
    background: #43D854 !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-wa a .fa {
    color: #fff !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-cm {
    background: #DD1E26; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-cm a {
    background: #DD1E26 !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-cm a .fa {
    color: #fff !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup {
    background: #b2b2b2; }

  .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup a {
    background: #b2b2b2 !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup a .fa {
    color: #fff !important; }

  .tjp-topic .stickOnScroll-on .shared-comment .share-hand,
  .tjp-topic .stickOnScroll-on .shared-comment .share-mt {
    display: none !important; } }
.not-found .tjp-page {
  overflow: visible !important;
  height: auto !important; }

.not-found .page404 .small-centered p {
  font-family: "Lato-Regular"; }

.not-found .logo-tjp-404 {
  padding: 40px 0 20px; }

.top-menu-container .action-search-responsive {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  border: 0; }

.top-menu-container .action-search-responsive form {
  left: 50%;
  top: 0;
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 70%;
  height: 100%;
  background-color: transparent;
  border-radius: 10px;
  z-index: 999;
  outline: 0;
  padding-top: 80px;
  position: absolute; }

.top-menu-container .action-search-responsive form input {
  font-family: "Lora", serif;
  color: #ffffff;
  padding: 5px 0;
  width: 100%;
  outline: 0; }

.top-menu-container .action-search-responsive form input::-webkit-input-placeholder {
  color: #fff; }

.top-menu-container .action-search-responsive form input:-moz-placeholder {
  color: #fff; }

.top-menu-container .action-search-responsive form input::-moz-placeholder {
  color: #fff; }

.top-menu-container .action-search-responsive form input:-ms-input-placeholder {
  color: #fff; }

.top-menu-container .action-search-responsive form input[type="text"] {
  background: transparent;
  font-size: 30px;
  color: #ffffff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #fff; }

.top-menu-container .action-search-responsive form span {
  font-family: "Lato-Regular", sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding-top: 5px;
  display: block; }

.top-menu-container .action-search-responsive form .search-close {
  position: absolute;
  top: 30px;
  right: 0; }

.top-menu-container .action-search-responsive form .search-close img {
  width: 50px; }

.top-menu-container .action-search-responsive form button {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  outline: none; }

.top-menu-container .action-search-responsive form #outputbox {
  width: 100%; }

.top-menu-container .action-search-responsive:after {
  display: none; }

@media (max-width: 768px) {
  .top-menu-container .action-search-responsive form {
    width: 90%; }

  .top-menu-container .action-search-responsive form button {
    position: absolute;
    top: 85px;
    right: 0; }

  .top-menu-container .action-search-responsive form button i {
    color: #fff; }

  .top-menu-container .action-search-responsive form .search-close {
    top: 10px;
    right: 5px; }

  .top-menu-container .action-search-responsive form .search-close img {
    width: 35px; } }
@media (max-width: 768px) {
  .showin-mobile-version .btn-toggle.current .search {
    padding: 13px 15px;
    border-right: 1px solid #f2f2f2; }

  .tjp-menu-panel .login {
    margin: 0 0 10px;
    text-align: right;
    padding: 3px 15px;
    font-size: 30px;
    display: block;
    position: relative;
    border-bottom: 1px solid; } }
@media screen and (max-width: 1024px) and (min-width: 860px) {
  .top-menu-container .jak-pos-contact {
    height: 50px; } }
#outputcontent {
  overflow-y: scroll;
  bottom: 0;
  top: 180px;
  margin: 0;
  width: 100%;
  position: absolute; }

#outputcontent .autocomplete-suggestions-container {
  left: 0 !important;
  top: 0 !important;
  color: #aaaaaa;
  font-family: "Lato-Regular", sans-serif;
  font-size: 18px;
  position: relative !important;
  width: 100% !important;
  max-height: 100% !important; }

#outputcontent .autocomplete-suggestions-container strong {
  color: #fff; }

@media (max-width: 768px) {
  .action-user,
  .action-user .box-search {
    display: block; } }
body .index-filter input .subj-form,
body .index-filter .search-filter .subj-form {
  font-family: "Lato-Regular"; }

body .index-filter .filtering .subj-form {
  font-family: "Lato-Regular"; }

body .index-filter .container-left input[type=checkbox] {
  display: none; }

body .index-filter .container-left input[type=checkbox] + label {
  background: url("../img/tjp-checkbox.png");
  background-repeat: no-repeat;
  background-position: 0 -30px;
  height: 16px;
  width: 100%;
  display: inline-block;
  padding: 0 0 0 28px;
  margin: 0 0 16px;
  cursor: pointer;
  font-family: "Lato-Regular", sans-serif;
  line-height: 1; }

body .index-filter .container-left input[type=checkbox] + label span {
  left: 12px;
  display: inline-block;
  position: relative;
  line-height: 16px;
  vertical-align: top;
  font-family: "Lato-Regular", sans-serif;
  font-weight: 400;
  font-size: 16px; }

body .index-filter .container-left input[type=checkbox]:checked + label {
  background: url("../img/tjp-checkbox.png");
  background-repeat: no-repeat;
  background-position: 0 2px;
  height: 16px;
  width: 100%;
  display: inline-block;
  padding: 0 0 0 28px;
  margin: 0 0 16px;
  cursor: pointer; }

body .index-filter .container-left-mobile input[type=checkbox] {
  display: none; }

body .index-filter .container-left-mobile input[type=checkbox] + label {
  background: url("../img/tjp-checkbox.png");
  background-repeat: no-repeat;
  background-position: 0 -30px;
  height: 16px;
  width: 100%;
  display: inline-block;
  padding: 0 0 0 28px;
  margin: 0 0 16px;
  cursor: pointer;
  font-family: "Lato-Regular"; }

body .index-filter .container-left-mobile input[type=checkbox] + label span {
  left: 12px;
  display: inline-block;
  position: relative;
  line-height: 16px;
  vertical-align: top;
  font-family: "Lato-Regular", sans-serif;
  font-weight: 400;
  font-size: 16px; }

body .index-filter .container-left-mobile input[type=checkbox]:checked + label {
  background: url("../img/tjp-checkbox.png");
  background-repeat: no-repeat;
  background-position: 0 2px;
  height: 16px;
  width: 100%;
  display: inline-block;
  padding: 0 0 0 28px;
  margin: 0 0 16px; }

body .index-filter .filter-submit {
  font-family: "Lato-Regular"; }

.tjp-latest-entry .tjp-flag .flag-sea {
  padding: 0;
  text-align: center; }

.tjp-latest-entry .tjp-flag .flag-sea:before {
  display: none; }

.tjp-latest-entry .tjp-flag .ic-flag a {
  color: #000; }

.tjp-latest-entry .tjp-flag .ic-sea {
  text-align: center;
  padding-left: 0; }

.tjp-latest-entry .tjp-flag .ic-sea:before {
  display: none; }

.tjp-latest-entry .tjp-flag .ic-brunei:before,
.tjp-latest-entry .tjp-flag .flag-brn:before {
  background-image: url(../img/brn-flag.svg);
  background-size: 15px;
  background-position: 0px 1px; }

.tjp-latest-entry .tjp-flag .ic-myanmar:before,
.tjp-latest-entry .tjp-flag .flag-mnr:before {
  background-image: url(../img/mnr-flag.svg);
  background-size: 15px;
  background-position: 0px 1px; }

.tjp-latest-entry .tjp-flag .ic-cambodja:before,
.tjp-latest-entry .tjp-flag .flag-khm:before {
  background-image: url(../img/khm-flag.svg);
  background-size: 15px;
  background-position: 0px 1px; }

.tjp-latest-entry .tjp-flag .ic-timor:before,
.tjp-latest-entry .tjp-flag .flag-tls:before {
  background-image: url(../img/tls-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-laos:before,
.tjp-latest-entry .tjp-flag .flag-lao:before {
  background-image: url(../img/lao-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-malaysia:before,
.tjp-latest-entry .tjp-flag .flag-mys:before {
  background-image: url(../img/mys-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-filipina:before,
.tjp-latest-entry .tjp-flag .flag-phl:before {
  background-image: url(../img/phl-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-singapura:before,
.tjp-latest-entry .tjp-flag .flag-sgp:before {
  background-image: url(../img/sgp-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-thailand:before,
.tjp-latest-entry .tjp-flag .flag-tha:before {
  background-image: url(../img/tha-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.tjp-latest-entry .tjp-flag .ic-vietnam:before,
.tjp-latest-entry .tjp-flag .flag-vtm:before {
  background-image: url(../img/vtm-flag.svg);
  background-size: 15px;
  background-position: 0 1px; }

.bkg-sharepopup .bkg-inner {
  position: fixed;
  background-color: black;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 800;
  transition: 1s; }

.content-sharepopup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 250px;
  height: auto;
  background-color: #FFF;
  border-radius: 10px;
  z-index: 999;
  outline: 0; }

.content-sharepopup .header-sharepopup {
  padding: 10px; }

.content-sharepopup .header-sharepopup h3 {
  font-size: 20px;
  color: #ffffff;
  float: left;
  width: 185px;
  font-family: "Lato-Regular", sans-serif;
  margin: 0;
  padding: 0; }

.content-sharepopup .header-sharepopup a {
  float: right;
  width: 13px;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff;
  border: 0;
  text-align: center;
  overflow: hidden; }

.content-sharepopup .header-sharepopup a img {
  width: 100px;
  max-width: none; }

.content-sharepopup .share-visible-popup {
  display: inline-block;
  width: 100%;
  padding: 0 10px; }

.content-sharepopup .share-visible-popup a {
  font-family: "Lato-Regular", sans-serif;
  color: #000000;
  font-size: 16px; }

.content-sharepopup .share-visible-popup a .fa-facebook {
  color: #374E9E; }

.content-sharepopup .share-visible-popup a .fa-twitter {
  color: #50BCE0; }

.content-sharepopup .share-visible-popup a .fa-google-plus {
  color: #DC4E41; }

.content-sharepopup .share-visible-popup a .fa-thumbs-up {
  color: #374E9E; }

.content-sharepopup .share-visible-popup a .fa-pinterest-p {
  color: #C92228; }

.content-sharepopup .share-visible-popup a .fa-whatsapp {
  color: #43d854; }

.content-sharepopup .share-visible-popup a .fa-comment {
  color: #b2b2b2; }

.content-sharepopup .share-visible-popup a .fa-envelope {
  color: #b2b2b2; }

.content-sharepopup .share-visible-popup a:last-child {
  border: 0;
  padding: 0;
  margin: 0; }

.multimedia-color .content-sharepopup .header-sharepopup {
  background: #009E97;
  display: inline-block;
  width: 100%;
  border-radius: 10px 10px 0 0; }

.multimedia-color .tjp-footer .suscribe #mc_embed_signup input.button,
.multimedia-color .container-right .suscribe #mc_embed_signup input.button {
  background-color: #009E97; }

.container-sharepopup {
  display: inline-block; }

@media (max-width: 768px) {
  .container-sharepopup {
    width: 400px; } }
@media (max-width: 639px) {
  .container-sharepopup {
    width: 100%; } }
.container-sharepopup .share-visible {
  width: 100%;
  display: inline-block;
  vertical-align: middle; }

.container-sharepopup .share-visible a {
  width: 76.7px;
  font-size: 25px;
  text-align: center;
  display: inline-block;
  border-bottom: 0;
  border-right: 1.5px solid #b2b2b2;
  padding: 0 !important;
  margin-bottom: 0 !important;
  cursor: pointer; }

.container-sharepopup .share-visible a i {
  color: #b2b2b2;
  vertical-align: middle; }

@media (max-width: 768px) {
  .container-sharepopup .share-visible a {
    border: 1.5px solid #b2b2b2;
    width: 15.8%;
    margin: 0 0.5%; } }
@media (max-width: 639px) {
  .container-sharepopup .share-visible a {
    width: 15.68%; } }
@media (max-width: 768px) {
  .container-sharepopup .share-visible a:first-child {
    margin: 0 0.5% 0 0; } }
@media (max-width: 639px) {
  .container-sharepopup .share-visible a:first-child {
    margin: 0 0.5%; } }
@media (max-width: 768px) {
  .container-sharepopup .share-visible a.off-share {
    display: none; } }
.container-sharepopup .share-visible a.mb-share {
  display: none; }

@media (max-width: 768px) {
  .container-sharepopup .share-visible a.mb-share {
    display: inline-block;
    margin: 0 0 0 0.5%; } }
.container-sharepopup .share-visible a.whatsapp-color {
  display: none; }

@media (max-width: 768px) {
  .container-sharepopup .share-visible a.whatsapp-color {
    display: inline-block; }

  .container-sharepopup .share-visible a.comment-color {
    display: none !important; }

  .container-sharepopup .share-visible a.pint-color {
    display: none; } }
.social-relative {
  clear: both;
  margin-bottom: 16px; }

.social-relative span {
  display: inline-block;
  vertical-align: middle;
  font-family: "Lato-Regular", sans-serif;
  color: #b2b2b2;
  font-size: 20px; }

@media (max-width: 768px) {
  .social-relative span {
    display: none; } }
.social-relative span.text-shr {
  background: #009E97;
  color: #ffffff;
  font-size: 19px;
  padding: 6px 0px;
  width: 70px;
  text-align: center;
  position: relative; }

.social-relative span.text-shr:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 158, 151, 0);
  border-left-color: #009E97;
  border-width: 6px;
  margin-top: -6px; }

.social-relative span.numb-shr {
  line-height: normal;
  font-size: 38px;
  height: 39px;
  margin-right: 10px; }

.social-float-parent {
  position: relative;
  display: none;
  z-index: 900; }

#social-float {
  width: 200px;
  position: fixed;
  left: 10px;
  bottom: 10px; }

@media (max-width: 768px) {
  #social-float {
    width: 100%; } }
@media (max-width: 768px) {
  #social-float {
    margin: auto -10px; } }
.fixed-share-mobile {
  display: none; }

@media (max-width: 768px) {
  .fixed-share-mobile {
    display: block; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup .share-visible a {
    width: 70px;
    border-color: transparent; }

  .fixed-share-mobile .container-sharepopup .share-visible a i {
    color: #fff; } }
@media (max-width: 639px) {
  .fixed-share-mobile .container-sharepopup .share-visible a {
    width: 18%; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup .share-visible a.off-share {
    display: none; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup .share-visible a.pint-color,
  .fixed-share-mobile .container-sharepopup .share-visible a:nth-child(7) {
    display: inline-block; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup .share-visible a.mb-share {
    display: none; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup .share-visible {
    text-align: center; } }
@media (max-width: 768px) {
  .fixed-share-mobile .container-sharepopup {
    width: 100%; }

  .fixed-share-mobile .container-sharepopup .fb-color {
    background: #374E9E; }

  .fixed-share-mobile .container-sharepopup .twitter-color {
    background: #50BCE0; }

  .fixed-share-mobile .container-sharepopup .google-plus-color {
    background: #DC4E41; }

  .fixed-share-mobile .container-sharepopup .linkedin-color {
    background: #0077B5; }

  .fixed-share-mobile .container-sharepopup .like-color {
    background: #374E9E; }

  .fixed-share-mobile .container-sharepopup .mb-share {
    background: #009E97; }

  .fixed-share-mobile .container-sharepopup .pint-color {
    background: #C92228; }

  .fixed-share-mobile .container-sharepopup .whatsapp-color {
    background: #43d854; } }
@media (max-width: 639px) {
  .fixed-share-mobile .container-sharepopup {
    width: 100%; } }
.fixed-share-mobile .content-sharepopup {
  display: none !important; }

.tjp-full-block-channel .main-container .jThumbnailScroller {
  margin: 32px 0 0; }

.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption {
  padding: 20px 20px; }

.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
  font-size: 14px;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
    color: #fff; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
    color: #fff; } }
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
  font-size: 14px;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
    color: #fff; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
    color: #fff; } }
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
  top: 5px; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
    background-color: #fff; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
    background-color: #fff; } }
@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span {
    color: #fff; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span {
    color: #fff; } }
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption h5 {
  margin: 0;
  line-height: 1.25;
  font-size: 20px;
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption {
    position: absolute; } }
.tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
  font-size: 28px;
  font-family: "Lato-Regular", sans-serif;
  padding-top: 15px;
  padding-bottom: 5px;
  margin: 0; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
    padding-left: 24px; } }
@media (max-width: 639px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
    padding-left: 12px; } }
.tjp-full-block-channel .main-container .jThumbnailScroller .jTscroller a {
  display: inline-block; }

.tjp-full-block-channel .main-container .jThumbnailScroller .jTscroller .tjp-gallery-small .tjp-detail-caption {
  padding: 15px; }

.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-gallery-large .slide-large {
  height: 390px; }

.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-gallery-small .slide-small {
  height: 195px; }

.tjp-full-block-channel .main-container .jThumbnailScroller .jTscrollerContainer {
  height: 390px;
  overflow: hidden; }

@media (max-width: 768px) {
  .tjp-full-block-channel .main-container .jThumbnailScroller {
    margin: 32px 0 0; } }
.tjp-full-block-channel .main-container .tjp-detail-caption {
  background: url(../img/gradasi-03.png);
  background-position: 0 top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  padding: 32px 0 32px; }

@media (max-width: 768px) {
  .cad-top {
    position: absolute;
    top: -23px; } }
.navigation-page a.jp-last em,
.navigation-page a.jp-first em {
  font-style: normal; }

.tjp-contact .title {
  font-family: 'Lato-Regular';
  color: #DD1E26;
  font-size: 26px;
  padding: 25px 20px 14px;
  margin: 0; }

.tjp-contact .title:before {
  display: none; }

@media (max-width: 768px) {
  .tjp-contact .title {
    padding: 11px 24px 10px;
    font-size: 18px;
    margin: 0; } }
@media (max-width: 639px) {
  .tjp-contact .title {
    padding: 11px 12px 10px; } }
.tjp-contact .tjp-form-contact {
  width: 763px; }

.tjp-contact .tjp-form-contact p {
  font-family: "Lato-Regular"; }

.tjp-contact .tjp-form-contact form input {
  font-family: "Lato-Regular"; }

.tjp-contact .tjp-form-contact form input[type="submit"] {
  background-color: #DD1E26; }

.tjp-contact .tjp-form-contact form table tr td input[type="text"] {
  font-family: "Lora", serif; }

.tjp-contact .tjp-form-contact form table tr td input[type="email"]:active,
.tjp-contact .tjp-form-contact form table tr td input[type="email"]:focus {
  font-family: "Lora", serif;
  outline: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: inset 0px 0px 18px -8px #000; }

.tjp-contact .tjp-form-contact form table tr td input[type="email"] {
  width: 100%;
  padding: 5px 20px;
  font-size: 20px;
  border: solid 2px #9A9A9A;
  font-weight: 300;
  color: #666;
  font-family: "Lora", serif;
  outline: none; }

.tjp-contact .tjp-form-contact form table tr td textarea {
  font-family: "Lora", serif; }

.tjp-contact .tjp-form-contact .bg-select select {
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .tjp-contact .tjp-form-contact {
    width: 100%;
    padding: 24px; } }
@media (max-width: 639px) {
  .tjp-contact .tjp-form-contact {
    padding: 24px 12px; } }
@media (max-width: 768px) {
  .tjp-contact .right-contact {
    display: block;
    padding: 24px 24px 0;
    margin: 0; } }
@media (max-width: 639px) {
  .tjp-contact .right-contact {
    padding: 24px 12px 0; } }
.tjp-contact .right-contact .alamat {
  border: 0;
  background: #E0E0E0;
  background-size: auto 100%; }

.tjp-contact .right-contact .alamat p {
  font-family: "Lato-Regular"; }

.main-center .main-container {
  margin-top: 12.5px; }

.top-profile-pic {
  width: 110px;
  height: 110px;
  overflow: hidden;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative; }

.top-profile-pic img {
  height: 100%;
  width: auto; }

.channel .news-contributor .news-latest .image-latest img,
.community .news-contributor .news-latest .image-latest img {
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  margin: 0 auto;
  left: -50%;
  right: -50%; }

.login,
.search,
.fa-user::before {
  color: #DD1E26; }

.jak-pos-contact {
  border-color: #DD1E26; }

.event .login::before,
.event .search,
.event .see-photo .title a,
.event .news-contributor .title a,
.event .see-photo .sub-title,
.event .news-contributor .sub-title,
.event .tjp-footer .link-footer a,
.event .tjp-footer .partner-footer ul li a {
  color: #F49000; }

.event .suscribe input[type="submit"] {
  background-color: #F49000; }

.event .jak-pos-contact,
.event .tjp-most-recent ul.tjp-tab li a.tjp-tab-current {
  border-color: #F49000; }

@media (max-width: 768px) {
  .event .main-single-page {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .event .main-single-page {
    padding: 0 12px; } }
.event .main-single-page .add-event {
  border-top: 1px solid #d9d9d9; }

.event .main-single-page .add-event .add-ico a {
  font-family: "Lato-Regular", sans-serif;
  padding: 8.5px 24px 3.5px; }

.event .main-single-page .add-event .add-ico a .ic-download {
  top: -4px; }

.event .main-single-page .find-event {
  background-color: #e3e3e3; }

.event .main-single-page .find-event .find-event-bottom button {
  border: 0;
  background: #aaaaaa;
  font-family: "Lato-Regular"; }

.event .main-single-page .find-event .bg-select select {
  font-family: "Lora", serif; }

.event .main-single-page .com-event li {
  border-bottom: 0; }

.event .main-single-page .com-event li .image-event {
  padding: 0;
  margin-bottom: 10px; }

.event .main-single-page .com-event li .image-event .time-event {
  font-family: "Lato-Regular", sans-serif;
  padding: 5px 50px 0; }

.event .main-single-page .com-event li .detail-event a {
  font-family: "Lora", serif; }

.event .main-single-page .com-event li .detail-event .location-event {
  font-family: "Lato-Regular"; }

.event .main-single-page .com-event li .detail-event p {
  font-family: "Lato-Regular"; }

.event .main-single-page .com-event li:nth-child(3n+1) {
  padding-right: 10px; }

.event .main-single-page .com-event li:nth-child(3n+2) {
  padding-left: 10px; }

.event .main-single-page .com-event li:nth-child(3n+2) .image-event .time-event {
  left: 10px; }

@media (max-width: 639px) {
  .event .main-single-page .com-event li:nth-child(3n+2) .image-event .time-event {
    left: 0; } }
.event .main-single-page .com-event li.event-large {
  border-bottom: solid 2px #d9d9d9;
  border-top: solid 2px #d9d9d9;
  margin: 24px 0;
  padding: 24px 0; }

.event .main-single-page .com-event li.event-large .image-event {
  height: 400px;
  overflow: hidden;
  background: #f3f3f3; }

.event .main-single-page .com-event li.event-large .image-event .time-event {
  top: 24px; }

@media (max-width: 768px) {
  .event .main-single-page .com-event li.event-large .image-event .time-event {
    width: 260px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-large .image-event .time-event {
    top: 0; } }
@media (max-width: 768px) {
  .event .main-single-page .com-event li.event-large .image-event {
    height: 340px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-large .image-event {
    height: 347px; } }
@media (max-width: 480x) {
  .event .main-single-page .com-event li.event-large .image-event {
    height: 256px; } }
@media (max-width: 320x) {
  .event .main-single-page .com-event li.event-large .image-event {
    height: 166px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-large {
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    padding-left: 0;
    padding-right: 0;
    border-top: 0; } }
.event .main-single-page .com-event li.event-small .image-event {
  max-height: 203px;
  overflow: hidden;
  background: #f3f3f3; }

@media (max-width: 768px) {
  .event .main-single-page .com-event li.event-small .image-event .time-event {
    width: 260px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-small .image-event .time-event {
    top: 0; } }
@media (max-width: 768px) {
  .event .main-single-page .com-event li.event-small .image-event {
    height: 196px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-small .image-event {
    height: 347px; } }
@media (max-width: 480x) {
  .event .main-single-page .com-event li.event-small .image-event {
    height: 256px; } }
@media (max-width: 320x) {
  .event .main-single-page .com-event li.event-small .image-event {
    height: 166px; } }
@media (max-width: 639px) {
  .event .main-single-page .com-event li.event-small {
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: solid 2px #d9d9d9; } }
.event .main-single-page .date.event:before {
  top: -2px;
  bottom: 2px; }

.event .main-single-page .find-event .find-country {
  padding: 0 15px;
  margin-bottom: 12px; }

.event .main-single-page .find-event .find-mounth {
  margin-bottom: 12px; }

.event .main-single-page .find-event .find-event-bottom {
  padding: 0 15px; }

.academia_color.event .main-single-page .add-event .add-ico a {
  background-color: #3F9EDC; }

.academia_color.event .main-single-page .com-event li .image-event .time-event {
  background-color: #3F9EDC; }

.academia_color.event .main-single-page .date.event:before {
  background-color: #3F9EDC; }

.student.event .login::before,
.student.event .search {
  color: #FFCD00; }

.student.event .see-photo .title a,
.student.event .news-contributor .title a,
.student.event .see-photo .sub-title,
.student.event .news-contributor .sub-title,
.student.event .tjp-footer .link-footer a,
.student.event .tjp-footer .partner-footer ul li a {
  color: #BF9A00; }

.student.event .suscribe input[type="submit"] {
  background-color: #FFCD00;
  color: #000; }

.student.event .jak-pos-contact,
.student.event .tjp-most-recent ul.tjp-tab li a.tjp-tab-current {
  border-color: #FFCD00; }

.student.event .main-single-page .add-event .add-ico a {
  background-color: #FFCD00;
  color: #000; }

.student.event .main-single-page .com-event li .image-event .time-event {
  background-color: #FFCD00;
  color: #000; }

.student.event .main-single-page .date.event:before {
  background-color: #FFCD00; }

.student.event .navigation-page a.jp-number.jp-current {
  color: #BF9A00; }

.padding-header-new {
  padding-top: 90px; }

@media (max-width: 768px) {
  .padding-header-new {
    padding-top: 54px; } }
.n-multimedia.mega-menu-longform {
  height: 100% !important;
  box-shadow: 1px 0 15px -2px #888; }

.header-multimedia {
  border-top: 1px solid #009E97;
  overflow: visible; }

@media (max-width: 768px) {
  .header-multimedia .center-head-longform {
    display: block;
    width: 100%; }

  .header-multimedia .center-head-longform .menu-lngf {
    width: 115px;
    height: 42px;
    float: right; }

  .header-multimedia .center-head-longform .menu-lngf .menu-longform {
    width: 49px;
    height: 42px;
    border: 0;
    float: right;
    padding: 10px;
    left: 8px;
    margin: 0; }

  .header-multimedia .center-head-longform .menu-lngf .search {
    padding: 6px 15px; }

  .header-multimedia .center-head-longform .logo-center {
    width: 205px; }

  .header-multimedia .center-head-longform .logo-center img {
    width: 170px; } }
@media screen and (max-width: 1120px) and (min-width: 769px) {
  .header-multimedia .action-user {
    position: relative; } }
.header-multimedia {
  padding: 15px 0 0;
  z-index: 999; }

.header-multimedia .center-head-longform .logo-center {
  margin-bottom: 26px;
  margin-top: 10px; }

@media (max-width: 768px) {
  .header-multimedia {
    padding: 9px 0 0; }

  .header-multimedia .center-head-longform .logo-center {
    margin-bottom: 9px; } }
@media (max-width: 768px) {
  .menu-longform span:nth-child(1) {
    top: 11px; }

  .menu-longform span:nth-child(2) {
    top: 18px; }

  .menu-longform span:nth-child(3) {
    top: 25px; }

  .tjp-mobile-menu-container .tjp-menu-longform {
    padding-right: 0; } }
.menu-longform.open span:nth-child(1) {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important; }

.menu-longform.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important; }

#menu-hover-full.active,
#menu-hover-full.active.nav-down,
#menu-hover-full.active.nav-up.show {
  opacity: 1;
  visibility: visible;
  height: 34px; }

#menu-hover-full.active.nav-up,
#menu-hover-full {
  height: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #e3e3e3;
  margin: 15px 0 0;
  transition: 0.5s; }

#menu-hover-full.active.nav-up #current-menu-hover,
#menu-hover-full #current-menu-hover {
  list-style: none;
  width: 1080px;
  margin: 0 auto;
  padding: 0; }

#menu-hover-full.active.nav-up #current-menu-hover li,
#menu-hover-full #current-menu-hover li {
  display: inline-block;
  padding: 7px 20px 6px 0; }

#menu-hover-full.active.nav-up #current-menu-hover li a,
#menu-hover-full #current-menu-hover li a {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  #menu-hover-full.active.nav-up,
  #menu-hover-full {
    display: none !important; } }
.singleread .ymal-no-image .detail-latest {
  padding: 0; }

#show-bubb {
  background: #ffffff;
  width: 106px;
  position: absolute;
  top: -50px;
  left: -50px;
  border: 1px solid #000000;
  text-align: center; }

#show-bubb:before {
  content: "";
  width: 20px;
  height: 13px;
  background: url("../img/arrow-up.png");
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto; }

#show-bubb p {
  margin: 5px 0; }

#show-bubb .share-text {
  display: inline-block;
  font-size: 30px;
  padding: 0 8px; }

#show-bubb .share-text a {
  color: #b2b2b2; }

#show-bubb .share-text a:hover .fa-facebook {
  color: #374E9E; }

#show-bubb .share-text a:hover .fa-twitter {
  color: #50BCE0; }

#show-bubb .share-text a:hover .fa-whatsapp {
  color: #64d448; }

#show-bubb .share-text:last-child {
  display: none; }

@media (max-width: 768px) {
  #show-bubb .share-text {
    font-size: 23px; }

  #show-bubb .share-text:last-child {
    display: inline-block; } }
.login_register_page .showin-mobile-version {
  border-bottom: 1px solid #DD1E26; }

.login_register_page .showin-mobile-version .btn-toggle.current a span {
  border-color: #DD1E26; }

.login_register_page .signup,
.login_register_page .signin {
  margin-top: 32px; }

.login_register_page .signup .form-control::-moz-placeholder,
.login_register_page .signin .form-control::-moz-placeholder {
  color: #000; }

.login_register_page .signup .form-group input,
.login_register_page .signin .form-group input {
  border-bottom: 1px solid #a3abb3;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
  box-shadow: none; }

.login_register_page .signup .button-group,
.login_register_page .signin .button-group {
  margin-top: 9px;
  margin-bottom: 32px; }

.login_register_page .signup .btn-red,
.login_register_page .signin .btn-red {
  color: #fff;
  background-color: #DD1E26;
  font-family: 'Lato-Regular';
  font-size: 22px;
  width: 100%;
  border-radius: 0px; }

@media (max-width: 768px) {
  .login_register_page .signup,
  .login_register_page .signin {
    margin-top: 16px;
    padding-left: 9px;
    padding-right: 9px; } }
@media (max-width: 639px) {
  .login_register_page .signup,
  .login_register_page .signin {
    padding-left: 0;
    padding-right: 0; } }
.login_register_page .signin .form-group input {
  background: url("../img/TJP-intergrated--login_sign-up_2.png");
  background-repeat: no-repeat;
  padding-left: 24px; }

.login_register_page .signin .form-group input.username {
  background-position: -3px 9px; }

.login_register_page .signin .form-group input.password {
  background-position: -3px -25px; }

.login_register_page .signin .text-center span a {
  color: #DD1E26;
  margin: 10px 0px 0;
  font-size: 14px;
  font-family: 'Lato-Regular';
  display: block; }

.login_register_page .signup .info {
  font-size: 17px;
  font-family: "Lora", serif; }

.login_register_page .signup form h4 {
  margin-top: 32px;
  margin-bottom: 26px;
  font-family: "Lora", serif; }

.login_register_page .signup .form-group input {
  font-family: "Lora", serif; }

.login_register_page .signup .checkbox {
  margin-top: 9px;
  margin-bottom: 15px;
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 24px; }

.login_register_page .signup .checkbox input {
  margin-top: 1px; }

.login_register_page .signup .button-group {
  clear: both; }

@media (max-width: 768px) {
  .login_register_page .signup .button-group {
    padding: 0;
    margin-bottom: 16px; }

  .login_register_page .signup .button-group p {
    margin-bottom: 0; } }
.login_register_page .signup h1.caption,
.login_register_page .signin form h1.caption {
  margin-top: 0;
  margin-bottom: 24px;
  color: #000000;
  font-family: 'Lato-Regular';
  font-size: 24px;
  padding-left: 13px;
  border-left: 0;
  position: relative; }

.login_register_page .signup h1.caption:before,
.login_register_page .signin form h1.caption:before {
  content: '';
  width: 4px;
  top: -1px;
  bottom: 6px;
  background-color: #DD1E26;
  position: absolute;
  left: 0; }

@media (max-width: 768px) {
  .login_register_page .signup h1.caption,
  .login_register_page .signin form h1.caption {
    margin-bottom: 16px; } }
.login_register_page .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 768px) {
  .login_register_page .form-horizontal {
    width: 100%; } }
.login_register_page .remember-me {
  display: inline-block;
  float: left; }

.login_register_page .remember-me input {
  margin-top: 1px; }

.login_register_page .social-login {
  margin: 0;
  padding: 20px;
  border: 1px solid #d2d3d2;
  clear: both; }

.login_register_page .social-login h3 {
  margin-bottom: 14px;
  color: #272724;
  font-family: 'Lato-Regular';
  font-weight: unset;
  font-size: 18px;
  margin-top: 0px; }

.login_register_page .social-login .btn {
  color: #fff;
  margin: 8px 0;
  border-radius: 0px;
  padding: 7px;
  border: none; }

.login_register_page .social-login .btn i.fa {
  width: 35px; }

.login_register_page .social-login .btn span {
  font-family: 'Lato-Regular';
  font-weight: unset;
  font-size: 15px;
  color: #fff; }

.login_register_page .social-login .btn-fb,
.login_register_page .social-login .btn-g-plus,
.login_register_page .social-login .btn-linkedln {
  margin: 10px 0 10px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out; }

.login_register_page .social-login .btn-fb {
  color: #fff;
  width: 100%;
  background: #374E9E; }

.login_register_page .social-login .btn-fb span {
  position: relative;
  left: 3px; }

.login_register_page .social-login .btn-g-plus {
  color: #fff;
  width: 100%;
  background: #ea624f; }

.login_register_page .social-login .btn-linkedln {
  color: #fff;
  width: 100%;
  background: #0080b2; }

.login_register_page .social-login .btn-linkedln span {
  position: relative;
  left: 5px; }

.login_register_page .social-login .reg-here {
  margin-top: 10px;
  display: inline-block; }

@media (max-width: 768px) {
  .login_register_page .social-login {
    margin: 32px 0px 0px; }

  .login_register_page .social-login h3 {
    font-size: 16px;
    text-align: center; } }
.login_register_page .terms,
.login_register_page .privacy {
  color: #007fb1; }

@media (max-width: 768px) {
  .login_register_page .col-sm-offset-2 {
    margin-left: 0; } }
.jplus_paperedition .left-for-4,
.speak_paperedition .left-for-4,
.todayspaper_paperedition .left-for-4,
.balibuzz_paperedition .left-for-4 {
  display: block; }

@media (max-width: 768px) {
  .jplus_paperedition .left-for-4,
  .speak_paperedition .left-for-4,
  .todayspaper_paperedition .left-for-4,
  .balibuzz_paperedition .left-for-4 {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .jplus_paperedition .left-for-4,
  .speak_paperedition .left-for-4,
  .todayspaper_paperedition .left-for-4,
  .balibuzz_paperedition .left-for-4 {
    padding: 0 12px; } }
.balibuzz_paperedition .balibuzz-banner,
.speak_paperedition .speak-banner,
.jplus_paperedition .jplus-banner,
.todayspaper_paperedition .todayspaper-banner {
  display: block; }

.balibuzz-banner,
.speak-banner,
.jplus-banner,
.todayspaper-banner,
.speak_paperedition .left-paperedition,
.todayspaper_paperedition .left-paperedition,
.jplus_paperedition .left-paperedition,
.balibuzz_paperedition .left-paperedition,
.index_paperedition .left-for-4 {
  display: none; }

.todayspaper-banner {
  display: none; }

.index_paperedition .banner-paperedition {
  display: none; }

.paperedition .banner-paperedition {
  margin-top: 0; }

.paperedition .paper-edition .tjp-pargph-2 {
  border: 0;
  margin-top: 28px; }

.paperedition .input-group .datepicker {
  height: 32px;
  width: 100%;
  border: 1px solid #ccc; }

.paperedition .date::before {
  top: -2px;
  left: 0;
  bottom: 2px; }

.paper-edition .box-paper a {
  border: 1px solid #cccccc;
  height: 100px;
  width: 100%;
  text-align: center;
  margin-bottom: 32px;
  display: inline-block; }

.paper-edition .box-paper a span {
  vertical-align: middle;
  display: inline-block;
  height: 100%; }

.paper-edition .box-paper a.active,
.paper-edition .box-paper a:hover {
  border-color: #A0000F; }

.paper-edition .box-paper img {
  height: auto;
  width: auto;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; }

.susc-paper {
  height: 255px;
  padding: 35px 40px;
  margin-bottom: 20px; }

.susc-paper .title-suscribe {
  color: #FFF;
  text-align: center;
  border: 2px solid #FFF;
  font-size: 48px;
  font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
  padding: 10px 0px;
  margin: 0px 0px 35px; }

.susc-paper a {
  display: block;
  width: 47%;
  float: left;
  background-color: rgba(251, 229, 0, 0.8);
  color: #000;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
  text-align: center;
  padding: 20px 0px; }

.susc-paper a:last-child {
  float: none;
  margin: 0 auto; }

.todayspaper_paperedition .todayspaper-banner {
  margin-top: 0; }

.tjp-footer .partner-footer ul li a {
  height: 55px; }

.tjp-footer .partner-footer ul li a img {
  height: 48px; }

@media (max-width: 768px) {
  .tjp-footer .partner-footer ul li a {
    height: auto;
    font-size: 16px; } }
.partner-footer,
.footer-top {
  border-bottom: 1px solid #fff; }

@media (max-width: 768px) {
  .tjp-about .tjp-about-left .tjp-about-head h3 {
    margin-top: 0; } }
.tjp-about .tjp-about-left table th,
.tjp-about .tjp-about-left table td {
  text-align: right; }

@media (max-width: 768px) {
  .tjp-about .tjp-about-left table th,
  .tjp-about .tjp-about-left table td {
    text-align: left; } }
@media (max-width: 768px) {
  .tjp-about .tjp-about-left {
    padding: 0; } }
.tjp-about .tjp-about-right table th,
.tjp-about .tjp-about-right table td {
  text-align: left; }

.tjp-about .tjp-about-right table th h4,
.tjp-about .tjp-about-right table th h3,
.tjp-about .tjp-about-right table th span,
.tjp-about .tjp-about-right table th strong,
.tjp-about .tjp-about-right table th p,
.tjp-about .tjp-about-right table td h4,
.tjp-about .tjp-about-right table td h3,
.tjp-about .tjp-about-right table td span,
.tjp-about .tjp-about-right table td strong,
.tjp-about .tjp-about-right table td p {
  padding-left: 10px !important; }

@media (max-width: 768px) {
  .tjp-about .tjp-about-right table th h4,
  .tjp-about .tjp-about-right table th h3,
  .tjp-about .tjp-about-right table th span,
  .tjp-about .tjp-about-right table th strong,
  .tjp-about .tjp-about-right table th p,
  .tjp-about .tjp-about-right table td h4,
  .tjp-about .tjp-about-right table td h3,
  .tjp-about .tjp-about-right table td span,
  .tjp-about .tjp-about-right table td strong,
  .tjp-about .tjp-about-right table td p {
    padding-left: 0 !important; } }
@media (max-width: 768px) {
  .tjp-about .tjp-about-right {
    padding: 0; } }
.tjp-about table {
  width: 100%; }

.tjp-about table th,
.tjp-about table td {
  width: 100%;
  vertical-align: top; }

.tjp-about table th .tjp-about-head h3,
.tjp-about table td .tjp-about-head h3 {
  font-size: 20px;
  font-family: "Lora", serif;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  padding: 12px 0 10px; }

.tjp-about table td {
  padding: 0 0 15px; }

.tjp-about table td h4 {
  font-family: "Lora", serif; }

.tjp-about table td strong {
  font-size: 16px;
  font-family: "Lora", serif;
  font-weight: unset; }

.tjp-about table td p {
  color: #636363;
  font-size: 14px;
  font-family: "Lora", serif; }

@media (max-width: 768px) {
  .tjp-about table .m-hide {
    display: none; } }
@media (max-width: 768px) {
  .tjp-about {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-about {
    padding: 0 12px; } }
.tjp-cmg-alph {
  list-style-type: lower-alpha; }

.tjp-cmg-num {
  list-style-type: decimal; }

.tjp-cmg {
  padding: 0 20px; }

.tjp-cmg h3 {
  clear: both;
  font-family: "Lora", serif; }

.tjp-cmg ol {
  padding-left: 20px; }

.tjp-cmg li,
.tjp-cmg p {
  font-family: "Lora", serif;
  margin: 13px 0;
  font-size: 16px; }

@media (max-width: 768px) {
  .tjp-cmg {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .tjp-cmg {
    padding: 0 12px; } }
.middle-image {
  position: relative; }

.middle-image img {
  max-width: none;
  position: absolute;
  left: -50%;
  right: -50%;
  float: none;
  margin: 0 auto !important; }

.ads-large-leaderboard {
  text-align: center; }

.ads-large-leaderboard div {
  padding: 6px 0; }

@media (max-width: 768px) {
  .ads-large-leaderboard {
    display: none; } }
@media (max-width: 991px) {
  .main-longform .logo-caption .center-head-longform .col-xs-12 {
    width: 33.33333%; }

  .main-longform .on-scroll-header.block .center-head-longform .share-longform {
    width: 300px; } }
.header-longform .share-longform .shared-comment li.share-wa {
  display: none; }

.popupshare-mobile .detailshare li.share-wa {
  display: none; }

@media (max-width: 768px) {
  .longform .clone-share .topic-bot-right .popupshare-mobile .detailshare li {
    padding: 5px 20px; }

  .longform .clone-share .topic-bot-right .popupshare-mobile .detailshare li:nth-child(n+8) {
    display: none; }

  .longform-shr {
    display: none; }

  .popupshare-mobile .detailshare li.share-wa {
    display: block; }

  header-longform .share-longform .shared-comment li.share-wa {
    display: block; } }
@media (min-width: 769px) {
  .mega-menu-longform.open-menu {
    width: 245px; } }
@media (max-width: 1140px) {
  .wdth {
    width: 71px; }

  .longform .topic-bot-right {
    width: 100% !important; } }
.multimedia-max-width .gallery-detail .content-post a {
  border: 0;
  padding: 0;
  width: unset;
  float: none;
  margin: 0px;
  display: inline; }

.index_all .menu-active-breadcrumbs .breadcrumbs li a {
  color: #DD1E26;
  font-size: 16px;
  line-height: normal; }

.index_all .menu-active-breadcrumbs .breadcrumbs li a h1 {
  font-size: 16px; }

@media (max-width: 768px) {
  .index_all .menu-active-breadcrumbs .breadcrumbs li a {
    font-size: 16px; }

  .index_all .menu-active-breadcrumbs .breadcrumbs li a h1 {
    font-size: 16px; } }
.index_all .menu-active-breadcrumbs .breadcrumbs li:before {
  background-color: #DD1E26;
  width: 8px !Important;
  height: 8px !important; }

.popupshare-mobile .closeshare {
  font-size: 22px; }

.popupshare-mobile .closeshare .fa {
  padding: 1px 0 0 2px; }

body .tjp-mobile-menu-container .portal_page .tjp-leave-bar .tjp-btn-leave,
body .tjp-mobile-menu-container .news-arrow .tjp-leave-bar .tjp-btn-leave,
body .tjp-mobile-menu-container .paper-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -1px -41px; }

body .tjp-mobile-menu-container .seasia-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -41px -41px; }

body .tjp-mobile-menu-container .community-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -81px -41px; }

body .tjp-mobile-menu-container .academia-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -121px -41px; }

body .tjp-mobile-menu-container .life-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -161px -41px; }

body .tjp-mobile-menu-container .travel-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -201px -41px; }

body .tjp-mobile-menu-container .youth-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -241px -41px; }

body .tjp-mobile-menu-container .multimedia-arrow .tjp-leave-bar .tjp-btn-leave {
  background-image: url("../img/arrows-colour-mobile.svg");
  background-position: -281px -41px; }

.singleread .topic-top-right:first-child {
  display: none; }

.tjp-button-scroll {
  cursor: pointer;
  text-align: center;
  font-size: 19px;
  padding: 10px 0;
  display: none; }

.vox-pop-container .vox-pop {
  border-bottom: 2px solid #e5e5e5;
  padding: 0 0 30px;
  margin: 0 0 30px; }

.vox-pop-container .vox-pop .image-prof-vox-pop {
  position: absolute;
  width: 100px;
  height: 100px; }

.vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius {
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 100%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  padding-left: 0;
  display: block; }

.vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius img {
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  margin: 0 auto;
  left: -50%;
  right: -50%; }

.vox-pop-container .vox-pop p {
  padding-left: 120px;
  position: relative;
  margin: 0; }

.vox-pop-container .vox-pop p strong {
  font-family: "Lora", serif; }

.vox-pop-container .vox-pop p strong,
.vox-pop-container .vox-pop p span {
  padding-left: 0;
  clear: both; }

.vox-pop-container .vox-pop p span {
  font-family: "Lora", serif; }

.vox-pop-container .vox-pop:first-child {
  margin: 30px 0; }

.vox-pop-container .vox-pop:last-child {
  border-bottom: 0;
  padding: 0 0 30px;
  margin: 0; }

.tjp-weather-date {
  margin: 0 auto;
  text-align: center;
  clear: both; }

.tjp-weather-date #weather-date span {
  color: #000000;
  font-size: 14px; }

.tjp-weather-date .tjp-header-inf {
  display: inline-block;
  color: #000000;
  font-family: "Lato-Regular"; }

@media (max-width: 768px) {
  .tjp-weather-date {
    display: none; } }
.video-header a {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-family: "Lato-Regular", sans-serif;
  padding-left: 19px;
  position: relative; }

.video-header a:before {
  content: "";
  background-image: url(../img/header-information/tjp-icon-video-.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0px;
  top: 1px; }

.hover-on .hover-action {
  opacity: 0;
  visibility: hidden;
  width: 300px;
  left: 50%;
  top: 30px;
  padding: 10px;
  transform: translateX(-50%);
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 100;
  transition-duration: 0.4s; }

.hover-on .hover-action:after,
.hover-on .hover-action:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.hover-on .hover-action:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 11px;
  margin-left: -11px; }

.hover-on .hover-action:before {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-width: 12px;
  margin-left: -12px; }

.hover-on .hover-action .hover-action-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  display: inline-block;
  width: 100%; }

.hover-on .hover-action .hover-action-header .left-2-col {
  display: inline-block; }

.hover-on .hover-action .hover-action-header .right-2-col {
  display: inline-block; }

.hover-on .hover-action .hover-action-header span {
  font-family: "Lora", serif;
  font-size: 13px; }

.hover-on .hover-action .hover-action-header a {
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px;
  color: #DD1E26; }

.hover-on .hover-action .hover-action-header .index-time {
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px; }

.hover-on .hover-action .hover-action-body {
  display: inline-block;
  width: 100%; }

.hover-on .hover-action .hover-action-body table {
  width: 100%; }

.hover-on .hover-action .hover-action-body table tr td {
  padding: 0 10px; }

.hover-on .hover-action .hover-action-body table tr td:first-child {
  padding: 5px 20px; }

.hover-on .hover-action .hover-action-body table tr td:first-child img {
  width: 100%; }

.hover-on .hover-action .hover-action-body table tr td:last-child {
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.hover-on .hover-action .hover-action-body table tr td .weather-stat span {
  display: inline-block;
  font-family: "Lora", serif;
  font-size: 13px; }

.hover-on .hover-action .hover-action-body table tr td p {
  font-family: "Lato-Regular", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.2; }

.hover-on .hover-action .hover-action-body .weather-stat-4 {
  clear: both;
  display: inline-block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 5px 0 0;
  padding: 10px 0 0; }

.hover-on .hover-action .hover-action-body .weather-stat-4 ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.hover-on .hover-action .hover-action-body .weather-stat-4 ul li {
  float: left;
  width: 25%; }

.hover-on .hover-action .hover-action-body .weather-stat-4 ul li img {
  margin-bottom: 4px; }

.hover-on .hover-action .hover-action-body .weather-stat-4 ul li p {
  margin: 0;
  font-family: "Lora", serif;
  font-size: 10px;
  line-height: 1.2; }

.hover-on .hover-action .hover-action-body .index-table {
  width: 170px;
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding-right: 6px; }

.hover-on .hover-action .hover-action-body .index-table table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.hover-on .hover-action .hover-action-body .index-table table tr td {
  text-align: left;
  font-family: "Lora", serif;
  padding: 5px 0;
  font-size: 9px; }

.hover-on .hover-action .hover-action-body .index-table table tr td:first-child {
  padding: 5px 0;
  border-top: 0; }

.hover-on .hover-action .hover-action-body .index-table table tr td:last-child {
  border-left: 0; }

.hover-on .hover-action .hover-action-body .index-table table tr:first-child {
  border-top: 0; }

.hover-on .hover-action .hover-action-body .index-table table tr.gray {
  background: #eeeeee;
  border-top: 0; }

.hover-on .hover-action .hover-action-body .index-chart {
  width: 104px;
  display: inline-block;
  vertical-align: top; }

.hover-on .hover-action .hover-action-body .index-form {
  width: 100%;
  display: inline-block; }

.hover-on:hover .hover-action {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.4s; }

.left-2-col {
  width: 50%;
  text-align: left;
  display: inline-block;
  float: left; }

.right-2-col {
  width: 50%;
  text-align: right;
  display: inline-block;
  float: right; }

.weather-info .tjp-header-inf .tjp-ico-inf {
  display: inline-block;
  vertical-align: top; }

.weather-info .tjp-header-inf .tjp-ico-inf img {
  width: 19px;
  max-width: 100%;
  margin: 0; }

.weather-info .tjp-header-inf span {
  display: inline-block;
  font-family: "Lato-Regular", sans-serif;
  font-size: 14px;
  color: #000; }

.with-border {
  padding-left: 15px;
  position: relative; }

.with-border:before {
  content: "";
  background: #000000;
  width: 1px;
  top: 0px;
  bottom: 2px;
  left: 7px;
  position: absolute; }

.index-info .tjp-header-inf .index-up {
  color: #6FB01E; }

.index-info .tjp-header-inf .index-down {
  color: #DD1E26; }

.index-up {
  color: #6FB01E; }

.index-down {
  color: #DD1E26; }

@media (max-width: 639px) {
  .vox-pop-container .vox-pop .image-prof-vox-pop {
    width: 70px;
    height: 70px; }

  .vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius {
    width: 70px;
    height: 70px; }

  .vox-pop-container .vox-pop p {
    padding-left: 90px; } }
@media (max-width: 768px) {
  .mobile-header-fixed .tjp-wrap-mobile .showin-mobile-version {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 50;
    background: #fff; }

  .mobile-header-fixed .tjp-wrap-content-mobile {
    margin-top: 44px; } }
@media (max-width: 320px) {
  .tjp-wrap-mobile .ads-mobile-leaderboard {
    padding: 2.5px 12px; } }
@media (max-width: 1023px) {
  .container-likePopup {
    display: none !important;
    opacity: 0;
    visibility: hidden; } }
.bkg-likePopup .bkg-inner {
  position: fixed;
  background-color: black;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1010;
  transition: 1s; }

@media (max-width: 1023px) {
  .bkg-likePopup .bkg-inner {
    display: none !important; } }
.likePopup.bkg-likePopup .bkg-inner {
  display: none !important; }

.likePopup .content-likePopup {
  display: none !important; }

.content-likePopup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 720px;
  height: auto;
  background-color: #FFF;
  border-radius: 10px;
  z-index: 1020;
  outline: 0; }

.content-likePopup .header-likePopup {
  padding: 10px; }

.content-likePopup .header-likePopup h3 {
  font-size: 20px;
  color: #ffffff;
  float: left;
  width: 185px;
  font-family: "Lato-Regular", sans-serif;
  margin: 0;
  padding: 0; }

.content-likePopup .header-likePopup a {
  float: right;
  width: 13px;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff;
  border: 0;
  text-align: center;
  overflow: hidden; }

.content-likePopup .header-likePopup a img {
  width: 100px;
  max-width: none; }

.content-likePopup .close-likePopup {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  z-index: 999;
  cursor: pointer; }

.content-likePopup .fb-like-box {
  position: relative; }

.content-likePopup .fb-like-box img {
  position: relative; }

.content-likePopup .fb-like-box .fb-like-button {
  display: block;
  width: 500px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto; }

.content-likePopup .fb-like-1 .fb-like-button {
  top: 145px; }

.content-likePopup .fb-like-2 .fb-like-button {
  top: 145px; }

.content-likePopup .fb-like-3 .fb-like-button {
  top: 145px; }

.content-likePopup .fb-like-4 .fb-like-button {
  top: 145px; }

.content-likePopup .fb-like-5 .fb-like-button {
  top: 145px; }

@media (max-width: 1023px) {
  .content-likePopup {
    display: none !important; } }
.windows .tjp-pargph-1 .tjpslide .tjp-detail-caption .date:before {
  top: 0px;
  bottom: 0px; }

.windows .tjp-latest-entry .top-latest-entry .title-large:before {
  top: 6px;
  bottom: 6px; }

.windows .tjp-latest-entry ul li .detail-latest a .date:before {
  bottom: 4px;
  top: 4px; }

.windows .detail-latest .date span:before {
  top: 9px; }

.windows .date span:before {
  top: 9px; }

.windows .tjp-advert-label {
  line-height: -moz-block-height; }

.windows body .container-advert .caption .date:before {
  top: 0;
  bottom: 0; }

.windows .tjp-latest-entry ul li.highlight .title-large:before {
  top: 14px;
  bottom: 10px; }

.windows .container-right .suscribe input.button-subscribe {
  padding: 11px 0 10px; }

.windows .jak-post-issue .title-issue:before {
  padding: 0px 9px 2px 6px; }

.windows .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
  padding: 0 20px 0; }

.windows .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
  top: 10px;
  bottom: 10px; }

.windows .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
  top: 9px; }

.windows .tjp-full-block-channel .main-container .tjp-detail-caption .date:before {
  top: 0;
  bottom: 0; }

.windows .multimedia-color .tjp-md-headline .tjp-detail-caption a .date::before,
.windows .multimedia-color .tjp-md-slide .tjp-detail-caption a .date::before {
  top: 0;
  bottom: 0; }

.windows .multimedia-color .tjp-md-headline .tjp-detail-caption a .date span::before,
.windows .multimedia-color .tjp-md-slide .tjp-detail-caption a .date span::before {
  top: 9px; }

.windows .index_photo .main-single-page .title::before,
.windows .index_video .main-single-page .title::before,
.windows .multimedia .main-single-page .title::before {
  top: 4px;
  bottom: 5px; }

.windows .main-md-content .main-single-page .date::before {
  top: 0;
  bottom: 0; }

progress {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: .25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: red; }

progress::-webkit-progress-bar {
  background-color: transparent; }

.flat::-webkit-progress-value {
  background-color: red; }

.flat::-moz-progress-bar {
  background-color: red; }

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block; }

.progress-bar {
  background-color: red;
  width: 50%;
  display: block;
  height: inherit; }

.google-search .tjp-pargph-2 {
  overflow: unset; }

.google-search .tjp-latest-entry .title-large {
  font-family: 'Lato-Regular';
  line-height: 1.2;
  margin-top: 0;
  display: block; }

.google-search .tjp-latest-entry .title-large:before {
  top: 0px;
  bottom: 11px; }

.google-search .tjp-latest-entry .gsc-control-cse {
  padding: 0;
  font-family: "Lora", serif; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-result-info {
  padding: 8px 8px 8px 0;
  font-family: "Lato-Regular"; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-thumbnail-inside {
  padding-left: 0px !important; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-url-top {
  display: none !important; }

.google-search .tjp-latest-entry .gsc-control-cse .gs-title {
  line-height: normal;
  height: auto;
  padding: 0 !important;
  font-size: 20px;
  font-family: "Lora", serif; }

.google-search .tjp-latest-entry .gsc-control-cse .gs-title a {
  text-decoration: none; }

.google-search .tjp-latest-entry .gsc-control-cse .gs-title b {
  line-height: normal;
  padding: 0 !important;
  font-size: 20px;
  font-family: "Lora", serif;
  text-decoration: none; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result a {
  padding: 0; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result .gs-snippet {
  font-size: 14px;
  font-family: "Lora", serif;
  font-weight: 300;
  line-height: normal;
  color: #a2a2a2; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-cursor-page {
  font-size: 17px;
  font-family: "Lato-Regular"; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-cursor-page.gsc-cursor-current-page {
  color: #DD1E26 !important; }

.google-search .tjp-latest-entry .gsc-control-cse .gsc-orderby {
  font-family: "Lato-Regular"; }

.google-search .tjp-latest-entry .gsc-control-cse tr .gcsc-branding-clickable {
  width: 50px;
  padding: 0; }

@media (max-width: 768px) {
  .google-search .tjp-latest-entry .gsc-control-cse {
    padding: 0 24px; } }
@media (max-width: 639px) {
  .google-search .tjp-latest-entry .gsc-control-cse {
    padding: 0 12px; } }

/*# sourceMappingURL=tjp-custom.css.map */