/*s:basic*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.block {
  display: block;
}

/*e:basic*/

/*s:clearfix*/

.clearfix {
  clear: both !important;
  height: 0 !important;
  padding: 0;
  float: none !important;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both !important;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

/* Clearfix IE6 */

*:first-child + html .clearfix {
  min-height: 1px;
}

/* Clearfix IE7 */

/*e:clearfix*/

/*s:fontstyle*/

.normal {
  font-weight: normal;
}

/*e:fontstyle*/

/*s:fonttype*/

.arial {
  font-family: Arial, Helvetica, sans-serif;
}

.helvetica {
  font-family: Helvetica, Arial, sans-serif, arial;
}

/*e:fonttype*/

/*s:heading*/

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 13px;
}

/*e:heading*/

/*s:fontsize*/

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

/*e:fontsize*/

/*s:text-align*/

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/*e:text-align*/

/*s:padding & margin*/

.pd5 {
  padding: 5px;
}

.pd7 {
  padding: 7px;
}

.pd10 {
  padding: 10px;
}

.pd15 {
  padding: 15px;
}

.pd20 {
  padding: 20px;
}

.pd25 {
  padding: 25px;
}

.pd30 {
  padding: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.m25 {
  margin: 25px;
}

.m30 {
  margin: 30px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

/*e:padding & margin*/

/*s:fontcolor*/

.l_red,.l_red a {
  color: #F00;
  text-decoration: none;
}

.l_red a:hover {
  text-decoration: underline;
}

.l_white,.l_white a {
  color: #FFF;
  text-decoration: none;
}

.l_white a:hover {
  color: #FFF;
  text-decoration: underline;
}

/*e:fontcolor*/

/*S:BACKGROUND COLOR*/

.bg_white {
  background: #fff;
}

/*E:BACKGROUND COLOR*/

/*s:border radius*/

/*e:border radius*/

/*s:width & height*/

.w0 {
  width: auto !important;
}

.w100p {
  width: 100%;
}

.w90p {
  width: 90%;
}

.w50p {
  width: 50%;
}

.w40p {
  width: 40%;
}

.w30p {
  width: 30%;
}

.w25p {
  width: 25%;
}

.w50 {
  width: 50px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w100 {
  width: 100px;
}

.w125 {
  width: 125px;
}

.w150 {
  width: 150px;
}

.w175 {
  width: 175px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w220 {
  width: 220px;
}

.w225 {
  width: 225px;
}

.w250 {
  width: 250px;
}

.w275 {
  width: 275px;
}

.w300 {
  width: 300px;
}

.w320 {
  width: 320px;
}

.w325 {
  width: 325px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px;
}

.w475 {
  width: 475px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w600 {
  width: 600px;
}

.w650 {
  width: 650px;
}

.w700 {
  width: 700px;
}

.w750 {
  width: 750px;
}

.w800 {
  width: 800px;
}

.w850 {
  width: 850px;
}

.w900 {
  width: 900px;
}

.w950 {
  width: 950px;
}

.w980 {
  width: 980px;
}

.h0 {
  height: auto !important;
}

.h100p {
  height: 100%;
}

.h50p {
  height: 50%;
}

.h50 {
  height: 50px;
}

.h100 {
  height: 100px;
}

.h150 {
  height: 150px;
}

.h200 {
  height: 200px;
}

.h250 {
  height: 250px;
}

.h300 {
  height: 300px;
}

/*e:width & height*/

/*S:GRID*/

/*E:GRID*/

/*S:TABLE*/

.table,.table2 {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

.table td,.table2 td {
  padding: 8px;
}

.table tr:nth-child(even) {
  background: #f2f2f2;
}

.table tr:hover,.table2 tr:hover {
  background: #f7f7f7;
}

.table_border {
  border: 1px solid #ccc;
}

.table_border td {
  border-bottom: 1px solid #ccc;
}

.table_line td {
  border-bottom: 1px solid #ccc;
}

/*E:TABLE*/

/*S:IMAGES*/

.img60 {
  width: 60px;
  height: 45px;
}

.img60w {
  height: 34px;
}

.img60s {
  height: 60px;
}

.img80 {
  width: 80px;
  height: 60px;
}

.img80w {
  height: 45px;
}

.img80s {
  height: 80px;
}

.img120 {
  width: 120px;
  height: 90px;
}

.img120w {
  height: 68px;
}

.img120s {
  height: 120px;
}

.img240 {
  width: 240px;
  height: 180px;
}

.img240w {
  height: 135px;
}

.img240s {
  height: 240px;
}

.img300 {
  width: 300px;
  height: 225px;
}

.img300w {
  height: 169px;
}

.img300s {
  height: 300px;
}

.img60 img,.img80 img,.img120 img,.img240 img,.img300 img {
  height: 100%;
}

.img_border {
  border: 5px solid white;
  -webkit-box-shadow: 0 0 1px #b0b0b0;
  -moz-box-shadow: 0 0 1px #b0b0b0;
  box-shadow: 0 0 1px #b0b0b0;
}

.box_img {
  display: inline-block;
  position: relative;
  width: 100px;
}

.box_img:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

/* Other ratios */

.ratio2_1:before {
  padding-top: 50%;
}

.ratio1_2:before {
  padding-top: 200%;
}

.ratio4_3:before {
  padding-top: 75%;
}

.ratio3_4:before {
  padding-top: 133%;
}

.ratio16_9:before {
  padding-top: 56.25%;
}

.ratio9_16:before {
  padding-top: 178%;
}

.ratio9_8:before {
  padding-top: 85%;
}

.img_con {
  /* Positioning */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* Styling */
  background: black;
  text-align: center;
  vertical-align: center;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}

.img_con img {
  height: 100%;
}

.img_con span {
  font-weight: bold;
  font-size: 3em;
  display: block;
}

/*E:IMAGES*/

/*S:NOTIFICATION BOX*/

/*E:NOTIFICATION BOX*/

/*S:LABEL*/

.label_red {
  background: red;
  color: white;
}

/*E:LABEL*/

/*S:TAB*/

/*E:TAB*/

/*S:PAGING*/

.paging {
  margin: 5px 0;
}

.paging a {
  display: inline-block;
  padding: 6px 10px;
  color: #767676;
  background: #ececec;
  text-decoration: none;
  font-size: 11px;
}

.paging a:hover {
  background: #dddddd;
}

.paging a.selected {
  background: #c1c1c1;
  color: #fff;
}

.paging2 a {
  background: none;
  border-bottom: 2px solid #eeeeee;
}

.paging2 a.selected {
  border-color: #ff0000;
  background: none;
  color: #ff0000;
}

/*E:PAGING*/

/*S:FORMS*/

form {
  margin: 0 0 20px;
}

label,input,button,select {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,button,a.btn,select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

select,input[type="text"],input[type="password"] {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
}

input {
  /*width: 206px;*/
}

input[type="text"],input[type="password"] {
  background: #ffffff;
  border: 1px solid #bbbbbb;
}

input[type="radio"],input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
  width: auto;
}

select,input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 20px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}

select[multiple],select[size] {
  height: auto;
}

input:-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {
  color: #999999;
}

.input30 {
  width: 30%;
}

.input50 {
  width: 50%;
}

.input90 {
  width: 90%;
}

.input100 {
  width: 95%;
}

.input_auto {
  width: auto;
}

input {
  margin-left: 0;
}

input[disabled],select[disabled],input[readonly],select[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
  background-color: transparent;
}

/*S:SELECT CUSTOM*/

.btn {
  display: inline-block;
  *display: inline;
  padding: 6px 12px;
  margin-bottom: 5px;
  margin-top: 5px;
  *margin-left: .3em;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #ebebeb;
  border: 1px solid #adadad;
  *border: 0;
  *zoom: 1;
  text-decoration: none;
  white-space: nowrap;
}

a.btn:hover {
  color: #333333;
  text-decoration: none !important;
}

.btn_red,a.btn_red:hover {
  background: red;
  border: 1px solid #A00;
  color: #fff !important;
}

.btn:hover,.btn:focus,.btn:active,.btn[disabled] {
  opacity: 0.80;
  filter: alpha(opacity=80);
}

.btn[disabled] {
  cursor: default;
  background: #EEEEEE;
  border: 1px solid #ccc;
  color: #aaa;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

/*E:FORMS*/

/*S:listNormal*/

ul {
  margin: 0 0 0 10px;
  padding: 0;
}

ul li {
  margin: 3px 0;
}

ul li ul {
  margin-left: 15px;
}

/*E:listNormal*/

/*S:OrderListNormal*/

/*E:OrderListNormal*/

/*S:THUMBNAIL LIST*/

/*E:THUMBNAIL LIST*/

/*S:listArticle*/

/*E:listArticle*/

/*S:listthumbnailimage*/

/*E:listthumbnailimage*/

/*S:listImageVideo*/

/*S:listImageVideo*/

/*S:PAGING*/

.paging {
  margin: 5px 0;
}

.paging a {
  display: inline-block;
  padding: 6px 10px;
  color: #767676;
  background: #ececec;
  text-decoration: none;
  font-size: 11px;
}

.paging a:hover {
  background: #dddddd;
}

.paging a.selected {
  background: #c1c1c1;
  color: #fff;
}

.paging2 a {
  background: none;
  border-bottom: 2px solid #eeeeee;
}

.paging2 a.selected {
  border-color: #ff0000;
  background: none;
  color: #ff0000;
}

/*E:PAGING*/

/*S:NEWSTICKER*/

/*E:NEWSTICKER*/

/*S:MENUDROPDOWN*/

/* arrows (for all except IE7) */

/* styling for both css and generated arrows */

/* styling for right-facing arrows */

/*E:MENUDROPDOWN*/

/*S:SLIDERBASIC*/

/*S:SLIDERBASIC_1*/

.carou {
  position: relative;
  margin: 10px 20px;
}

a.prev,a.next {
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 55px;
  text-decoration: none;
}

a.prev {
  left: -20px;
}



a.next {
  right: 0;
}



a.prev span,a.next span {
  display: none;
}

.carou ul {
  padding: 0;
  margin: 0;
}

.carou #slide3 li {
  display: block;
  float: left;
  width: 300px;
  padding: 0;
  margin: 0;
}

.carou #slide3 li span {
  margin-bottom: 10px;
}

/*E:SLIDERBASIC_1*/

/*E:SLIDERBASIC*/

/*S:ACCORDION*/

/*E:ACCORDION*/

/*TOOLTIPS*/

.btn:hover .tipr_content,.btn:active .tipr_content,.btn:focus .tipr_content {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Default styling for jQuery Datepicker v4.0.5. */

/*S:MODAL BOX*/

.box_modal {
  cursor: pointer;
}

.pop_box {
  background: rgba(0,0,0,0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 999;
}

.pop_box .pop_box_content {
  padding: 20px;
  background: #fff;
  width: 500px;
  position: relative;
  margin: 0 auto;
  top: 15%;
}

.pop_box iframe {
  position: relative;
}

.close_box,.close_box_style {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 5px 8px;
  background: #f4f4f4;
  cursor: pointer;
}

/*E:MODAL BOX*/

/*ads native*/
.ads_native_d {
  color: #0B5272;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.ads_native_d a {
    text-decoration: none;
  }
.an_box_img {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 15px;
}
.an_box_img:before {
  content: "";
  display: block;
  padding-top:56.25%;
 }
 .an_desk{
  float: left;
  width: 100%;
 }
  .an_desk h2 {
    font-size: 17px;
    line-height: 140%;
    font-weight: bold;
    margin: 5px 0;
  }
.an_text {
  /*display: none;*/
  line-height: 140%;
    color: #3E3E3E;
    font-size: 14px;
    font-weight: 300;
}
.an_sub {
  display: block;
  color: #ff6600;
  font-size: 0.9em;
  font-weight: bold;
}
.an_label {
  font-size: 0.8em;
  color: #707070;
}

/*SORTABLE*/

li.highlight {
  background: #FEE25F;
}

/**/

/* detikcom style 170315 */

body,html {
  margin: 0;
  padding: 0;
  font: normal 12px "Helvetica", Arial;
  background: #ececec;
}

.container {
  width: 1100px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 2;
}

a {
  text-decoration: none;
  border: none;
}

a img {
  border: none;
}

.relative {
  position: relative;
}

.mb15 {
  margin-bottom: 15px;
}

.mr8 {
  margin-right: 8px;
}

/*S:HEADER&MENU*/

.header {
  padding: 15px 0 0 0;
  height: 90px;
}

.header_top {
  margin-top: 15px;
  background-color: #dcdcdc;
}

.header_top a {
  text-decoration: none;
  display: inline-block;
}

.menu {
  background-color: #20409a;
  border-bottom: solid 1px #fe8917;
  position: relative;
}

.menu a {
  color: #fff;
  padding: 12px 0;
  font-size: 15px;
  font-weight: bold;
}

.menu li:hover a {
  border-bottom: solid 4px #fe8917;
  padding: 12px 0 8px 0;
}

.menu ul {
  margin: 0;
  padding: 0;
}

.menu ul li {
  margin: 0;
  padding: 0 14px;
  list-style: none;
  float: left;
  border-left: solid 1px #2c59d6;
  border-right: solid 1px #193177;
}

.menu li:first-child {
  border-left: solid 0px #193177;
}

.menu li:last-child {
  border-right: solid 0px #2c59d6;
}

.menu2 {
  padding: 8px 0 6px 10px;
  position: relative;
}

.menu2 a {
  padding: 6px 6px 5px;
  color: #444444;
  position: relative;
}

.menu2 a.new {
  padding-right: 8px;
}

.menu2 a.new span {
  position: absolute;
  background: red;
  font-size: 8px;
  padding: 1px 3px;
  right: 0px;
  top: -5px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*E:HEADER&MENU*/

/*S:CONTENT*/

.content {
  position: relative;
  min-height: 600px;
  margin: 15px 0;
}

/*S:HEADLINE*/

.box_hl {
  /*padding-bottom:15px;*/
  background-color: #20409a;
  position: relative;
}

.box_hl a:hover,.title_hl:hover h1,.list_feed li:hover h2 {
  /*color:#f6fe19;*/
  color: #fff;
}

.box_hl .box_img {
  width: 100%;
}

.box_hl .text {
  text-align: left;
}

.box_hl .text {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  color: #fff;
  text-transform: none;
  padding: 60px 200px 15px 15px;
  width: calc(100% - 215px);
  font-size: 14px;
  line-height: 140%;
}

.title_hl {
  /*position:absolute;
	bottom:10px;
	left:20px;
	margin-right:5px;
	width:540px;*/
}

span.sub_judul {
  font-size: 14px;
  color: #f6fe19;
  text-align: left;
  font-weight: normal;
  margin-bottom: 5px;
}

.box_hl h1 {
  color: #feba18;
  font-size: 30px;
  line-height: 120%;
  text-align: left;
  text-transform: none;
  font-weight: bold;
}

.labdate {
  /*color:#7183B9;*/
  color: #959595;
  display: block;
}

/*s:terkait*/

/*e:terkait*/

.desc_hl {
  padding: 10px 0 10px 20px;
  width: 535px;
  line-height: 130%;
  font-size: 14px;
  color: #f6f6f6;
}

.list_hl {
  background-color: #1b3682;
  width: 200px;
  height: 100%;
  font-size: 13px;
  position: absolute;
  bottom: -14px;
  right: 0;
  padding: 16px 12px 0;
}

.list_hl .title_lh {
  font-weight: bold;
  text-transform: uppercase;
  color: #feba18;
  margin-bottom: 10px;
}

.list_hl a {
  display: block;
  color: #fff;
  margin-bottom: 10px;
}

.list_hl a:hover {
  opacity: 0.7;
}

.sos_icon {
  position: absolute;
  top: 405px;
  left: 20px;
}

.sos_icon img:hover {
  opacity: 0.9;
}

.sos_icon2 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 145px;
}

.img_sos {
  display: block;
}

.img_sos a img {
  background: #39579a;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  padding: 5px;
}

.sos_icon2 a img:hover {
  width: 26px;
  height: 26px;
  padding: 2px;
}

.img_sos .tw img {
  background: #1aa9e4;
}

.img_sos .gplus img {
  background: #e23c05;
}

.img_sos .emai img {
  background: #8f8f8f;
}

.img_sos .insta img {
  background: #a37a4e;
}

/*.biru2 .desc_hl {background: #20409a;}
.biru2 .area_dhl {background: none !important;}
.biru2 .img_con {background: #20409a !important;}
.biru2 {
	background: #20409a !important;
}*/

/*.no_img .hlsos {
	top: -155px !important;
}*/

/*E:HEADLINE*/

/*S:LEFT CONTENT*/

.l_content {
  width: 250px;
  float: left;
  margin: 15px 15px 0 0;
}

/*S:BOX PROP*/

.list_news1 {
  margin: 10px 0;
  padding: 0;
}

.list_news1 li {
  padding: 10px;
  margin: 0;
  list-style: none;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e0e0e0;
  min-height: 70px;
}

.list_news1 li:first-child {
  border-top: solid 0px #fff;
}

.list_news1 li:last-child {
  border-bottom: solid 0px #e0e0e0;
}

.list_news1 a {
  color: #444444;
  text-decoration: none;
}

.list_news1 a:hover h2,.list_news1 a:hover h3 {
  color: #e54e2c;
  text-decoration: none;
}

.list_fokus li:hover {
  opacity: 0.9;
}

.list_fokus li:hover h2,.list_fokus li:hover h3,.title_normal:hover h3 {
  color: #e54e2c;
}

.list_news1 .box_img {
  width: 30%;
}

.list_fokus {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.list_fokus a {
  color: #444444;
}

.list_fokus li {
  margin: 0;
  padding: 13px 10px 13px 0;
  list-style: none;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e0e0e0;
  min-height: 30px;
  position: relative;
}

.list_fokus .box_img {
  width: 100%;
}

.sticky .list_fokus {
  overflow: hidden;
}

/*.sticky .list_fokus:hover,.sticky .list_fokus:focus {
	overflow: scroll;
}*/

ul {
  list-style-type: none;
}

.list_news2 li:first-child .box_img {
  width: 100%;
}

.list_news2 li:first-child h2,.list_news2 li:first-child h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
}

.list_news2 .labdate {
  color: #666666;
}

.posted {
  font-weight: normal;
  color: #1f629a;
  font-size: 11px;
}

.tr88 {
  top: 8px;
  right: 8px;
}

.title_normal h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.title_normal {
  width: 90%;
  color: #444;
  margin: 10px;
  line-height: 130%;
}

/*E:BOX PROP*/

/*E:LEFT CONTENT*/

/*S:MIDDLE CONTENT*/

.m_content {
  width: 520px;
  float: left;
  margin: 15px 15px 0 0;
  background-color: #1b3682;
  position: relative;
}

.title_feed {
  background-color: #2440a1;
  border-bottom: solid 1px #fe8917;
  padding: 9px 10px 0;
  position: relative;
  z-index: 2;
}

.top_banner_ada .is_stuck {
  margin-top: 50px;
}

.is_stuck {
  margin-top: 0;
}

.title_feed,.is_stuck,.sticky {
  transition: all 200ms linear 0s;
}

.t_lfl {
  float: left;
  padding: 7px 0px 6px;
  margin-left: 7px;
  display: inline-block;
  border-bottom: solid 4px #fe8917;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  /*text-transform:uppercase;*/
}

.list_feed {
  margin: 0 0 10px;
  padding: 0;
}

.list_feed li {
  padding: 10px 10px;
  margin: 0;
  list-style: none;
  border-bottom: solid 1px #13265b;
  border-top: solid 1px #2346a8;
  position: relative;
}

.list_feed li.more_news {
  cursor: pointer;
}

/*.list_feed li a:visited h2{ color:#f2ad0e}*/

.list_feed li:first-child {
  border-top: solid 0px #2346a8;
}

.list_feed li:last-child {
  border-bottom: solid 0px #13265b;
}

.list_feed li:hover .sos_icon2 {
  display: block;
}

.list_feed li .box_img {
  width: 140px;
}

.desc_nhl {
  font-size: 13px;
  color: #fff;
  line-height: 130%;
  width: 345px;
  float: right;
}

.desc_nhl .labdate {
  margin: 2px 0;
}

.desc_nhl h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
  color: #fed019;
}

.desc_nhl .sub_judul {
  color: #fe8917;
  /*text-transform:uppercase;*/
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}

/*E:MIDDLE CONTENT*/

/*S:RIGHT CONTENT*/

.r_content {
  width: 300px;
  float: right;
}

/*E:RIGHT CONTENT*/

/*S:AFTER BELT CONTENT*/

.more_news {
  color: #ffc000;
  font-size: 16px;
  text-transform: uppercase;
  padding: 30px 0 !important;
}

.more_news img {
  vertical-align: middle;
  margin-right: 10px;
}

span.but_more {
  color: #ffc000;
  border: solid 2px #ffc000;
  padding: 10px 28px 8px;
  cursor: pointer;
}

li:hover span.but_more {
  color: #2346a8;
  font-weight: bold;
  background-color: #ffc000;
}

span.but_more2 {
  color: #2346a8;
}

/*E:AFTER BELT CONTENT*/

/*S:DIGITAL MAGAZINE*/

.br {
  right: 0;
}

/*E:DIGITAL MAGAZINE*/

/*E:CONTENT*/

/*S:FOOTER*/

.footer {
  background-color: #1b3682;
  padding: 25px 20px 10px 20px;
  color: #d7d7d7;
}

.foot1 {
  padding: 0 0 10px;
  margin-bottom: 15px;
  border-bottom: solid 1px #fff;
}

.foot3 div {
  margin-bottom: 40px;
}

.foot2 div {
  margin-top: 7px;
  font-size: 12px;
}

.foot2 a {
  padding: 0 6px;
  color: #d7d7d7 !important;
}

.foot3 a {
  padding: 0 6px;
  color: #fff !important;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  opacity: 0.7;
}

.foot_menu {
  font-size: 14px;
  font-weight: bold;
}

.share_bottom {
  display: inline-block;
}

.share_bottom a {
  width: 35px;
  display: inline-block;
}

.share_bottom a img {
  width: 100%;
}

/*E:FOOTER*/

/*S:ADS*/

.c_ads {
  width: 500px;
  overflow: hidden;
  text-align: center;
}

/*E:ADS*/

/*S:WIDGET PROP*/

/*---mags---*/

.but_down {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 13px 30px 10px;
  display: inline-block;
  color: #fff;
  background-color: red;
  margin-top: 10px;
}

.but_down:hover {
  opacity: 0.8;
}

/*--pasang mata--*/

/*--spesial artikel & cnn indonesia--*/

/*Foto Video*/

/*E:WIDGET PROP*/

/* S:INSIDE DETIKCOM */

.inside_d {
  padding: 20px;
  line-height: 140%;
  font-size: 14px;
  min-height: 860px;
}

.inside_d table p {
  margin: 0;
}

.inside_d strong {
  color: #1b3682;
}

.inside_d ul li {
  margin: 8px 18px;
  border: 0 !important;
}

.inside_d h4 {
  padding: 3px 0;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}

.inside_d ul li {
  list-style: disc !important;
  padding: 5px 0 !important;
}

.inside_d a {
  font-weight: bold;
  color: #1b3682;
}

.inside_d a:hover {
  text-decoration: underline;
}

/* E:INSIDE DETIKCOM */

/*s:bbc*/

/*e:bbc*/

/*s:update*/

.img_con span {
  display: block;
  height: 100%;
}

/*e:update*/

/*s:tab pop komentar*/

#box-com {
  display: none;
}

.a-center {
  text-align: center;
  padding: 10px 0;
}

.btn_more {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  border: 2px solid #1b3682;
  padding: 5px 10px;
  color: #1b3682;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

.btn_more:hover {
  background-color: #1b3682;
  color: #fff;
}

/*e:tab pop komentar*/

/*s:update 25 agustus 15*/

.box_hl_new {
  background-color: #1b3682;
  padding: 20px;
  color: #fff;
  position: relative;
}

.box_hl_new .date {
  color: #9f9f9f;
}

.box_hl_new h1 a {
  color: #fff;
  font-weight: bold;
  font-size: 34px;
  line-height: 120%;
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
}

.box_hl_new h1 a:hover {
  color: #fed019;
}

.box_hl_new .box_img {
  width: 480px;
  border: 1px solid #95a7de;
  float: left;
  margin-right: 20px;
}

.box_hl_new .text {
  font-size: 15px;
  line-height: 130%;
  float: left;
  width: 240px;
}

.box_hl_new .label {
  background-color: #ff9600;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 3px 8px;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
}

.box_hl_new a {
  color: #fff;
}

.box_hl_new_text .text {
  float: none;
  width: 100%;
}

.box_hl_new_por .box_img {
  width: 350px;
}

.box_hl_new_por .text {
  width: 360px;
}

.box_hl_new_por h1 a {
  font-size: 32px;
  line-height: 120%;
}

.ratio9_8:before {
  padding-top: 100%;
}

.list_fokus_add li:first-child {
  padding: 0;
  position: relative;
}

.list_fokus_add li:first-child .text {
  position: relative;
  width: 95%;
  width: calc(100% - 10px);
  padding: 5px 0;
  background: #fff;
}

.list_fokus_add li:first-child .text .title_lnf {
  padding-bottom: 5px;
}

/*.list_fokus_add li:first-child .text h2 {
	color: #fff;
}*/

.list_fokus li,.list_news1 li,.list_feed li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.list_fokus_add a {
  display: block;
}

.list_feed li:hover .sos_icon2 {
  display: none;
}

.list_fokus .date {
  color: #7c7c7c;
  font-size: 11px;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.c_ads {
  width: 400px;
  margin-left: 50px;
}

/*e:update 25 agustus 15*/

/*s:update 18 september 15*/

.content {
  margin: 10px 0;
}

.l_content {
  margin: 10px 10px 0 0;
}

.m_content {
  width: 530px;
  margin: 10px 10px 0 0;
}

.r_content .mb15,.l_content .mb15 {
  margin-bottom: 10px;
}

.list_fokus li {
  padding: 5px 10px 5px 0;
}

.list_news1 li {
  min-height: 60px;
}

.header {
  padding: 0;
}

.header_top {
  margin-top: 10px;
}

.list_feed .desc_nhl {
  width: 355px;
}

/*e:update 18 september 15*/

.menu ul li.menud a {
  height: 25px;
  padding: 0;
  padding-top: 7px;
}

.menu ul li.menud:hover a {
  border-bottom: 0;
}

.menu ul li.menud img {
  height: 100%;
}

.menu ul li {
  padding: 0 12px;
}

.w170 {
  width: 170px;
}

.title_hl2 {
  padding: 20px 15px;
  float: right;
  width: 370px;
  max-height: 249px;
  overflow: hidden;
  line-height: 130%;
}

.title_hl2 h1 {
  color: #F9DC16;
  font-weight: bold;
  margin: 10px 0 5px;
  font-size: 26px;
  line-height: 120%;
}

.title_hl2 h1:hover {
  color: #fff;
}

.title_hl2 .sub_judul {
  color: #fe8917;
  display: inline-block;
}

/*S:LIST LEFT FULL & INDEX*/

.w870 {
  width: 870px;
}

.w218 {
  width: 218px;
}

/* .top_idx form input{
	height:1000px;
	padding:50px 0;
}*/

/* S:IDX FOTO VIDEO */

.title_hl3 {
  padding: 15px;
}

.title_hl3 h1 {
  color: #feba18;
  font-size: 30px;
  line-height: 120%;
  text-align: left;
  text-transform: none;
  font-weight: bold;
  margin: 8px 0;
}

.title_hl3 h1:hover {
  color: #fff;
}

/* E:IDX FOTO VIDEO */

/*s:fokus berita*/

.title_fb {
  border-bottom: 3px solid #dfdfdf;
  padding: 0 5px;
  font-size: 13px;
}

.title_fb .f24 {
  font-weight: bold;
}

.list_fokus_indeks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list_fokus_indeks li {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
  position: relative;
}

.list_fokus_indeks li:nth-of-type(n+31):nth-last-of-type(n+2) {
  display: none;
}

.list_fokus_indeks h2 {
  height: 40px;
  line-height: 38px;
  float: left;
  width: 550px;
  margin-left: 15px;
}

.list_fokus_indeks h2 a {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.list_fokus_indeks h2 a:hover {
  color: #fe8917;
}

.list_fokus_indeks .img_sos {
  float: right;
  width: 100px;
  padding-top: 10px;
}

.title_fokus {
  background: #1b3682;
  color: #fff;
  padding: 15px 25px;
}

.title_fokus .sub {
  background: red;
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}

.title_fokus .img_sos {
  margin-top: 5px;
}

.title_fokus h1 {
  color: #feba18;
  font-weight: bold;
}

.nav_fokus {
  border-bottom: 4px solid #dadada;
  height: 45px;
  padding-left: 10px;
}

.nav_fokus a {
  float: left;
  margin: 0 15px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
  color: #686868;
  position: relative;
  margin-bottom: -4px;
  border-bottom: 4px solid #dadada;
}

.nav_fokus a:hover,.nav_fokus a.selected {
  border-color: #1b3682;
  color: #1b3682;
}

/*e:fokus berita*/

/*s:update 26 agustus 15*/

.bacajuga .list_berita article {
  height: 190px;
}

.list_fokus_add li:first-child {
  padding: 0;
  position: relative;
}

.list_fokus_add li:first-child .text {
  position: relative;
  width: 95%;
  width: calc(100% - 10px);
  padding: 5px 0;
  background: #fff;
}

.list_fokus_add li:first-child .text .title_lnf {
  padding-bottom: 5px;
}

/*.list_fokus_add li:first-child .text h2 {
	color: #fff;
}*/

.detail_content {
  width: 790px !important;
}

.pk_detail {
  background-position: 5px !important;
}

.w868 {
  width: 868px;
}

.w217 {
  width: 217px;
}

/*e:update 26 agustus 15*/

@font-face {
  font-family: '"montserrat"';
  font-style: normal;
  font-weight: bold;
  src: url('"../fonts/montserrat-Semibold.eot?"') format("eot"),url('"../fonts/montserrat-Semibold.woff2"') format("woff2"),url('"../fonts/montserrat-Semibold.woff"') format("woff");
}

@font-face {
  font-family: '"montserrat"';
  font-style: normal;
  font-weight: normal;
  src: url('"../fonts/montserrat-regular.eot?"') format("eot"),url('"../fonts/montserrat-regular.woff2"') format("woff2"),url('"../fonts/montserrat-regular.woff"') format("woff");
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.block {
  display: block;
}

.clearfix {
  clear: both !important;
  height: 0 !important;
  padding: 0;
  float: none !important;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both !important;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

*:first-child+html .clearfix {
  min-height: 1px;
}

.normal {
  font-weight: normal;
}

.arial {
  font-family: Arial, Helvetica, sans-serif;
}

.helvetica {
  font-family: Helvetica, Arial, sans-serif, arial;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 13px;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.pd5 {
  padding: 5px;
}

.pd7 {
  padding: 7px;
}

.pd10 {
  padding: 10px;
}

.pd15 {
  padding: 15px;
}

.pd20 {
  padding: 20px;
}

.pd25 {
  padding: 25px;
}

.pd30 {
  padding: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.m25 {
  margin: 25px;
}

.m30 {
  margin: 30px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.l_red,.l_red a {
  color: #F00;
  text-decoration: none;
}

.l_red a:hover {
  text-decoration: underline;
}

.l_white,.l_white a {
  color: #FFF;
  text-decoration: none;
}

.l_white a:hover {
  color: #FFF;
  text-decoration: underline;
}

.bg_white {
  background: #fff;
}

.w0 {
  width: auto !important;
}

.w100p {
  width: 100%;
}

.w90p {
  width: 90%;
}

.w50p {
  width: 50%;
}

.w40p {
  width: 40%;
}

.w30p {
  width: 30%;
}

.w25p {
  width: 25%;
}

.w50 {
  width: 50px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w100 {
  width: 100px;
}

.w125 {
  width: 125px;
}

.w150 {
  width: 150px;
}

.w175 {
  width: 175px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w220 {
  width: 220px;
}

.w225 {
  width: 225px;
}

.w250 {
  width: 250px;
}

.w275 {
  width: 275px;
}

.w300 {
  width: 300px;
}

.w320 {
  width: 320px;
}

.w325 {
  width: 325px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px;
}

.w475 {
  width: 475px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w600 {
  width: 600px;
}

.w650 {
  width: 650px;
}

.w700 {
  width: 700px;
}

.w750 {
  width: 750px;
}

.w800 {
  width: 800px;
}

.w850 {
  width: 850px;
}

.w900 {
  width: 900px;
}

.w950 {
  width: 950px;
}

.w980 {
  width: 980px;
}

.h0 {
  height: auto !important;
}

.h100p {
  height: 100%;
}

.h50p {
  height: 50%;
}

.h50 {
  height: 50px;
}

.h100 {
  height: 100px;
}

.h150 {
  height: 150px;
}

.h200 {
  height: 200px;
}

.h250 {
  height: 250px;
}

.h300 {
  height: 300px;
}

.table,.table2 {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

.table td,.table2 td {
  padding: 8px;
}

.table tr:nth-child(even) {
  background: #f2f2f2;
}

.table tr:hover,.table2 tr:hover {
  background: #f7f7f7;
}

.table_border {
  border: 1px solid #ccc;
}

.table_border td {
  border-bottom: 1px solid #ccc;
}

.table_line td {
  border-bottom: 1px solid #ccc;
}

.img60 {
  width: 60px;
  height: 45px;
}

.img60w {
  height: 34px;
}

.img60s {
  height: 60px;
}

.img80 {
  width: 80px;
  height: 60px;
}

.img80w {
  height: 45px;
}

.img80s {
  height: 80px;
}

.img120 {
  width: 120px;
  height: 90px;
}

.img120w {
  height: 68px;
}

.img120s {
  height: 120px;
}

.img240 {
  width: 240px;
  height: 180px;
}

.img240w {
  height: 135px;
}

.img240s {
  height: 240px;
}

.img300 {
  width: 300px;
  height: 225px;
}

.img300w {
  height: 169px;
}

.img300s {
  height: 300px;
}

.img60 img,.img80 img,.img120 img,.img240 img,.img300 img {
  height: 100%;
}

.img_border {
  border: 5px solid white;
  -webkit-box-shadow: 0 0 1px #b0b0b0;
  -moz-box-shadow: 0 0 1px #b0b0b0;
  box-shadow: 0 0 1px #b0b0b0;
}

.box_img {
  display: inline-block;
  position: relative;
  width: 100px;
}

.box_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ratio2_1:before {
  padding-top: 50%;
}

.ratio1_2:before {
  padding-top: 200%;
}

.ratio4_3:before {
  padding-top: 75%;
}

.ratio3_4:before {
  padding-top: 133%;
}

.ratio16_9:before {
  padding-top: 56.25%;
}

.ratio9_16:before {
  padding-top: 178%;
}

.ratio9_8:before {
  padding-top: 85%;
}

.img_con {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  text-align: center;
  vertical-align: center;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}

.img_con img {
  height: 100%;
}

.img_con span {
  font-weight: bold;
  font-size: 3em;
  display: block;
}

.label_red {
  background: red;
  color: white;
}

label,input,button {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,button,a.btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="text"],input[type="password"] {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
}

input[type="text"],input[type="password"] {
  background: #ffffff;
  border: 1px solid #bbbbbb;
}

input[type="radio"],input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
  width: auto;
}

input[type="file"] {
  height: 30px;
  *margin-top: 4px;
  line-height: 20px;
}

input:-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {
  color: #999999;
}

.input30 {
  width: 30%;
}

.input50 {
  width: 50%;
}

.input90 {
  width: 90%;
}

.input100 {
  width: 95%;
}

.input_auto {
  width: auto;
}

input {
  margin-left: 0;
}

input[disabled],input[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
  background-color: transparent;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 6px 12px;
  margin-bottom: 5px;
  margin-top: 5px;
  *margin-left: .3em;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #ebebeb;
  border: 1px solid #adadad;
  *border: 0;
  *zoom: 1;
  text-decoration: none;
  white-space: nowrap;
}

a.btn:hover {
  color: #333333;
  text-decoration: none !important;
}

.btn_red,a.btn_red:hover {
  background: red;
  border: 1px solid #A00;
  color: #fff !important;
}

.btn:hover,.btn:focus,.btn:active,.btn[disabled] {
  opacity: 0.80;
  filter: alpha(opacity=80);
}

.btn[disabled] {
  cursor: default;
  background: #EEEEEE;
  border: 1px solid #ccc;
  color: #aaa;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

ul {
  margin: 0 0 0 10px;
  padding: 0;
}

ul li {
  margin: 3px 0;
}

ul li ul {
  margin-left: 15px;
}

a.prev,a.next {
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 55px;
  text-decoration: none;
}

a.prev {
  left: -20px;
}

a.next {
  right: 0;
}

a.prev span,a.next span {
  display: none;
}

.btn:hover .tipr_content,.btn:active .tipr_content,.btn:focus .tipr_content {
  opacity: 1;
  filter: alpha(opacity=100);
}

.box_modal {
  cursor: pointer;
}

.pop_box {
  background: rgba(0,0,0,0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 999;
}

.pop_box .pop_box_content {
  padding: 20px;
  background: #fff;
  width: 500px;
  position: relative;
  margin: 0 auto;
  top: 15%;
}

.pop_box iframe {
  position: relative;
}

.close_box,.close_box_style {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 5px 8px;
  background: #f4f4f4;
  cursor: pointer;
}

body,html {
  margin: 0;
  padding: 0;
  font: normal 12px "Helvetica", Arial;
  background: #ececec;
}

.container {
  width: 1100px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 2;
}

a {
  text-decoration: none;
  border: none;
}

a img {
  border: none;
}

.relative {
  position: relative;
}

.mb15 {
  margin-bottom: 15px;
}

.mr8 {
  margin-right: 8px;
}

.header {
  padding: 15px 0 0 0;
  height: 90px;
}

.header_top {
  margin-top: 15px;
  background-color: #dcdcdc;
}

.header_top a {
  text-decoration: none;
  display: inline-block;
}

.menu {
  background-color: #20409a;
  border-bottom: solid 1px #fe8917;
  position: relative;
}

.menu a {
  color: #fff;
  padding: 12px 0;
  font-size: 15px;
  font-weight: bold;
}

.menu li:hover a {
  border-bottom: solid 4px #fe8917;
  padding: 12px 0 8px 0;
}

.menu li.menud:hover a {
  border: none;
}

.menu ul {
  margin: 0;
  padding: 0;
}

.menu ul li {
  margin: 0;
  padding: 0 14px;
  list-style: none;
  float: left;
  border-left: solid 1px #2c59d6;
  border-right: solid 1px #193177;
}

.menu ul li.menud a {
  height: 25px;
  padding: 0;
  padding-top: 9px;
  text-transform: uppercase;
}

.menu ul li.menud img {
  height: 100%;
}

.menu li:first-child {
  border-left: solid 0px #193177;
}

.menu li:last-child {
  border-right: solid 0px #2c59d6;
}

.menu2 {
  padding: 8px 0 6px 10px;
  position: relative;
}

.menu2 a {
  padding: 6px 6px 5px;
  color: #444444;
  position: relative;
}

.menu2 a.new {
  padding-right: 8px;
}

.menu2 a.new span {
  position: absolute;
  background: red;
  font-size: 8px;
  padding: 1px 3px;
  right: 0px;
  top: -5px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.content {
  position: relative;
  min-height: 600px;
  margin: 15px 0;
}

.sos_icon {
  position: absolute;
  top: 405px;
  left: 20px;
}

.sos_icon img:hover {
  opacity: 0.9;
}

.sos_icon2 {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 145px;
}

.img_sos {
  display: block;
}

.img_sos a img {
  background: #39579a;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  padding: 5px;
}

.sos_icon2 a img:hover {
  width: 26px;
  height: 26px;
  padding: 2px;
}

.img_sos .tw img {
  background: #1aa9e4;
}

.img_sos .gplus img {
  background: #e23c05;
}

.img_sos .emai img {
  background: #8f8f8f;
}

.img_sos .insta img {
  background: #a37a4e;
}

.l_content {
  width: 250px;
  float: left;
  margin: 15px 15px 0 0;
}

.list_news1 {
  margin: 10px 0;
  padding: 0;
}

.list_news1 li {
  padding: 10px;
  margin: 0;
  list-style: none;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e0e0e0;
  min-height: 70px;
}

.list_news1 li:first-child {
  border-top: solid 0px #fff;
}

.list_news1 li:last-child {
  border-bottom: solid 0px #e0e0e0;
}

.list_news1 a {
  color: #444444;
  text-decoration: none;
}

.list_news1 a:hover h2,.list_news1 a:hover h3 {
  color: #e54e2c;
  text-decoration: none;
}

.list_fokus li:hover {
  opacity: 0.9;
}

.list_fokus li:hover h2,.list_fokus li:hover h3,.title_normal:hover h3 {
  color: #e54e2c;
}

.list_news1 .box_img {
  width: 30%;
}

.list_fokus {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.list_fokus a {
  color: #444444;
}

.list_fokus li {
  margin: 0;
  padding: 13px 10px 13px 0;
  list-style: none;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #e0e0e0;
  min-height: 30px;
  position: relative;
}

.list_fokus .box_img {
  width: 100%;
}

.sticky .list_fokus {
  overflow: hidden;
}

ul {
  list-style-type: none;
}

.list_news2 li:first-child .box_img {
  width: 100%;
}

.list_news2 li:first-child h2,.list_news2 li:first-child h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
}

.list_news2 .labdate {
  color: #666666;
}

.posted {
  font-weight: normal;
  color: #1f629a;
  font-size: 11px;
}

.tr88 {
  top: 8px;
  right: 8px;
}

.title_normal h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.title_normal {
  width: 90%;
  color: #444;
  margin: 10px;
  line-height: 130%;
}

.m_content {
  width: 520px;
  float: left;
  margin: 15px 15px 0 0;
  background-color: #1b3682;
  position: relative;
}

.title_feed {
  background-color: #2440a1;
  border-bottom: solid 1px #fe8917;
  padding: 9px 10px 0;
  position: relative;
  z-index: 2;
}

.title_feed,.sticky {
  transition: all 200ms linear 0s;
}

.t_lfl {
  float: left;
  padding: 7px 0px 6px;
  margin-left: 7px;
  display: inline-block;
  border-bottom: solid 4px #fe8917;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.list_feed {
  margin: 0 0 10px;
  padding: 0;
}

.list_feed li {
  padding: 10px 10px;
  margin: 0;
  list-style: none;
  border-bottom: solid 1px #13265b;
  border-top: solid 1px #2346a8;
  position: relative;
  font-family: helvetica, arial, sans-serif;
}

.list_feed li.more_news {
  cursor: pointer;
}

.list_feed li:first-child {
  border-top: solid 0px #2346a8;
}

.list_feed li:last-child {
  border-bottom: solid 0px #13265b;
}

.list_feed li:hover .sos_icon2 {
  display: block;
}

.list_feed li .box_img {
  width: 140px;
}

.desc_nhl {
  font-size: 13px;
  color: #fff;
  line-height: 130%;
  width: 345px;
  float: right;
}

.desc_nhl .labdate {
  margin: 2px 0;
}

.desc_nhl h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
  color: #fed019;
}

.desc_nhl .sub_judul {
  color: #fe8917;
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}

.r_content {
  width: 300px;
  float: right;
}

.more_news {
  color: #ffc000;
  font-size: 16px;
  text-transform: uppercase;
  padding: 30px 0 !important;
}

.more_news img {
  vertical-align: middle;
  margin-right: 10px;
}

span.but_more {
  color: #ffc000;
  border: solid 2px #ffc000;
  padding: 10px 28px 8px;
  cursor: pointer;
}

li:hover span.but_more {
  color: #2346a8;
  font-weight: bold;
  background-color: #ffc000;
}

span.but_more2 {
  color: #2346a8;
}

.br {
  right: 0;
}

.footer {
  background-color: #1b3682;
  padding: 25px 20px 10px 20px;
  color: #d7d7d7;
}

.foot1 {
  padding: 0 0 10px;
  margin-bottom: 15px;
  border-bottom: solid 1px #fff;
}

.foot3 div {
  margin-bottom: 40px;
}

.foot2 div {
  margin-top: 7px;
  font-size: 12px;
}

.foot2 a {
  padding: 0 6px;
  color: #d7d7d7 !important;
}

.foot3 a {
  padding: 0 6px;
  color: #fff !important;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  opacity: 0.7;
}

.foot_menu {
  font-size: 14px;
  font-weight: bold;
}

.share_bottom {
  display: inline-block;
}

.share_bottom a {
  width: 35px;
  display: inline-block;
}

.share_bottom a img {
  width: 100%;
}

.list_feed li:hover h2 {
  color: #fff;
}

span.sub_judul {
  font-size: 14px;
  color: #f6fe19;
  text-align: left;
  font-weight: normal;
  margin-bottom: 5px;
}

.labdate {
  color: #959595;
  display: block;
}

.c_ads {
  width: 500px;
  overflow: hidden;
  text-align: center;
}

.img_con span {
  display: block;
  height: 100%;
}

#box-com {
  display: none;
}

.a-center {
  text-align: center;
  padding: 10px 0;
}

.btn_more {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  border: 2px solid #1b3682;
  padding: 5px 10px;
  color: #1b3682;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

.btn_more:hover {
  background-color: #1b3682;
  color: #fff;
}

.ratio9_8:before {
  padding-top: 100%;
}

.list_fokus li,.list_news1 li,.list_feed li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.list_feed li:hover .sos_icon2 {
  display: none;
}

.list_fokus .date {
  color: #7c7c7c;
  font-size: 11px;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.c_ads {
  width: 400px;
  margin-left: 50px;
}

.content {
  margin: 10px 0;
}

.l_content {
  margin: 10px 10px 0 0;
}

.r_content .mb15,.l_content .mb15 {
  margin-bottom: 10px;
}

.list_fokus li {
  padding: 5px 10px 5px 0;
}

.list_news1 li {
  min-height: 60px;
}

.header {
  padding: 0;
}

.header_top {
  margin-top: 10px;
}

.list_feed .desc_nhl {
  width: 355px;
}

.menu ul li {
  padding: 0 12px;
}

.w170 {
  width: 170px;
}

.w870 {
  width: 870px;
}

.w218 {
  width: 218px;
}

.title_fb {
  border-bottom: 3px solid #dfdfdf;
  padding: 0 5px;
  font-size: 13px;
}

.title_fb .f24 {
  font-weight: bold;
}

.title_fokus {
  background: #1b3682;
  color: #fff;
  padding: 15px 25px;
}

.title_fokus .sub {
  background: red;
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}

.title_fokus .img_sos {
  margin-top: 5px;
}

.title_fokus h1 {
  color: #feba18;
  font-weight: bold;
}

.nav_fokus {
  border-bottom: 4px solid #dadada;
  height: 45px;
  padding-left: 10px;
}

.nav_fokus a {
  float: left;
  margin: 0 15px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
  color: #686868;
  position: relative;
  margin-bottom: -4px;
  border-bottom: 4px solid #dadada;
}

.nav_fokus a:hover,.nav_fokus a.selected {
  border-color: #2D6923;
  color: #2D6923;
}

.bacajuga .list_berita article {
  height: 190px;
}

.detail_content {
  width: 790px !important;
}

.pk_detail {
  background-position: 5px !important;
}

.w868 {
  width: 868px;
}

.w217 {
  width: 217px;
}

body {
  font-family: "montserrat",Helvetica,Arial,sans-serif;
  background: #f0f0f0;
}

.header_top {
  background: none;
}

.header_top .menu {
  background: #1d4316;
  border: 0;
}

.header_top .menu2 {
  background: #24541c;
  margin-bottom: 10px;
}

.footer {
  background: #2d6923;
  margin-top: 15px;
}

.menu ul li {
  padding: 0 12px;
  border: 0;
}

.menu2 {
  color: #fff;
}

.menu2 a {
  color: #fff;
  border: 0;
}

.menu2 a:hover {
  color: #fe8917;
}

.menu li.selected a {
  border-bottom: solid 4px #fe8917;
  padding: 12px 0 8px 0;
}

.text .date {
  padding-left: 5px;
  font-size: 13px;
  color: #dadada;
  margin-bottom: 5px;
}

.content {
  margin: 0;
}

.title_feed {
  background: #2a781e;
  border: 0;
}

.list_feed li:first-child {
  border-top: 0;
}

.list_feed li {
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.title_lr .tb-line {
  position: absolute;
  width: 7px;
  height: 15px;
  background: #48be36;
  line-height: 0;
  top: 50%;
  margin-top: -8px;
  left: 0;
}

.btn_more2 {
  border-radius: 100px;
  background: rgba(0,0,0,0.4);
  color: #fff;
  text-align: center;
  width: 23px;
  height: 23px;
  line-height: 20px;
  font-size: 18px;
  display: inline-block;
  padding: 0;
  font-weight: bold !important;
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -12px 0 0 0 !important;
}

.title_feed {
  height: 40px;
  padding: 0;
  border-bottom: 1px solid #3d932f;
}

.t_lfl {
  text-transform: uppercase;
  position: relative;
  border: 0;
  font-size: 18px;
  height: 40px;
  line-height: 45px;
  padding: 0;
  padding-left: 10px;
}

.t_lfl span {
  color: #eaff00;
}

.list_news1 {
  margin: 0;
}

.list_news1 li {
  border: 0;
}

.list_news1 .sub {
  color: #d30000;
  font-weight: bold;
}

.list_feed .sub_judul {
  font-weight: bold;
}

.list_fokus h2 span {
  font-weight: bold;
  font-size: 13px;
  line-height: 135% !important;
}

.btn_more {
  border-color: #2a781e;
  color: #2a781e;
}

.btn_more:hover {
  background: #2a781e;
}

.but_more:hover {
  color: #2a781e !important;
}

.btn_more2:hover {
  background: #fed019;
  color: #000 !important;
  opacity: 1 !important;
}

.title_img {
  border-bottom: 3px solid #ffd200;
}

.title_img img {
  display: block;
  width: 100%;
}

.title_subkanal {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  margin: 10px 0;
}

.title_subkanal img {
  height: 60px;
  margin-right: 10px;
  float: left;
}

.img_sos a img {
  margin-top: 10px;
}

.header-match {
  background: url(../images/topskor-tim.jpg);
  background-size: cover;
}

.desc_nhl {
  font-weight: normal;
}

.list_berita2 {
  margin: 10px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
}

.list_berita2 .box_img {
  width: 200px;
}

.list_berita2 .desc_nhl {
  width: 500px;
  float: left;
  width: calc(100% - 220px);
  color: #000;
}

.list_berita2 .desc_nhl h2 {
  color: #000;
}

.list_berita2 .desc_nhl h2:hover {
  color: #d75b00;
}

.list_berita2 .desc_nhl .sub {
  color: #FF8300;
  font-weight: bold;
}

.list_berita2a .box_img {
  width: 140px;
}

.list_berita2a .desc_nhl {
  width: calc(100% - 160px);
}

.list_berita2a h2 {
  font-size: 15px;
}

.list_berita3 {
  width: 33.3%;
  width: calc(33.3% - 10px);
  float: left;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 15px;
}

.list_berita3:nth-child(3n+3) {
  margin-right: 0;
}

.list_berita3 .box_img {
  width: 100%;
}

.list_berita3 .desc_nhl {
  width: 100%;
  width: calc(100% - 20px);
  padding: 10px;
  height: 100px;
}

.list_berita3 .desc_nhl h2 {
  color: #000;
  font-size: 15px;
}

.list_berita3 .desc_nhl .sub_judul {
  font-weight: bold;
}

.list_berita3:hover .ico_vid {
  width: 60px;
  opacity: 0.8;
  margin-left: -30px;
  margin-top: -30px;
}

.btn_more4 {
  border: 2px solid #2d6923;
  color: #2d6923;
  font-weight: bold;
  font-size: 15px;
  padding: 10px 20px;
  margin: 10px;
  display: inline-block;
}

.btn_more4:hover {
  background-color: #2d6923;
  color: #fff;
}

.nav-tim {
  height: 45px;
  background: #225518;
  width: 100%;
  margin-top: 10px;
}

.nav-tim a {
  float: left;
  color: #fff;
  text-decoration: none;
  width: 20%;
  text-align: center;
  font-size: 15px;
}

.nav-tim a span {
  height: 40px;
  display: inline-block;
  line-height: 40px;
  border-bottom: 5px solid #225518;
}

.nav-tim a.selected span {
  border-color: #FFBF00;
  color: #FFBF00;
}

.nav-tim a:hover {
  color: #FFBF00;
}

.nav-tim4 a {
  width: 25%;
}

.btn_match {
  background: #e40000;
  text-align: center;
  color: #fff;
  font-weight: bold;
  width: 110px;
  border-radius: 3px;
  margin: 5px 0;
  height: 30px;
  line-height: 30px;
  display: block;
}

.header-match {
  height: 260px;
  text-align: center;
}

.header-match .tim1 {
  float: left;
  width: 40%;
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
}

.header-match .tim1 img {
  width: 120px;
}

.header-match .vs {
  float: left;
  width: 20%;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  margin-top: 50px;
}

.header-match .vs span {
  width: 40%;
  background: orange;
  border-radius: 3px;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 32px;
}

.ma-hasil-timeline .list {
  position: relative;
  margin-bottom: 10px;
}

.ma-hasil-timeline .list .tim1 {
  float: left;
  width: 50%;
}

.ma-hasil-timeline .list .tim1 .action {
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 10px;
}

.ma-hasil-timeline .list .tim1 .action .ico {
  position: absolute;
  width: 40px;
  margin-top: 5px;
}

.ma-hasil-timeline .list .tim1 .action-img .ico {
  position: absolute;
  width: 25px;
  right: -10px;
  bottom: -8px;
}

.ma-hasil-timeline .list .tim1 .action .box_img {
  width: 100%;
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid #ECECEC;
}

.ma-hasil-timeline .list .tim2 {
  float: right;
}

.ma-hasil-timeline .list .tim2 .action {
  right: 0;
}

.ma-hasil-timeline .list .tim2 .action-img .ico {
  right: 20px;
}

.ma-hasil-timeline .list .time {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #F1F1F1;
  border-radius: 100px;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  left: 50%;
  top: 10px;
  margin-left: -15px;
  font-size: 15px;
  color: #4C4C4C;
}

.center2 {
  float: left;
  width: calc(100% - 500px);
  z-index: 5;
  position: relative;
  margin-left: 15px;
}

.pic_artikel,.detail_text {
  font-weight: normal;
  font-family: helvetica, arial;
}

.title_fokus {
  background: #2D6923;
}

.list_berita3:hover .fthl-jdl h2 {
  color: #fff !important;
}

.labdate {
  display: block !important;
}

.ratiobox {
  display: block;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.ratiobox.ratio_16_9:after {
  padding-top: 56.25%;
}

.ratiobox.ratio_4_3:after {
  padding-top: 75%;
}

.ratiobox.ratio_3_4:after {
  padding-top: 133%;
}

.ratiobox:after {
  content: "";
  display: block;
  padding-top: 100%;
  overflow: hidden;
}

.ratiobox_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ratiobox_content iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@-moz-keyframes myfirst {
  0% {
    background: yellow;
  }

  100% {
    background: black;
  }

  50% {
    background: yellow;
  }
}

@-webkit-keyframes myfirst {
  0% {
    background: yellow;
  }

  100% {
    background: black;
  }

  50% {
    background: yellow;
  }
}

.detail_content {
  float: left;
  background: #fff;
  width: 780px;
  min-height: 500px;
}

.detail_content_full {
  width: 100%;
}

.breadcrumb {
  float: left;
  padding: 20px 15px;
  color: #8c8c8c;
}

.breadcrumb a {
  font-size: 12px;
  color: #8c8c8c;
  text-decoration: none;
  display: inline-block;
  padding: 0 2px;
}

.btn_like {
  float: right;
  padding: 10px 15px;
}

.btn_like a {
  float: left;
  text-decoration: none;
  color: #fff;
  background: #39579a;
  padding: 7px 8px;
  margin-left: 3px;
}

.btn_like a.tw {
  background: #19a9e3;
}

.btn_like a.gplus {
  background: #e23c05;
}

.btn_like a.insta {
  background: #9d7144;
}

.btn_like a img {
  height: 15px;
  float: left;
}

.btn_like a span {
  float: left;
  padding-top: 3px;
  font-size: 11px;
  padding-left: 5px;
  display: none;
}

.btn_like a:hover {
  opacity: 0.8;
}

.jdl {
  color: #8c8c8c;
  padding: 10px 15px;
}

.jdl h2 {
  color: #ff7800;
  font-size: 18px;
  padding-top: 10px;
  font-weight: bold;
  padding-bottom: 5px;
}

.jdl h1 {
  color: #2a781e;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: -0.5px;
}

.jdl .author {
  padding-top: 5px;
}

#banner_top_detail {
  width: 728px;
  padding: 15px 26px;
  text-align: -webkit-center;
}

.share_top {
  padding: 10px 0;
  margin: 0 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.share_top .total_share {
  float: left;
  width: 140px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #21409b;
}

.share_top .total_share strong {
  display: block;
  text-align: center;
  color: #cccccc;
  font-size: 18px;
}

.share_link {
  float: right;
  width: 600px;
}

.share_link a {
  float: left;
  margin-left: 5px;
  width: calc(25% - 21px);
  color: #fff;
  background: #39579a;
  padding: 8px;
  text-align: center;
  height: 30px;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}

.share_link a img {
  height: 30px;
  float: left;
  padding-left: 15px;
  border-right: 2px dotted rgba(255,255,255,0.3);
  padding-right: 10px;
}

.share_link a span {
  float: right;
  width: 45%;
  text-align: left;
  height: 30px;
  line-height: 35px;
}

.share_link5 a {
  width: calc(20% - 21px);
}

.share_link5 a img {
  padding-left: 5px;
  padding-right: 5px;
}

.share_link5 a span {
  width: 50%;
}

.share_float {
  float: left;
  width: 55px;
  margin-left: 15px;
}

.share_float a {
  display: block;
  margin-bottom: 5px;
  background: #39579a;
  padding: 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.share_float a img {
  width: 30px;
}

.share_float a span {
  display: block;
  opacity: 0.8;
}

.share_link .tw,.share_float .tw {
  background: #1aa9e4;
}

.share_link .gplus,.share_float .gplus {
  background: #e23c05;
}

.share_link .comm,.share_float .comm {
  background: #8f8f8f;
}

.share_link .embed {
  line-height: 30px;
}

.share_link .embed span {
  width: 20%;
  float: left;
  text-align: center;
}

.share_link .embed span:nth-child(2) {
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  width: 60%;
  padding-top: 2px;
}

.share_link a:hover,.share_link a.embed:hover,.share_float a:hover {
  -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.4);
  box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.4);
}

.pic_artikel {
  margin-bottom: 15px;
  margin-top: -1px;
}

.pic_artikel img {
  display: block;
  padding-bottom: 5px;
  width: 100%;
}

.pic_artikel span {
  padding: 0 15px;
  font-size: 12px;
  color: #929292;
  display: block;
  line-height: 120%;
}

.pic_artikel_por {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 320px;
  position: relative;
}

.pic_artikel_por span {
  padding: 0;
}

.video_detail {
  width: 100%;
  height: 460px;
  margin-bottom: 20px;
  background: #000;
  margin-top: -1px;
  position: relative;
}

.video_detail iframe {
  position: relative;
  z-index: 1;
}

.embed_video {
  padding: 20px 0;
}

.embed_video .title {
  font-size: 13px;
  font-weight: bold;
}

.embed_video input {
  display: block;
  padding: 10px;
  width: calc(100% - 20px);
  font-size: 13px;
  font-family: helvetica, arial;
  height: 15px;
}

.content_a {
  float: left;
  width: 630px;
}

.content_a .pic_artikel {
  margin-left: 15px;
}

.content_a .pic_artikel span {
  padding-left: 0;
  padding-right: 0;
}

.detail_text {
  float: left;
  width: 540px;
  font-size: 16px;
  line-height: 140%;
  margin-left: 15px;
  color: #2d2d2d;
}

.detail_text img {
  max-width: 100%;
  height: auto !important;
}

.skybanner {
  float: right;
  width: 120px;
  margin-right: 15px;
}

.detail_text .quotesisip {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
  width: 280px;
  border-top: 8px solid #000;
  border-bottom: 1px solid #000;
  margin-right: 25px;
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: -85px;
  background: #fff;
  z-index: 2;
  position: relative;
}

.detail_text blockquote {
  float: left;
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 20px 10px 0 25px;
  line-height: 120%;
  position: relative;
  color: #000;
  font-weight: bold;
}

.detail_text blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  font-weight: normal;
}

.detail_text blockquote cite:before {
  content: "\2014 \2009";
  font-family: 'arial black',arial;
  font-style: normal;
}

.detail_text .linksisipfoto {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
  width: 250px;
  margin-right: 25px;
  margin-left: -85px;
  color: #fff;
  z-index: 2;
  position: relative;
  border: 0;
  background: #000;
}

.detail_text .linksisipfoto .box_img:before {
  display: none;
}

.detail_text .linksisipfoto .box_img {
  width: 100%;
}

.detail_text .linksisipfoto .box_img img {
  display: block;
}

.detail_text .linksisipfoto h3 {
  font-size: 15px;
  padding: 5px 10px 10px;
  color: #fff;
  line-height: 130%;
  font-weight: bold;
}

.detail_text .linksisipfoto a:hover,.detail_text .linksisipfoto a:hover h3 {
  color: yellow;
  text-decoration: none;
}

.detail_text .foto_sisip {
  text-align: center;
  margin-bottom: 10px;
  color: #929292;
  font-size: 12px;
  line-height: 120%;
  width: 100%;
}

.detail_text .foto_sisip .pic {
  position: relative;
  display: inline-block;
  text-align: left;
  max-width: 100%;
  text-align: center;
  background: #f9f9f9;
}

.detail_text .foto_sisip .pic img {
  max-width: 100%;
  margin-bottom: 5px;
}

.detail_text .foto_sisip .caption {
  display: block;
  padding: 5px 10px;
}

.detail_text .sisip_video iframe {
  width: 100%;
  height: 360px;
}

.detail_text .pic_artikel_sisip_table {
  text-align: center;
  margin-bottom: 10px;
  color: #929292;
  font-size: 12px;
  line-height: 120%;
  width: 100%;
  table-layout: fixed;
}

.detail_text .pic_artikel_sisip {
  margin-bottom: 25px;
}

.detail_text .pic_artikel_sisip .pic {
  position: relative;
  display: inline-block;
  text-align: left;
  /*width: 540px;*/
  max-width: 100%;
  text-align: center;
  background: #f9f9f9;
  padding-bottom: 10px;
}

.detail_text .pic_artikel_sisip .pic img {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.detail_text .newstag {
  font-weight: bold;
  font-style: italic;
  padding: 30px 0 20px;
  height: auto;
  font-size: 13px;
}

.detail_text .newstag span {
  float: left;
  width: 70%;
  width: calc(100% - 120px);
}

.detail_text .newstag a {
  float: right;
  width: 100px;
}

.detail_text .newstag a img {
  width: 100%;
}

.detail_text .newstag2 span {
  clear: both;
  width: 100%;
}

.detail_text .link_sisip {
  color: red;
  font-weight: bold;
  margin-bottom:20px;
}

.detail_text a {
  font-weight: bold;
  color: #19378f;
  text-decoration: none;
}

.detail_text a:hover {
  text-decoration: underline;
}

/*.detail_text iframe{
  width:100%;
}*/

.komentar_box {
  padding: 10px 15px;
}

.bacajuga {
  margin: 10px 15px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.bacajuga .title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.bacajuga .list_berita article:nth-child(9) {
  display: none;
}

.list_berita article {
  float: left;
  width: 25%;
}

.list_berita article a {
  display: block;
  margin-right: 10px;
}

.list_berita article:hover {
  opacity: 0.8;
}

.list_berita .box_img {
  width: 100%;
  margin-bottom: 5px;
}

.list_berita h3 {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 130%;
}

.list_berita .sub {
  display: block;
  font-weight: bold;
  color: red;
}

.btn_kom_more a {
  background: #19378f;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
}

.list_feed_detail {
  width: 700px;
  margin: 0 auto;
}

.list_feed_detail li {
  border: 0;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
}

.list_feed_detail .desc_nhl {
  width: 545px;
  color: #6e6e6e;
}

.list_feed_detail .desc_nhl h2 {
  color: #000;
}

.list_feed_detail .desc_nhl .labdate {
  color: #aaa;
}

.list_feed_detail .box_img {
  overflow: hidden;
}

.list_feed_detail li:hover .desc_nhl h2 {
  color: #2a781e;
}

.mp-nav {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px;
  text-align: right;
  font-style: italic;
  color: #a7a7a7;
  font-size: 15px;
  margin: 0 15px;
  margin-bottom: 15px;
  line-height: 100%;
}

.mp-nav-bot {
  border-top: 1px solid #ccc;
  border-bottom: 0;
  margin: 0;
}

.mp-nav-bot2 {
  border-top: 1px solid #ccc;
}

.mp-nav .mp-nav-btn {
  background: #2a781e;
  display: inline-block;
  padding: 8px 12px 7px;
  margin: 0 0 3px 5px;
  text-align: center;
  top: 5px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #fff;
  border-radius: 100px;
  height: 16px;
  vertical-align: middle;
}

.mp-nav .mp-nav-btn img {
  float: right;
  padding-left: 10px;
}

.mp-nav .mp-nav-btn-l img {
  padding-right: 10px;
  padding-left: 0;
  float: left;
}

.mp-nav .mp-nav-btn:hover {
  background: red;
}

a.list_mp_btn {
  background: #2a781e;
  color: #fff;
  border: none;
  border-radius: 4px;
  position: relative;
  margin: -70px 0 0;
  float: right;
  padding: 11px 15px;
}

a.list_mp_btn img {
  vertical-align: middle;
  margin: 0 0 0 10px;
}

a.list_mp_btn:hover {
  opacity: 0.8;
  color: #fff;
}

.mp-nav-foto {
  border-bottom: 0;
  margin: 0;
}

.mp-nav .mp-nav-btn:hover .preview_artikel {
  display: block !important;
}

.multi-nav {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  border-top: 1px solid #ccc;
  padding-top: 5px;
}

.multi-nav a:hover .tx_np {
  color: red;
}

.multi-nav .box_img {
  width: 80px;
}

.multi-nav a {
  width: 235px;
  display: block;
  text-align: left;
  line-height: 16px;
  position: relative;
}

.multi-nav a:hover {
  text-decoration: none;
}

.multi-nav a h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}

.w147 {
  width: 147px;
}

.multi-nav a:hover .ico_mul {
  background-color: red;
}

.title_mp {
  color: #2a781e;
  float: left;
  text-align: left;
  display: block;
  width: 65%;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: bold;
}

.title_mp span {
  line-height: 1.25;
  display: inline-block;
  margin: 0 0 0 10px;
}

.foto_detail {
  background: #171717;
  position: relative;
  overflow: hidden;
}

.foto_detail .box_img {
  width: 100%;
  display: block;
  background: #171717;
}

.foto_detail .box_img .img_con {
  background: #000 !important;
}

.foto_detail .img_zoom {
  position: absolute;
  z-index: 2;
  width: 25px;
  padding: 10px;
  border-radius: 3px;
  background: rgba(0,0,0,0.6);
  top: 0;
  right: 0;
  margin: 15px;
  opacity: 0.6;
}

.foto_detail .img_zoom:hover {
  opacity: 1;
}

.foto_detail .img_zoom img {
  width: 100%;
}

.pop_box {
  background: none;
}

.foto_detail .nav_foto_detail {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 25px;
  padding: 10px;
  border-radius: 3px;
  background: rgba(0,0,0,0.6);
  opacity: 0.7;
  margin-top: -30px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.foto_detail .nav_foto_detail img {
  width: 100%;
}

.foto_detail .nav_foto_detail-r {
  right: 0;
}

.foto_detail .nav_foto_detail:hover {
  opacity: 1;
  width: 35px;
}

.foto_detail_caption {
  padding: 10px 15px;
  font-size: 13px;
  background: #3d3d3d;
  color: #fff;
  line-height: 130%;
}

.popzoom .jdl {
  padding: 10px 5px 10px 0;
}

.popzoom .jdl h2 {
  font-size: 12px;
  color: #fff;
}

.popzoom .jdl h1 {
  font-size: 24px;
  color: #fff;
}

.popzoom .author {
  font-size: 12px;
}

.desc_zm {
  float: right;
  width: calc(25% - 15px);
  height: auto;
  margin-top: 20px;
  padding-right: 10px;
  line-height: 150%;
  font-size: 14px;
  margin-left: 10px;
  color: #fff;
}

.popzoom .share_link {
  width: 100%;
}

.popzoom .share_top {
  margin: 0;
  border-top: 1px solid #383838;
  border-bottom: 1px solid #383838;
}

.popzoom .share_link a img {
  height: 18px;
}

.popzoom .share_link a {
  height: 18px;
}

.popzoom .share_link a span {
  height: 20px;
  line-height: 20px;
}

.foto_zoom {
  width: calc(75% - 15px);
  float: left;
  margin-top: 10px;
}

.detail_infogrfis {
  width: 680px;
}

.detail_infogrfis img {
  width: 100%;
}

.title_box {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 30px;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.title_box a {
  float: right;
  color: red;
  display: inline;
  text-align: center;
  width: 20px;
}

.title_box a:hover {
  color: blue;
  background: rgba(0,0,0,0.1);
}

.list_video2 {
  width: calc(33.3% - 15px);
  margin-right: 20px;
  margin-top: 10px;
  float: left;
}

.list_video2:hover {
  opacity: 0.8;
}

.list_video2 a {
  display: block;
  color: #747474;
}

.list_video2 .box_img {
  width: 100%;
  margin-bottom: 5px;
}

.list_video2 h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 130%;
  color: #000;
  padding-bottom: 5px;
}

.list_video2 .time {
  color: red;
}

.btn_artikel_kmbl {
  display: inline-block;
  margin: 5px 15px;
  background: #ebebeb;
  padding: 10px 15px;
  border: 1px solid #ccc;
  color: #000;
  font-weight: bold;
  font-size: 13px;
}

.btn_artikel_kmbl:hover {
  background: #2c59d6;
  color: #fff;
  border-color: #2c59d6;
}

.text_pk {
  float: left;
  width: 353px;
  border-right: dotted 2px #ccc;
  padding-right: 20px;
}

.pk_detail {
  margin-bottom: 15px;
  background: url(../images/bg_dsr.png) repeat-y;
}

.title_lr_fokus {
  padding-top: 8px !important;
}

.title_lr_fokus strong {
  display: inline-block;
  padding: 3px;
  font-size: 13px;
  text-transform: uppercase;
  background: #fe8917;
  margin-bottom: 5px;
}

table.quotesisip2 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
}

.quotesisip2 blockquote {
  float: left;
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 1px 10px 0 64px;
  line-height: 1.1;
  position: relative;
  color: #000;
}

.quotesisip2 blockquote:before {
  display: block;
  content: "\201C";
  font-size: 100px;
  position: absolute;
  left: 0px;
  top: -15px;
  color: #b4b4b4;
  font-family: 'arial black',arial;
  font-style: normal;
}

.quotesisip2 blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.quotesisip2 blockquote cite:before {
  content: "\2014 \2009";
  font-family: 'arial black',arial;
  font-style: normal;
}

.fol {
  font-size: 12px;
  color: #8c8c8c;
  position: relative;
  bottom: -8px;
  margin-right: 5px;
}

.reaction_ {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  margin: 20px 15px 0;
}

.reaction_ .title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.reaction_ a {
  float: left;
  width: calc(12.5% - 2px);
  margin-right: 2px;
  text-align: center;
  padding: 5px 0;
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease;
}

@-webkit-keyframes bar_n {
  0% {
    height: 0%;
  }
}

.reaction_ .info {
  display: block;
  text-align: center;
  font-size: 11px;
  padding-top: 3px;
  position: relative;
  z-index: 2;
}

.reaction_ a img {
  width: 50%;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.reaction_ a:hover .info,.reaction_ a.selected .info {
  color: #fff;
}

.ico_d img {
  float: right;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  display: none;
  margin-top: 4%;
}

@media screen and (max-width: 500px) {
  .reaction_ .title {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
  }

  .reaction_ a {
    width: calc(25% - 2px);
    margin-bottom: 2px;
  }

  .reaction_1 {
    display: none;
  }

  .ico_d img {
    display: block;
  }
}

.inforedaksi {
  margin: 10px 15px 20px;
  padding-top: 10px;
  font-size: 15px;
  line-height: 130%;
  border-top: 1px solid #ccc;
}

.inforedaksi a {
  color: #2440A2;
  text-decoration: none;
  font-weight: bold;
}

.detail_fokus_l {
  background: #20409A;
  font-size: 13px;
  margin: 10px 15px 30px;
  display: table;
  width: calc(100% - 30px);
}

.detail_fokus_l strong {
  color: #fff;
  background: #CC0000;
  display: table-cell;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 10px 10px;
  vertical-align: middle;
  width: 95px;
  font-family: inherit;
}

.detail_fokus_l a {
  color: #000;
  text-decoration: none;
  padding: 10px 15px;
  float: left;
  line-height: 1.25;
}

.detail_fokus_l a:hover {
  background-color: rgba(0,0,0,0.1);
}

.detail_fokus_l a:nth-child(2) {
  background-image: url(../images/arrow_fokus.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.share_top .total_share {
  color: #2a781e;
}

.detail_fokus_l strong,.btn_kom_more a {
  background-color: #2a781e;
}

.detail_fokus_l {
  background-color: #ffea00;
}

.detail_fokus_l a {
  color: #000;
  font-weight: bold;
}

.mp-nav .mp-nav-btn {
  background-color: #2a781e;
}

.inforedaksi a,.detail_text a {
  color: #2a781e;
}

.btn_kom_more a:hover {
  opacity: 0.7;
}

.btn_artikel_kmbl:hover {
  background-color: #2a781e;
}

.detail_text {
  font-family: helvetica, arial;
}

.share-top-new a img {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.share-top-new a:hover {
  opacity: 0.8;
}

.share-top-new a:hover span {
  display: none;
}

.share-top-new a:hover img {
  transform: scale(1.2);
}

.share-top-new .share_float span {
  display: none;
}

.share-top-new .share_float a {
  width: 55px !important;
  height: 55px !important;
  border-radius: 3px !important;
}

.share-top-new .share_float a img {
  width: 56px !important;
  height: 56px !important;
  padding: 13px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.share-top-new a.komentar:hover span {
  display: block;
}

.list_berita {
  margin: 0;
}

.bacajuga {
  margin: 10px 15px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.bacajuga .title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

.list_berita article {
  float: left;
  width: 25%;
}

.list_berita article a {
  display: block;
  margin-right: 10px;
}

.list_berita article:hover {
  opacity: 0.8;
}

.list_berita .box_img {
  width: 100%;
  margin-bottom: 5px;
}

.list_berita h3 {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 130%;
}

.list_berita .sub {
  display: block;
  font-weight: bold;
  color: red;
}

.btn_kom_more a {
  background: #19378f;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
}

a.judul_detail_multi {
  display: block;
  clear: both;
  font-size: 16px;
  padding: 20px 0 25px;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #banner_top_detail {
    width: 650px;
    padding: 15px 13px;
  }

  #banner_top_detail img {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .container {
    width: 1000px;
  }

  .menu ul li {
    padding: 0 10px 0 11px;
  }

  .menu a {
    font-size: 14px;
  }

  .list_feed li .box_img {
    width: 125px;
  }

  .list_feed li .desc_nhl {
    width: 60%;
    width: calc(100% - 140px);
  }

  .desc_nhl h2 {
    font-size: 16px;
  }

  .c_ads {
    width: 100%;
  }

  .ratio9_8:before {
    padding-top: 100%;
  }

  .foot_menu {
    font-size: 13px;
  }

  .foot3 a {
    padding: 0 4px;
  }

  .c_ads {
    margin-left: 0px;
  }

  .detail_content {
    width: 690px !important;
  }

  .share_link {
    width: 500px;
  }

  .share_link a img {
    padding-left: 5px;
    padding-right: 5px;
  }

  .share_link a span {
    width: 50%;
  }

  .detail_text {
    width: 441px;
  }

  .detail_text .pic_artikel_sisip .pic {
    width: auto;
  }

  .list_feed_detail {
    width: 650px;
  }

  .bacajuga .list_berita article {
    width: 33%;
    height: 200px;
  }

  .bacajuga .list_berita article:nth-child(7),  .bacajuga .list_berita article:nth-child(8) {
    display: none;
  }

  .detail_infogrfis {
    width: 100%;
  }

  .text_pk {
    width: 272px;
  }

  .pk_detail {
    background-position: 5px 50px !important;
  }

  .pk_detail {
    background-position: -44px !important;
  }

  .list_artikel_fokus>article>a {
    margin: 0 0 12px !important;
  }

  .btn_match {
    width: 80px;
    font-size: 9px;
  }
}

.detail_tag a {
  display: inline-block;
  background: #e5e5e5;
  padding: 3px 12px;
  margin: 10px 0 0;
  color: #717171;
  -webkit-border-radius: 10px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}

.detail_tag a:hover {
  background: #4A90E2;
  color: #fff;
  text-decoration: none;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-bold-webfont.eot');
  src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),         url('../fonts/montserrat-bold-webfont.woff') format('woff'),         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-regular-webfont.eot');
  src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),         url('../fonts/montserrat-regular-webfont.woff') format('woff'),         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),         url('../fonts/mxontserrat-regular-webfont.svg#montserratregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-light-webfont.eot');
  src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),         url('../fonts/montserrat-light-webfont.woff') format('woff'),         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
  font-weight: 300;
  font-style: normal;
}

body {
  font-family: 'montserrat', Arial, sans-serif !important;
  background: #fff;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,cite,code,img,q,s,strong,sub,var,b,u,i,center,ul,li,form,label,table,caption,tbody,tr,td,article,embed,footer,header,menu,nav,time,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,footer,header,menu,nav {
  display: block;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,*:before,*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

strong {
  font-weight: bold;
}

.detail_text {
  margin: 0;
}

.komentar_box {
  padding: 10px 0;
}

.btn_artikel_kmbl {
  margin: 15px 0;
  display: block;
  width: 155px;
}

.btn_artikel_kmbl:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

/*body {
    background: url(../images/bg.jpg) top left no-repeat #fff;
    background-size: 100%;
}
body.detail_artikel {
    background: url(../images/bg2.jpg) top left no-repeat #fff;
    background-size: 100%;
}*/

.center {
  text-align: center;
}

.oh {
  overflow: hidden!important;
}

.content_area {
  position: relative;
  padding: 25px 0;
  max-width: 1100px;
  margin: 0 auto;
}

.lnhl {
  position: relative;
  margin: 0px 0px 0;
  width: calc(100% - 330px);
  float: left;
  background-color: #fff;
  border-radius: 1px;
}

.lhl {
  position: relative;
  margin: 0px 0px 0;
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 1px;
}

.lnhl ul:after {
  content: '';
  clear: both;
  display: block;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  position: relative;
  top: -24px;
}

.lnhl ul li,.lhl ul li {
  width: calc(100% / 2);
  float: left;
  /*max-height: 360px;*/
  overflow: visible;
  margin: 0 0 30px 0;
}



.lnhl ul li:nth-of-type(odd),.lhl ul li:nth-of-type(odd) {
  padding-right: 15px;
}

.lnhl ul li:nth-of-type(even),.lhl ul li:nth-of-type(even) {
  padding-left: 15px;
}

.lnhl ul li:nth-of-type(3) article,.lnhl ul li:nth-of-type(4) article {
  border: none;
}

.lnhl ul li .ratiobox,.lhl ul li .ratiobox {
  margin-bottom: 15px;
  box-shadow: 1px 1px 5px transparent;
  border-radius: 2px;
}

.lnhl ul li:hover .ratiobox,.lhl ul li:hover .ratiobox {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.lnhl ul li h2,.lhl ul li h2 {
  font-size: 17px;
  line-height: 140%;
  font-weight: bold;
  margin: 5px 0;
}

.lnhl ul li p,.lhl ul li p {
  line-height: 140%;
  display: block;
  margin-bottom: 35px;
}

.lhl ul li article {
  position: relative;
  border-bottom: 1px solid #D3D3D3;
  /*height: 360px;*/
}

.lnhl ul li article {
  border-bottom: 1px solid #D3D3D3;
  position: relative;
  /*overflow: hidden;*/
}

.lnhl a,.lhl a {
  color: #3E3E3E;
  font-size: 14px;
  font-weight: 300;
}

.subkat,.subkat_hl {
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 7px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(224,47,50,0.69);
}

.subjudul {
  color: #EAB901;
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: normal;
}

.ratiobox {
  display: block;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.ratiobox_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ratiobox.ratio_16_9:after {
  padding-top: 56.25%;
}

.ratiobox.ratio_3_4:after {
  padding-top: 133%;
}

.ratiobox:after {
  content: "";
  display: block;
  padding-top: 100%;
  overflow: hidden;
}

.widget_right {
  width: 300px;
  overflow: hidden;
  float: right;
}

.hl {
  position: relative;
  margin-bottom: 30px;
}

.hl h1,.hl h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 1px solid #7C7C7C;
  padding-bottom: 20px;
  line-height: 130%;
}

.hl h2 {
  font-size: 22px;
  line-height: 140%;
}

.hl p {
  margin-top: 20px;
  line-height: 1.3em;
}

.subkat_hl {
  position: static;
  display: inline-block;
  margin-bottom: 10px;
  line-height: normal;
}

.hl ~ hr {
  border: 0;
  border-top: 1px solid #d3d3d3;
  margin-bottom: 30px;
}

.hl .text {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 20px;
  color: #fff;
  width: 100%;
  padding: 0 30px;
}

.hl article a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/hl_shadow.png) center center;
  background-size: cover;
  /*z-index: 1;*/
}

.hl a:hover h1 {
  color: #FFC900;
}

.header {
  height: auto;
  position: relative;
  z-index: 3;
}

.bg {
  background: url('../images/bg_about.jpg') top center no-repeat #000 fixed;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 75%;
  top: 0;
}

.wrap {
  width: 100%;
}

.trap {
  position: absolute;
  top: 507px;
  width: 100%;
  height: 100%;
  background: #fff;
  -moz-transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -2deg);
  -o-transform: skew(0deg, -2deg);
  -ms-transform: skew(0deg, -2deg);
  transform: skew(0deg, -2deg);
}

.bg .trap.bg-detail {
  top: 200px;
}

.header .logo_abtg {
  position: relative;
  width: 170px;
  z-index: 2;
  float: left;
  top: 15px;
  /*left: calc(50% - 85px);
  top: calc(50% - 20px);*/
  /*text-align: center;*/
}
.logo_abtg_mobile {
  display: none;
}
.header .logo_abtg img {
  /*width: 100%;*/
}

.header .menu_icon,.header .menu_close {
  display: none;
}

.menu {
  /*background: url(../images/logo.png) center center no-repeat;
    background-size: 169px 101px;*/
  border: 0;
  max-width: 1100px;
  margin: 0 auto;
  /*height: 101px;*/
  height: 50px;
  position: relative;
  background: none;
  /*top: 32px;*/
  top: 25px;
}

.menu ul:after {
  content: '';
  display: block;
  clear: both;
}

.menu ul li {
  border: 0;
  /*float: right;*/
  margin: 0 25px;
  padding: 0;
}

/*.menu ul li:nth-child(1) {
  margin-left: 5px;
}

.menu ul li:nth-child(5) {
  margin-right: 5px;
  margin-left: 240px;
}

.menu ul li:nth-child(-n+4) {
  float: left;
  margin-right: 35px;
}*/

.menu ul li a,.menu ul li.sub span {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  position: relative;
  padding: 0;
}

.menu ul li a.selected {
  color: #FFC900;
}

.menu ul li a.selected:before {
  content: '';
  display: block;
  width: 10px;
  height: 9px;
  background: url(../images/selected_sym.png) no-repeat top left;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: -23px;
}

.menu li:hover a {
  border: 0;
  padding: 0;
  color: #FFC900;
}

.menu ul li.sub {
  position: relative;
  padding: 15px 0;
  top: -15px;
  /*transition: all 0.5s ease;*/
}

.menu ul li.sub a,.menu ul li.sub span {
  padding: 10px;
  color: #fff;
}

.menu ul li.sub:hover > ul {
  display: block;
}

.menu ul li.sub:hover {
  background: #BC2128;
}

.menu ul li.sub ul {
  display: none;
  position: absolute;
  top: 100%;
  background: #BC2128;
  z-index: 20;
}

.menu ul li.sub ul li {
  margin: 0;
  width: 185px;
}

.menu ul li.sub ul li a {
  line-height: normal;
  padding: 15px 10px;
  display: block;
  color: #fff;
}

.menu ul li.sub ul li a:hover {
  background: #961c22;
  transition: all 0.5s ease;
}

.header .login {
  text-align: right;
  max-width: 1100px;
  margin: 0 auto 20px;
  position: relative;
}

.header .login .search {
  position: relative;
  top: 15px;
  /*opacity: 0;*/
}

.header .login .search img {
  width: 43px;
  height: 39px;
}

.header .login .wpdetik {
  position: relative;
  top: 10px;
}

.header .login .wpdetik img {
  width: 27px;
  height: 27px;
}

.header .login a,.header .login a:visited,.header .login a:active {
  color: #fff;
  font-size: 11px;
  font-weight: 300;
  padding: 0 15px;
}

.header .login a:hover {
  color: #F9CE09;
}

.header .login ul li {
  display: inline-block;
}

.header .login li:nth-child(2) a,.header .login li:nth-child(3) a {
  border-left: 1px solid #fff;
}

.infobox {
  background-color: #292F33;
  padding: 15px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  line-height: 1.3em;
  margin-bottom: 25px;
}

.infobox a.link,.infobox a.link:hover,.infobox a.link:active,.infobox a.link:visited {
  color: #EAB901;
  margin-top: 5px;
  display: block;
}

.infobox .kirim_btn {
  float: right;
  margin-top: 15px;
}

.kirim_btn {
  color: #fff;
  padding: 2px 21px;
  background-color: #BC2128;
  font-size: 12px;
  font-weight: 300;
  display: inline-block;
}

#twitter-widget-0 {
  margin-bottom: 25px !important;
}

@-webkit-keyframes ani-mouse {
  0% {
    transform: translate(0,0);
  }

  50% {
    transform: translate(0,-10px);
  }

  100% {
    transform: translate(0,0);
  }
}

@-moz-keyframes ani-mouse {
  0% {
    transform: translate(0,0);
  }

  50% {
    transform: translate(0,-10px);
  }

  100% {
    transform: translate(0,0);
  }
}

@keyframes ani-mouse {
  0% {
    transform: translate(0,0);
  }

  50% {
    transform: translate(0,-10px);
  }

  100% {
    transform: translate(0,0);
  }
}

.loadmore {
  padding:15px 20px;
  display: inline-block;
  background: #292F33;
  color:#fff!important;
}
.loadmore:hover{
  background: #000;
}

.experts_wrap {
  background: url(../images/expert_bg.jpg) top left no-repeat fixed;
  background-size: cover;
  -moz-transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -2deg);
  -o-transform: skew(0deg, -2deg);
  -ms-transform: skew(0deg, -2deg);
  transform: skew(0deg, -2deg);
}

.experts_header {
  -moz-transform: skew(0deg, 2deg);
  -webkit-transform: skew(0deg, 2deg);
  -o-transform: skew(0deg, 2deg);
  -ms-transform: skew(0deg, 2deg);
  transform: skew(0deg, 2deg);
}

.experts_header2 .experts_pic,.experts_header2 .experts_name,.experts_header2 .more_sym {
  -moz-transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -2deg);
  -o-transform: skew(0deg, -2deg);
  -ms-transform: skew(0deg, -2deg);
  transform: skew(0deg, -2deg);
}

.experts_list {
  -moz-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  -o-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
}

.experts_header ul,.experts_list {
  width: 1000px;
  margin: 0 auto;
}

.experts_title {
  color: #fff;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 30px;
  padding-top: 60px;
  text-align: center;
  position: relative;
}

.experts_title:after,.experts_title:before {
  content: '';
  display: block;
  border-top: 1px solid #fff;
  width: 37%;
  left: 0;
  bottom: 17px;
  position: absolute;
}

.experts_title:before {
  right: 0;
  left: auto;
}

/*.experts_header {
    padding-bottom: 50px;
}*/

.experts_header ul {
  text-align: center;
}

.experts_header ul li {
  float: left;
  width: calc(97% / 6);
  /*height: 245px;*/
  margin: 0 10px;
}

.experts_header ul li a:after {
  content: '';
  display: block;
  clear: both;
}

.experts_header ul li a:hover .box_img {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.experts_pic {
  background: url(../images/experts_frame.png) top center no-repeat;
  background-size: 100%;
  padding: 12px;
  margin-bottom: 20px;
}

.experts_pic  .box_img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.experts_list {
  float: none;
  background: none;
}

.experts_list ul {
  margin: 0 -23px;
}

.experts_list ul li {
  width: calc(100% / 3);
  padding: 0 23px !important;
}

/*.experts_list ul li:nth-child(3n+1) {
    padding-left: 0 !important;
}
.experts_list ul li:nth-child(3n) {
    padding-right: 0 !important;
}*/

.experts_list ul li article {
  border: 0;
}

.experts_list ul:after {
  border: none;
}

.bannernhl {
  /*overflow: hidden;*/
  position: relative;
}

.bannernhl > span {
  position: absolute;
  top: -12px;
  left: 110px;
  font-size: 11px;
  color: #a8a8a8;
}

.bannernhl img {
  width: 100%;
}

.read_experts {
  font-weight: bold;
  font-size: 17px;
  color: #3E3E3E;
  letter-spacing: 1px;
  text-align: right;
  position: relative;
  margin-bottom: 50px;
}

.read_experts span {
  color: #E73737;
}

/*.read_experts:before {
    content: '';
    display: block;
    background: url(../images/white_triangle.png) top left no-repeat;
    background-size: cover;
    width: 82px;
    height: 39px;
    position: absolute;
    top: -25px;
    right: 95px;
}*/

.read_experts:after {
  content: '';
  display: block;
  background: url(../images/arrow_down.png) top left no-repeat;
  background-size: cover;
  width: 11px;
  height: 14px;
  position: absolute;
  bottom: -30px;
  right: 95px;
}

.experts_name {
  color: #fff;
  font-size: 16px;
  display: block;
  position: relative;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.experts_label {
  color: #FFC900;
  font-size: 17px;
  /*position: absolute;
    bottom: -30px;
    right: 0;*/
  text-align: center;
  display: block;
  margin-top: 12px;
}

.quotesnfact {
  background-color: #191818;
  color: rgba(255,255,255,0.9);
}

.quotesnfact h3 {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  padding: 15px 0;
}

.quotesnfact li {
  width: calc(100% / 3);
  float: left;
  position: relative;
}

.quotesnfact li:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
}

.quotesnfact li .quote {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  width: 85%;
  display: block;
  margin: 0 auto;
}

.quotesnfact li .quote .info {
  color: #DDD209;
  font-size: 17px;
  display: block;
  border-top: 1px solid #7C7C7C;
  padding-top: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

footer {
  background: #000;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}

footer,footer a {
  color: #fff;
}

footer .foot_container {
  width: 1000px;
  margin: 0 auto;
}

.foot_title {
  font-size: 19px;
}

footer ul li {
  float: left;
  font-weight: 300;
  font-size: 14px;
}

footer .foot_container .fl ul {
  margin-left: -5px;
}

footer .foot_container .fl ul li {
  border-right: 1px solid #fff;
  padding: 0 8px;
}

footer .foot_container .fl ul li:last-child {
  border: 0;
}

.foot_container .fr {
  text-align: right;
}

.logod img {
  width: 192px;
}

.copy {
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0;
}

footer .fr ul {
  position: relative;
  left: 3px;
}

footer .fr ul li {
  padding: 0 5px;
}

footer .fr ul li:before {
  content: '.';
  position: relative;
  bottom: 3px;
  right: 5px;
}

footer a:hover {
  color: #DDD209;
}

/*S: Halaman Detail*/

.r_content {
  overflow: hidden;
  margin-top: 60px;
}

.detail_content {
  background: none;
  padding-right: 20px;
}

.widget_head {
  width: 100%;
  height: 50px;
  background-color: #000;
  /*text-align: center;*/
  padding-left: 20px;
  line-height: 50px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  background: url(../images/bg_headwidget.png) right top no-repeat #000;
  background-size: auto 100%;
  /*margin-top: 68px;*/
}

.breadcrumb,.breadcrumb a {
  font-size: 12px;
  font-weight: 300;
  padding: 0 8px;
}

.breadcrumb,.breadcrumb a:first-child {
  padding-left: 0;
}

.breadcrumb .selected {
  color: #EAB901;
}

.jdls {
  padding-left: 0;
  margin-top: 50px;
}

.jdl {
  padding-top: 50px;
  padding-bottom: 20px;
}

.jdl h1 {
  font-size: 28px;
  color: #3E3E3E;
  margin-top: 10px;
}

.jdl h2 {
  color: #EAB901;
  padding-bottom: 0;
}

.jdl .subkat {
  position: static;
  display: inline-block;
  background-color: #E02F32;
}

.widget {
  padding-top: 1px;
}

.widg {
  height: 1033px;
}

.widget-analysis {
  padding-top: 1px;
}

.widget_tw {
  height: 400px;
  margin-bottom: 25px;
}

.tabs {
  text-align: center;
}

.tabs a {
  color: #aaa;
  position: relative;
  padding: 0 15px;
  font-size: 20px;
  top: -10px;
}

.tabs a.selected {
  color: #C02C33;
}

.switch {
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
  width: 70px;
  height: 40px;
  border-radius: 999px;
  background-color: #aaa;
  margin-bottom: 10px;
  -webkit-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
  -moz-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
  transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
}

.switch .helper {
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-block;
  background-color: #C02C33;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  -moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.switch.ui-checked {
  border-color: #aaa;
  background-color: #aaa;
}

.switch.ui-checked .helper {
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
}

.pic_artikel span {
  font-family: 'montserrat', Arial, sans-serif !important;
  font-weight: 300;
}

.detail_text {
  color: #3e3e3e;
  width: auto;
}

.inforedaksi a,.detail_text a {
  color: #e02f32;
}

.btn_kom_more a {
  background-color: #E02F32;
}

.experts_header2 {
  background: url(../images/experts_bg2.png) top left no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0;
  margin-bottom: 40px;
}

.experts_header2 ul {
  text-align: left;
}

.experts_header2 ul li {
  margin: 20px 0 0 130px;
  position: relative;
  padding-top: 20px;
}

.more_sym {
  position: absolute;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  left: -130px;
  top: 55%;
  overflow: visible;
}

.more_sym img {
  width: 24px;
  height: 33px;
  position: absolute;
  left: 39%;
  bottom: -45px;
}

.experts_header2 .experts_name {
  position: absolute;
  display: block;
  top: 31%;
  right: -180px;
  text-align: left;
}

.experts_header2 .experts_label {
  right: auto;
  left: 0;
}

.widget_head2 {
  width: 110%;
  margin: 0 0 30px -5%;
}

/*E: Halaman Detail*/

.breadcrumb2 {
  float: none;
  padding: 40px 0 20px;
}

/*.breadcrumb2,.breadcrumb2 a {
    color:#fff;
}*/

.experts_jumbotron .profile {
  width: 355px;
}

.experts_jumbotron .profile .experts_pic {
  width: 150px;
}

.experts_jumbotron .text {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  /*width: 60%;*/
}

.experts_jumbotron .experts_name {
  margin: 50px 0px 0 180px;
  /*display: inline-block;*/
  text-align: left;
  width: 185px;
  line-height: 20px;
}

.experts_jumbotron .experts_name .experts_label {
  right: auto;
  left: 0;
  position: static;
  display: block;
  margin-top: 10px;
  text-align: left;
}

.experts_jumbotron .text {
  border-left: 1px solid #fff;
  margin-left: 365px;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 1.4em;
  position: relative;
  top: 30px;
}

.qotd {
  margin-top: 25px;
  position: relative;
  padding-top: 10px;
  border-top: 1px dashed #A0A0A0;
}

.qotd .icon-qotd {
  position: absolute;
  top: -15px;
  right: 10px;
  z-index: 10;
}

.qotd .quote-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+84 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 84%, rgba(0,0,0,0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 84%,rgba(0,0,0,0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
  z-index: 10;
}

.qotd .quote {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  padding: 15px;
  font-weight: 300;
}

.qotd .info {
  color: #DDD209;
  font-size: 15px;
  display: block;
  padding: 10px 0 0;
  margin-top: 10px;
  border-top: 1px solid #7C7C7C;
}

.scrollup {
  display: none;
}

.search-result {
  width: 1100px;
}

.search-result .search-info {
  color: #fff;
  font-size: 14px;
  margin: 15px 0;
}

.search-result .search-info span {
  display: block;
  margin-bottom: 15px;
}

.search-result a {
  color: #fff;
}

.search-result li {
  border-bottom: 1px solid #2A2A2A;
  max-height: 290px!important;
  width: calc(100% / 3);
  padding: 0 !important;
  margin: 0 10px;
}

.list_search li article {
  display: table;
}

.list_search .ratiobox {
  width: 360px;
  display: table-cell;
}

.list_search li a {
  /*margin-left: 390px;*/
  display: block;
  color: #3e3e3e;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.list_search li a h2 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

.list_search li {
  border-bottom: 1px solid #D8D8D8;
  padding: 20px 0;
}

.list_search li:after {
  content: ' ';
  display: block;
  clear: both;
}

.query_search {
  font-size: 16px;
  color: #6A6A6A;
  font-weight: 300;
  margin: 60px 0 15px;
}

.search_paging {
  width: 100%;
  margin: 50px 0;
  float: left;
  position: relative;
  z-index: 10;
}

.search_paging ul {
  text-align: center;
}

.search_paging ul li {
  display: inline-block;
  padding: 0 3px;
}

.search_paging ul li a {
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.search_paging ul li:first-child,.search_paging ul li:last-child {
  padding: 0 18px;
}

.search_paging ul li:first-child a,.search_paging ul li:last-child a {
  color: #fff;
  font-weight: bold;
  line-height: 46px;
  background-color: #000;
  border-radius: 50%;
}

.search_paging ul li.select a {
  background-color: #000;
  color: #fff;
}

.search_paging ul li:first-child a img,.search_paging ul li:last-child a img {
  height: 20px;
  position: relative;
}

.search_paging ul li:first-child a img {
  right: 2px;
}

.search_paging ul li:last-child a img {
  left: 2px;
}

.header_mobile,.mbread {
  display: none;
}

.carou_container {
  max-width: 1100px;
  margin: 20px auto 0;
  /*padding-bottom: 50px;*/
  position: relative;
  height: 320px;
}

#prev_but img,#next_but img {
  width: 31px;
}

#prev_but,#next_but {
  position: absolute;
  top: calc(50% - 18px);
  left: 10px;
}

#next_but {
  right: 10px;
  left: auto;
}

.scrollup {
  position: fixed;
  /* bottom: 110px; */
  bottom: 60px;
  right: 10px;
}

.search_mobile {
  display: none;
}

.search_mobile img {
  width: 25px;
  height: 25px;
  margin: 10px;
}

.multi_nav{
  text-align: center;
  margin:20px 0;
  width:100%;
  float:left;
  padding: 10px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.multi_nav a{
  display:inline-block;
  color:#fff;
  background:#000;
  padding:10px;
}

.multi_nav a:hover{
  opacity: 0.8; 
}

.multi_nav .multi-prev{
  float:left;
}

.multi_nav .multi-next{
  float:right;
}

.multi_nav a img{
  float:left;
  height:20px;
}

.multi_nav a span{
  float:left;
  margin: 1px 5px 0;
  display:inline-block;
}

.multi_nav span{
  display: inline-block;
  margin-top: 12px;
}

.detail_text .quotesisip,.detail_text .linksisipfoto {
  margin-left: 0;
}

.experts_header2 ul:after {
  display: block;
  content: ' ';
  clear: both;
}

.center_banner {
  width: 320px;
  margin: 0 auto 20px;
}

.morphsearch {
  width: 5px;
  min-height: 5px;
  background: rgba(0,0,0,.92);
  position: absolute;
  z-index: 10000;
  top: 10px;
  /*right: 10px;*/
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transition-property: min-height, width, top, right, opacity;
  transition-property: min-height, width, top, right, opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  opacity: 0;
}

.m_show {
  display: block;
}

.m_hidden {
  display: none;
}

.morphsearch.open {
  width: 100%;
  min-height: 100%;
  top: 0px;
  right: 0px;
  opacity: 1;
  position: fixed;
  display: block;
  overflow-y: scroll;
}

.morphsearch.open .morphsearch-input {
  /*background: transparent;*/
  background: #D9D6D6;
}

::-webkit-input-placeholder {
  color: transparent;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}

:-ms-input-placeholder {
  color: transparent;
}

.morphsearch-form {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  position: relative;
  -webkit-transition-property: width, height, -webkit-transform;
  transition-property: width, height, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.morphsearch.open .morphsearch-form {
  width: 1100px;
  height: 160px;
  -webkit-transform: translate3d(0,3em,0);
  transform: translate3d(0,3em,0);
}

.morphsearch-input {
  width: 94%;
  height: 50%;
  padding: 0 40px 0 10px;
  font-weight: 700;
  border: none;
  background: transparent;
  font-size: 0.8em;
  color: #3E3E3E;
  -webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
  transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*border-radius: 5px 0 0 5px;*/
}

.morphsearch-input::-ms-clear {
  /* remove cross in IE */
  display: none;
}

.morphsearch.hideInput .morphsearch-input {
  color: transparent;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.morphsearch.open .morphsearch-input {
  font-size: 37px;
}

/* placeholder */

.morphsearch-input::-webkit-input-placeholder {
  color: #c2c2c2;
}

.morphsearch-input:-moz-placeholder {
  color: #c2c2c2;
}

.morphsearch-input::-moz-placeholder {
  color: #c2c2c2;
}

.morphsearch-input:-ms-input-placeholder {
  color: #c2c2c2;
}

/* hide placeholder when active in Chrome */

input[type="search"] {
  /* reset normalize */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.morphsearch-input:focus,.morphsearch-submit:focus {
  outline: none;
}

.morphsearch-submit {
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 40px;
  text-indent: 100px;
  overflow: hidden;
  right: -20px;
  top: 25%;
  background: url(../images/magnifier.svg) no-repeat center center #4D4C4C;
  background-size: 45%;
  border: none;
  pointer-events: none;
  transform-origin: 50% 50%;
  opacity: 0;
  -webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
  transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
  border-radius: 0 5px 5px 0;
}

.morphsearch.open .morphsearch-submit {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
  transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s;
  transition: opacity 0.3s, transform 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.morphsearch-close {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale3d(0,0,1);
  transform: scale3d(0,0,1);
}

.morphsearch.open .morphsearch-close {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.morphsearch-close::before,.morphsearch-close::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  border-radius: 3px;
  background: #fff;
}

.morphsearch-close:hover.morphsearch-close::before,.morphsearch-close:hover.morphsearch-close::after {
  opacity: 1;
}

.morphsearch-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.morphsearch-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.morphsearch-content {
  color: #333;
  /*margin-top: 4.5em;*/
  width: 100%;
  height: 0;
  overflow: hidden;
  /*padding: 0 10.5%;*/
  /*background: #f1f1f1;*/
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.morphsearch.open .morphsearch-content {
  opacity: 1;
  height: auto;
  overflow: visible;
  /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
  pointer-events: auto;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}

/* Overlay */

.mp-nav .mp-nav-btn {
  width: 75px;
  height: 32px;
}

.mp-nav .mp-nav-btn-r img {
  float: right;
}

.mp-nav .mp-nav-btn-r span {
  float: left;
}

.mp-nav .mp-nav-btn {
  background-color: #000;
}

b {
  font-weight: bold;
}

.foto_detail .nav_foto_detail,.foto_detail .img_zoom {
  width: 45px;
}

.foto_detail .nav_foto_detail:hover {
  width: 55px;
}

.mp-nav-foto {
  text-align: center;
}

.share-top-new *,.share-top-new *:before,.share-top-new *:after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

@media only screen and (max-device-width:768px) {
  body {
    margin-top: 70px;
  }

  .bg {
    background: #fff;
  }

  .widget_right {
    display: none;
  }

  .hl {
    margin-bottom: 10px;
  }

  .lnhl {
    width: 100%;
  }

  .lnhl > ul {
    padding: 0 10px;
  }

  .lnhl ul li p,  .hl p,  .hl ~ hr,  .lnhl ul:after {
    display: none;
  }
  .an_text{
    display: none;
  }
  .an_sub{
    font-size: 11px;
    margin-top: 5px;
  }
  .an_label{
    font-size:11px;
  }
  .an_box_img{
    margin-bottom: 0;
  }
  .lnhl ul li h2 {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 120%;
    height: 43px;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
  }

  .lnhl ul li {
    max-height: none;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
  }

  .hl h1,  .hl h2,  .lnhl ul li article {
    border: none;
  }

  .hl h1 {
    font-size: 18px;
    padding-bottom: 0;
  }

  .hl h2 {
    font-size: 15px;
    padding: 0;
  }

  .experts_list ul li {
    width: calc(100% / 2);
    padding: 0 0 !important;
  }

  .lnhl ul li:nth-of-type(odd) {
    padding-right: 5px !important;
  }

  .lnhl ul li:nth-of-type(even) {
    padding-left: 5px !important;
  }

  .loadmore,  .loadmore img {

  }

  .experts_header,  footer,  footer .foot_container {
    width: 100%;
    overflow: hidden;
  }

  .bannernhl > span {
    left: auto;
    right: 0;
  }

  .experts_wrap {
    background: none;
    margin-bottom: 15px;
  }

  .experts_list ul {
    margin: 0;
  }

  .experts_list ul:after {
    display: block;
    content: '';
    clear: both;
  }

  .hl .text {
    padding: 0 10px;
  }

  .lnhl ul li .ratiobox {
    margin-bottom: 0;
  }

  .subkat,  .subkat_hl {
    font-size: 10px;
    /*padding: 3px 7px;*/
    top: 0;
    left: 0;
  }

  .subjudul {
    font-size: 11px;
    display: block;
    line-height: normal;
    padding: 5px 0 0;
  }

  .read_experts {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .read_experts:after {
    position: static;
    margin: 10px auto 0;
  }

  .quotesnfact li {
    width: 100%;
    margin: 0;
  }

  .quotesnfact li .quote {
    font-size: 13px;
  }

  .experts_list ul li:nth-child(n+5) {
    display: none;
  }

  .foot_container {
    text-align: center;
    width: 100%;
  }

  footer ul li {
    display: inline-block;
    float: none;
  }

  footer {
    padding: 0;
  }

  .search-result .search-info {
    margin: 5px 0 10px;
  }

  .logod {
    display: none;
  }

  .foot_container .fl {
    float: none;
  }

  .foot_container .fr {
    float: none;
    text-align: center;
    margin: 20px;
    border-top: 1px solid #2D2D2D;
  }

  .foot_title {
    border-bottom: 1px solid #2D2D2D;
    padding-bottom: 20px;
    margin: 20px;
  }

  .r_content1,  .menu,  .login {
    display: none;
  }

  .container,  .detail_content {
    width: 100% !important;
  }

  .detail_content {
    padding: 0 10px;
    overflow: hidden;
    background-color: #fff;
    padding-top: 10px;
  }

  .detail_text,  .detail_text .quotesisip {
    margin-left: 0;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 10;
    background: url(../images/bg.jpg) top left no-repeat #fff;
  }

  .header .menu_icon,  .header .menu_close {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    height: 40px;
  }

  .header .menu_close,  .menu ul li a.selected:before {
    display: none;
  }

  .menu ul li.sub {
    position: relative;
    padding: inherit;
    top: inherit;
    border: none;
    /*transition: all 0.5s ease;*/
  }

  .menu ul li.sub a,  .menu ul li.sub span {
    padding: 10px;
  }

  .menu ul li.sub:hover > ul {
    display: block;
    padding: 0;
  }

  .menu ul li.sub:hover {
    background: none;
  }

  .menu ul li.sub ul {
    /*display: none;*/
    position: relative;
    background: none;
    z-index: 20;
    border-top: 1px solid #fff;
  }

  .menu ul li.sub ul li {
    margin: 0;
    width: auto;
  }

  .menu ul li.sub ul li:last-child,  .menu ul li.sub ul li:last-child a {
    border: none;
  }

  .menu ul li.sub ul li a {
    line-height: normal;
    padding: 15px 10px;
    display: block;
    color: #fff;
    font-size: 15px;
  }

  .menu ul li.sub ul li a:hover {
    background: none;
    transition: all 0.5s ease;
  }

  .header .logo_abtg_mobile {
    display: block;
    position: absolute;
    width: 90px;
    z-index: 2;
    left: calc(50% - 45px);
    top: calc(50% - 25px);
  }

  .header .logo_abtg img {
    width: 100%;
  }

  /*.header_mobile {
        display: block;
        padding: 10px 0;
        position: relative;
    }
    .header_mobile .logo {
        width: 117px;
        margin: 0 auto;
    }
    .header_mobile .logo img {
        width: 100%;
    }*/

  .header .menu {
    position: fixed;
    left: 0;
    top: 70px;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: background 2s;
    transition: background 2s;
    background: rgba(31, 31, 31, 0.9);
    overflow: scroll;
  }

  .header .menu ul {
    text-align: right;
    padding: 0 10px;
    overflow: scroll;
  }

  .header .menu ul li {
    /*padding: 15px;*/
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0 auto;
  }

  .header .menu ul li a,  .header .menu ul li.sub span {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 20px;
  }

  .content_area {
    /*border-top: 5px solid #fff;*/
    padding: 0;
  }

  .header_mobile .menu_mobile {
    width: 34px;
    position: absolute;
    right: 15px;
    top: 27px;
  }

  .header_mobile .menu_mobile img {
    width: 100%;
  }

  .menu ul li a,  .header .menu ul li.sub span {
    line-height: 1em;
    padding: 11px;
    display: block;
  }

  .menu ul li:nth-child(-n+4),  .menu ul li {
    float: none;
  }

  .menu ul li:nth-child(1) {
    margin: 0;
  }

  .copy {
    font-size: 12px;
  }

  footer .copy ~ ul > li > a {
    font-size: 11px;
  }

  footer .copy ~ ul > li {
    padding: 0 2px;
  }

  .subkat_hl {
    margin-bottom: 10px;
  }

  .belt {
    margin: 0 10px 10px;
  }

  .belt .text {
    /*bottom: -52px;*/
  }

  .belt .text h2 {
    font-size: 15px;
    letter-spacing: 0px;
    padding: 0;
  }

  .exper {
    position: relative;
  }

  .experts_title {
    font-size: 16px;
    -moz-transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    -o-transform: skew(0deg, 2deg);
    -ms-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
  }

  .experts_title:after,  .experts_title:before {
    width: 26%;
    left: 20px;
    bottom: 7px;
  }

  .experts_title:before {
    right: 20px;
    left: auto;
  }

  body.detail_artikel {
    background: url(../images/bg.jpg) top left no-repeat #fff;
    background-size: 100%;
  }

  .breadcrumb,  .breadcrumb a {
    color: #fff;
  }

  .breadcrumb .selected {
    color: #CA3634;
  }

  .jdl {
    padding: 0;
    margin: 10px 0;
  }

  .jdl h1 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .jdl h2 {
    font-size: 14px;
  }

  .pic_artikel span {
    padding: 0 0 10px;
    font-size: 14px;
    border-bottom: 1px solid #D8D8D8;
  }

  .detail_text {
    width: 100%;
  }

  .detail_text .linksisipfoto {
    width: 100%;
    margin: 0;
  }

  .widget_head2 {
    width: 100%;
    margin: 10px 0;
  }

  .r_content {
    float: none;
    width: 100%;
    padding-top: 0;
  }

  .widget_head,  .widget,  .widget img {
    width: 100%;
  }

  .widget {
    padding: 10px;
  }

  .r_content .banner_scr,  .mainbread {
    display: none;
  }

  .experts_jumbotron {
    background: #000;
  }

  .experts_jumbotron .text {
    margin: 0;
    top: 0;
    padding-bottom: 25px;
    font-size: 13px;
  }

  .experts_jumbotron .text p {
    text-align: justify;
  }

  .breadcrumb2 {
    background-color: #1d2228;
    padding: 10px;
    color: #fff;
  }

  .experts_jumbotron .profile .experts_pic {
    width: 95px;
    margin: 20px auto 10px;
    float: none;
  }

  .experts_jumbotron .profile {
    width: 100%;
  }

  .experts_jumbotron .experts_name {
    /*margin: 45px 0px 0 15px;*/
    margin: 0 auto 10px;
    text-align: center;
  }

  .experts_jumbotron .experts_name .experts_label {
    text-align: center;
    margin-top: 5px;
  }

  .search {
    background-color: #fff;
    padding: 0 10px;
  }

  .search .breadcrumb {
    padding: 5px 0px;
  }

  .list_search .ratiobox {
    display: block;
    width: 100px;
  }

  .list_search li a h2 {
    font-size: 14px;
  }

  .list_search li a p {
    font-size: 13px;
  }

  .query_search {
    margin: 10px 0 0;
    font-size: 13px;
  }

  .mbread {
    display: block;
    background-color: #1d2228;
    width: 100%;
    padding: 10px;
  }

  .menu_detail {
    display: none;
  }

  .menuopen {
    display: block;
  }

  .carou_container {
    width: 90%;
    height: 450px;
    /*padding-bottom: 20px;*/
    -moz-transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    -o-transform: skew(0deg, 2deg);
    -ms-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
  }

  .experts_header {
    background: url(../images/bg_about.jpg) top left no-repeat #fff;
    /*background-size: 100% 100%;*/
    position: relative;
    -moz-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  .experts_header2 .experts_pic,  .experts_header2 .experts_name,  .experts_header2 .more_sym {
    -moz-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  .experts_name {
    font-size: 14px;
    line-height: 18px;
  }

  .experts_label {
    font-size: 16px;
    bottom: -20px;
  }

  .search_mobile {
    display: block;
  }

  .experts_header2 .experts_name,  .experts_header2 .experts_label {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    left: auto;
    text-align: center;
    display: block;
  }

  .experts_header ul {
    width: 100%;
  }

  .experts_header2 ul li {
    margin: 0;
    width: 100%;
  }

  .experts_header2 .experts_pic {
    width: 143px;
    margin: 5px auto 10px;
  }

  .more_sym {
    left: 5px;
    bottom: 60px;
    top: auto;
    font-size: 11px;
  }

  .more_sym img {
    left: 33%;
  }

  .lhl ul li {
    width: 100%;
    margin: 0;
  }

  .lhl ul li:nth-of-type(odd),  .lhl ul li:nth-of-type(even) {
    padding: 0;
    margin: 0 0 15px;
  }

  .jdls {
    margin-top: 0;
  }

  .m_show {
    display: none;
  }

  .m_hidden {
    display: block;
  }

  .widg {
    height: auto;
  }

  .widget-analysis-detail {
    margin-bottom: 20px;
  }

  .experts_list.search-result ul {
    padding: 0;
  }

  .experts_list.search-result ul li {
    width: 50%;
  }

  .search_paging ul li:first-child,  .search_paging ul li:last-child {
    padding: 0 3px;
  }

  .scrollup {
    display: block;
  }

  .detail_infogrfis {
    width: 100%;
  }

  .mp-nav {
    text-align: center;
  }

  .foto_detail_caption {
    font-size: 11px;
  }

  .foto_detail .nav_foto_detail,  .foto_detail .img_zoom {
    width: 35px;
  }

  .foto_detail .nav_foto_detail {
    padding: 7px;
  }

  .foto_detail .img_zoom {
    margin: 0;
    padding-bottom: 7px;
  }
  .login.open {
    display: block;
    position: absolute;
    bottom:0;
    text-align: center;
    top: 80px;
    width: 100%;
    z-index: 10;
    
  }
  .login.open .gtm_logo_aboutthegame,
  .login.open .search,
  .login.open .wpdetik {
    display: none;
  }
  .login.open ul li .gtm_framebardc_login {
    border: 0 !important;
  }
  .login.open ul li a {
    font-size: 13px;
  }
  .menuopen {
    padding-top: 40px;
  }
}

@media screen and (max-width: 60.625em) {
  .morphsearch {
    width: 100%;
    top: -80px;
    right: 0;
    /*padding:15px;*/
  }



  .morphsearch.open .morphsearch-content {
    margin-top: 20px;
    padding: 0 15px;
  }

  .morphsearch.open .morphsearch-form {
    width: calc(100% - 30px);
    height: 80px;
  }



  .morphsearch-close {
    width: 15px;
    height: 15px;
  }

  .morphsearch.open .morphsearch-input {
    font-size: 16px;
  }
}

@media screen and (max-width: 53.125em) {
  .morphsearch-input {
    padding: 0 15px 0 10px;
    width: 88.5%;
  }

  .morphsearch.open .morphsearch-input,  .morphsearch.open input {
    /*font-size: 2em;*/
    font-size: 16px;
  }

  .morphsearch.open .morphsearch-submit {
    -webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
    transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
  }
}

@media only screen and (max-device-width:415px) {
  .carou_container {
    height: 265px;
  }
}

@media only screen and (max-device-width:376px) {
  #prev_but,  #next_but {
    top: calc(50% - 27px);
    -moz-transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    -o-transform: skew(0deg, 2deg);
    -ms-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
  }

  .carou_container {
    height: 250px;
  }
}

@media only screen and (max-device-width:320px) {
  #prev_but {
    top: calc(50% - 37px);
  }

  #next_but {
    top: calc(50% - 28px);
  }

  .carou_container {
    height: 230px;
  }
}

@media only screen and (min-width:414px) {
  .morphsearch-input {
    width: 90%;
  }
}

@media only screen and (min-width:768px) {
  .morphsearch-input {
    width: 95%;
  }
}

@media only screen and (min-width:1024px) {
  .morphsearch-input {
    width: 92%;
  }
}

/*update*/
.detail_text {
  font-size: 18px;
}
.detail_text .linksisipfoto {
  border-color: #7d7d7d;
  margin: 15px 15px 15px 0;
}
.detail_text .linksisipfoto .box_img {
  margin-bottom: 10px;
}
.detail_text .linksisipfoto h3 {
  padding-bottom: 0;
}
.detail_text .link_sisip {
  margin: 15px 15px 15px 0;
}
.detail_text .link_sisip a {
  display: block;
}
.detail_text .quotesisip {
  border-color: #7d7d7d;
  margin: 15px 15px 15px 0;
}
.detail_text .pic_artikel_sisip {
  margin: 15px 0;
}
.detail_text .pic_artikel_sisip .pic {
  font-size: 11px;
  color: #999;
}
.detail_text .foto_story {
  margin: 15px 0;
}
.detail_text  .tw_sisip{
    margin: 15px 0;
  }
 .detail_text  .sisip_video_ds{
     margin: 15px 0;
  }
 .detail_text .topiksisip {
width: 100%;
padding: 15px;
border-top: 3px solid #7D7D7C;
border-bottom: 1px solid #000;
margin:15px 0;
}
 .detail_text .topik2 {
width:100%; 
}
 .detail_text .topik2 .title { 
font-weight: bold;
}
 .detail_text .topik2 ul {
padding:10px 10px 10px 0;
margin:0px 0px 0 18px;
color:#7A7A7A;
list-style:disc outside;
}
 .detail_text .topik2 ul li {
padding:0 0 5px 0; 
margin:0px;
}
 .detail_text .topik2 ul li a {
color:#0B6097;
font-weight:normal;
text-decoration: none;
}
 .detail_text .topik2 ul li h5 {
font-size:14px; margin: 0; padding: 0;
}
.detail_text p{
  margin-bottom:15px;
}
.detail_text > p:nth-of-type(1) {
  display: inline;
}
.detail_text > p:nth-of-type(2) {
  margin-top: 16px;
}
@media screen and (max-width: 320px) {
   .detail_text {
        font-size: 15px;
    }
}
.detail_text > h2 {
  font-size: 26px;
}
.detail_text > h3 {
  font-size: 23px;
}
.detail_text > h4 {
  font-size: 20px;
}
.detail_text > h5 {
  font-size: 18px;
}
.detail_text > h6 {
  font-size: 16px;
}