/* reset */
*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;font-size:100%;text-align:left}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu > div,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu > div,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}optgroup{font-weight:bold;position:relative}optgroup option{font-weight:normal;margin-left:10px}a img{border:0}a{text-decoration:none}button:hover{cursor:pointer}i,em{font-style:italic}img{max-width:100%}.hide{display:none}
/* end reset */

/* base */
body, html{font-family:'Roboto',sans-serif; font-size:16px; color:#4a4a4a; overflow-x:hidden; font-weight:400;
-o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body{background-color:#f9f9f9; overflow-x:hidden; padding:50px 0;}
a{color:#ed1c24; font-weight:600; cursor:pointer;}
b, strong{font-weight:800;}
.btn, input[type=button], select{-webkit-appearance:none;}
.btn, .cf-submit a, .cf-submit input{color:#FFF !important; background-color:#75b11e; padding:10px 20px; font-weight:600; -webkit-appearance:none; cursor:pointer; text-align:center;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
-webkit-box-shadow:0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); -moz-box-shadow:0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); box-shadow:0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);}
.clearenter::before, .clearenter::after, 
ul::before, ul::after,
ol::before, ol::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, ul::after, ol::after, .clearboth{clear:both;}
.content_center{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
-ms-flex-align:center; align-items:center;}
.content_center > *{margin:auto;}
.flex_lazy, .flex_thumb, .flex_ori, .flex_slick{display:block; overflow:hidden; position:relative; background-color:#EEE; line-height:0;}
.flex_lazy, .flex_thumb, .flex_slick{background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; background-position:center;}
.flex_thumb img{max-width:inherit; max-height:100%; position:relative; right:50%;}
.flex_slick img{opacity:0 !important; position:absolute; top:0; left:0; width:0; height:0;}
.flex_lazy img{opacity:0; position:absolute;}

.thumb169, .thumb43, .thumb11, .thumb34, .thumb916{width:100%; display:block;}
.thumb169:after, .thumb43:after, .thumb11:after, .thumb34:after, .thumb916:after{display:block; content:'';}
.thumb169:after{padding-top:56.25%;}
.thumb43:after{padding-top:75%;}
.thumb11:after{padding-top:100%;}
.thumb34:after{padding-top:133.33%;}
.thumb916:after{padding-top:177.77%;}

.floating-rightbottom > *{display:none;}


.al-row {position: relative; overflow: hidden; }
.al-thumb {position: absolute; top: 0; right: 0; width: 90px; height: 90px; overflow: hidden; }
.al-thumb > a {z-index: 1; height: 100%; width: 100%; }
.al-info {position: relative; z-index: 2; margin-right: 90px; min-height: 90px; }
.al-info > span {margin: 0; padding-right: 10px; width: 100%; }
.al-title {display: block; margin: 8px 0 4px; color: #212121; }
.al-title h2,.al-title h4{font-family:'Roboto', serif; }
.al-date {font-size: 11px; }
.title-kanal {color: #75B11E; padding-bottom: 2px; background: #fbfbfb; padding: 2px 10px; border: 1px solid #E0E0E0; }
.title-kanal h2,.title-kanal h3 {font-family: 'Oswald', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; position: relative; display: inline-block;  }

.two-column {margin-bottom: 40px; }
.two-column > *{width: 100%;}

/* header */
header, .hl-button, .hl-logo-small, .menu-button{height:50px;}
header{position:fixed; z-index:99; top:0; left:0; width:100%;background: rgb(117,177,30);
background: -moz-linear-gradient(90deg, rgba(117,177,30,1) 0%, rgba(117,177,30,1) 60%, rgba(5,47,48,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(117,177,30,1) 0%, rgba(117,177,30,1) 60%, rgba(5,47,48,1) 100%);
background: linear-gradient(90deg, rgba(117,177,30,1) 0%, rgba(117,177,30,1) 60%, rgba(5,47,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75b11e",endColorstr="#052f30",GradientType=1);
box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25);}
header.bg,header.bg-detail{background-color:rgb(117, 177, 30);
box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25);}

header, section{text-align:center;}
header > span, section > span{display:inline-block; width:100%; max-width:1280px;position: relative;}

section{margin-bottom:0px;}
.base-container{margin: 10px 10px 0 10px;}
.last-news-small {margin: 0 10px;padding-bottom: 40px; }

header > span > ul > li{float:left;}
.hl-search > a > i {color: #fff;margin-top: 5px; }
.hl-openmenu > a > i {color: #fff; }
.hl-button-open > i {color: #f76161 !important}
.hl-share > a > i {color: #fff; }

.header-left{float:left;}
.header-right{float:right;margin-right: 5px;}

.hl-button{font-size:20px; padding:10px;}
.hl-logo-small{padding: 10px;}
.hl-logo img,.hl-logo-detail img{height:30px;}
.header-popup{display:none;}
.hl-search > .hl-search-field{display:none;}

.cari-box {position: fixed; z-index: 99; top: 50px; left: 0; width: 100%; }
.cari-box > span {position: relative; display: block; margin: 0 auto; }

@media screen and (min-width:0px) and (max-width:1023px){
  .hl-openmenu .hl-button{padding-right:20px;}
  .hl-logo-large {display: none; }
  
}
/* end header */



/* menu */
menu > ul > li{float:left;}
menu .information{display:none;}
.menu-button{padding:10px 20px;color: #fff;}
.menu-button h4{font-size:13px;font-family: 'Oswald', sans-serif; text-transform: uppercase;letter-spacing: 2px;font-weight: 100;}
.menu-curr{color:#dcffa1 !important; }
.overlay {position: fixed; width: 40%; height: 100%; top: 0; right: 0; background: rgba(0,0,0,0.5); }

@media screen and (min-width:0px) and (max-width:1023px){
  .header-left{float:none;}
  .header-right{float:right;position: absolute; right: 0; top: 0;}

  .hl-menu menu{ display:none;position:fixed; left:0; background-color:#FFF; z-index:98; width:100%; bottom:0;
  -moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.25); box-shadow:0 2px 10px rgba(0, 0, 0, 0.25);}
  .hl-menu menu .notcate{display:none !important;}
}

@media screen and (min-width:0px){.menu-button h4{font-size:14px;font-family: 'Oswald', sans-serif; text-transform: uppercase;}}
@media screen and (min-width:568px){.menu-button h4{font-size:16px;font-family: 'Oswald', sans-serif; text-transform: uppercase;}}
/* end menu */


/*article*/ 
.cate-box-each > ul > li{float: left;}
.cate-box-each > ul > li {width: calc(100% - 10px);margin: 5px; }
.cate-box-each > ul > li .al-thumb {width: 100%; height: auto; position: relative; }
.cate-box-each > ul > li .al-thumb > a {position: absolute; top: 0; left: 0; }

.cate-box-each > ul > li .al-info {position: absolute; bottom: 0; margin: 0; width: 100%; padding: 20px; background-color: transparent; background-image: -webkit-linear-gradient(transparent,rgba(0,0,0)); background-image: linear-gradient(transparent,rgba(0,0,0)); }
.cate-box-each > ul > li .al-info > span {padding-right: 0; }
.cate-box-each > ul > li .al-info .al-title >h2, .cate-box-each > ul > li .al-info .al-date {color: #fff; }

.icon-video {position: absolute; left: 0; bottom: 0; padding: 5px 10px; background: rgba(243, 243, 243, 0.82); }
.icon-video > ul > li {float: left; padding: 5px; font-size: 12px; height: 20px; line-height: 10px; color: #333; border-right: 1px solid #333; } 
.icon-video > ul > li > i {font-size: 12px; } 
.icon-video > ul > li:last-child {border-right: 0; }
.icon-video.headline-base{display: inline-block;position: relative;margin-bottom: 10px;}
.icon-video.headline-base > ul > li {color: #333; border-right: 1px solid #333; } 
.icon-video.headline-base > ul > li:last-child {border-right: 0; }

.headline {padding: 0; margin-top: 5px; }
.headline > span > ul > li .cate-box-each > ul > li{border: 0;}

/*last-news*/
.last-news > span > ul,.last-news-small > span > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.mod-title {margin: 20px 5px 10px; border-bottom: 2px solid #4a4a4a; padding-bottom: 10px; }
.mod-title h4 {font-size: 24px; font-weight: bold; }


/*style*/


/*most-view*/
.most-view .cate-box-each > ul > li {border: 0; padding: 0px 0 10px 0; border-bottom: 1px dashed #ccc; margin: 5px;}
.most-view .cate-box-each > ul > li .al-info {position: relative; background: inherit; width: inherit; margin-left: 90px; min-height: 109px; padding: 0px; }
.most-view .cate-box-each > ul > li .al-info span{padding-left: 10px;}
.most-view .cate-box-each > ul > li .al-thumb { width: 90px; height: 90px; top: 0px; left: 0px; border-radius: 50px;}
.most-view .cate-box-each > ul > li .al-info .al-title h4 {font-size: 16px; line-height: 22px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.most-view .cate-box-each > ul > li .al-info span .title-kanal h3 {display: inline-grid; padding: 2px 0px; }

.most-view .cate-box-each .al-row > .ronded {height: 109px; position: absolute; width: 90px; }


.tips-hijab .al-title h4 {color: #fff; }

/*kanal*/
.last-news-kanal .cate-box-each > ul > li .al-thumb {position: absolute; width: 284px; height: 160px; } 
.last-news-kanal .cate-box-each > ul > li .al-info {position: relative; background: inherit; width: inherit; margin-right: 284px; min-height: 160px; padding: 0px; } 
.last-news-kanal .cate-box-each > ul > li {background: #fff; padding: 10px 15px; }
.last-news-kanal .cate-box-each > ul > li .al-info .al-date{color: #333;}
.last-news-kanal .cate-box-each > ul > li .al-info span {padding-right: 10px; }

.last-news-small > span > ul > li .cate-box-each > ul > li{border: 1px solid #e8e8e8;}

.social-container{position:fixed;left:0;bottom:50px;color:#fff;width:100%;padding:0;list-style:none;display:none;overflow-x:auto;z-index:99;}
.social-container.hide{bottom:-40px}
.social-container li{cursor:pointer;margin:0;text-align:center;display:table-cell;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
.social-container li a{font-size:20px;}
.social-container li a span{width:100%;margin:0 auto;padding:10px 0;color:#fff;text-align:center;height:40px;}
.social-share-new li a [class*=fa-facebook-f],.social-share-new li a [class*=fa-facebook]{background:#3b5998;}
.social-share-new li a [class*=fa-facebook-messenger]{background:#0083ff;}
.social-share-new li a [class*=fa-twitter]{background:#1da1f3;}
.social-share-new li a [class*=fa-linkedin]{background:#0077b5;}
.social-share-new li a [class*=fa-whatsapp]{background:#25d366;}
.social-share-new li a [class*=fa-line]{background:#03c302;}
.social-share-new li a [class*=fa-copy]{background:#e60e2e;}

.social-share-100{bottom: 100px;}

@media (min-width:20em) and (max-width:61.24em){
	.social-container{display:table;}
}

/*update*/
.update > span > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.update > span > ul > li {float: left; width: calc(50% - 10px); flex-basis: calc(50% - 10px); border-bottom: 1px dashed #ccc; margin: 5px; }
.update .cate-box-each > ul > li .al-thumb {position: absolute; width: 160px; height: 160px; top: 0px; left: 0px; } 
.update .cate-box-each > ul > li .al-info {position: relative; background: inherit; width: inherit; margin-left: 160px; min-height: 160px; padding: 0px; } 
.update .cate-box-each > ul > li .al-info > span {padding-left: 10px; }
.update .cate-box-each > ul > li { padding: 0 0 10px;margin: 0 !important; width: 100% !important; }
.update .cate-box-each > ul > li .al-info .al-title h4 {font-size: 18px;line-height: 25px; }
.update .cate-box-each > ul > li .al-info .al-date {color: #333; }


/*style*/

.style > span > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.style > span > ul > li {width: 25%; float: left;flex-basis: 25%; }
.style .cate-box-each > ul > li .al-info .al-title h4{color: #fff;font-size: 14px; line-height: 20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}


/*obrolan*/
.obrolan {margin-bottom: 20px; }
.obrolan > span > ul {margin: 0 5px; }
.obrolan > span > ul > li {float: left; }

.side-new-trending > ul{margin-left:-5px; margin-top:5px;
display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left;}
.side-new-trending > ul > li{margin:5px; float:left;}
.side-new-trending > ul > li > a{display:block; padding:5px 10px; background:#F5F5F5; border:1px solid #E0E0E0; font-size:12px; color:#424242;}
.side-new-trending > ul > li > a > h4{font-size:14px; text-transform:capitalize;}
.side-new-trending > ul > li > a > h4::first-letter{text-transform:uppercase;}
.side-new-trending > ul > li > a:hover {background: #75b11e; border: 1px solid #75b11e; color:#FFF;}

.polling{border:1px solid #E0E0E0; position:relative;}
.polling > *{padding:10px;}
.quiz-image{background:#EEE; border-bottom:1px solid #E0E0E0; margin-bottom:0; text-align:center;}
.quiz-image img{max-width:100%;}
.quiz-info{background:#FFF;}
.quiz-question{display:block; font-size:16px;}
.quiz-question p{margin-bottom:5px; line-height: 25px;}
.quiz-answer .btn{margin-top:5px;}

.multiple-answer > ul > li{position:relative; padding:5px 0;}
.multiple-answer > ul > li > input{position:absolute; top:7px; left:0;}
.multiple-answer > ul > li > label{margin-left:20px;}

.tag-headline-s h1 {font-size: 24px; font-weight: bold;}

/*sindikasi*/
.sindikasi-detail {margin: 10px 0 5px 0 !important; }
.brand-link-bbc{display:inline-block;background:rgba(182, 27, 29, 1);color: #fff;border:0;}
.brand-link-abc{display:inline-block;background:rgba(0, 133, 212, 1);color: #fff;border:0;}
.brand-link-times{display:inline-block;background:rgba(148, 4, 13, 1); color: #fff;border:0;}
.brand-link-republika{display:inline-block;background:rgb(212, 22, 21);color: #fff;border:0;}
.brand-link-dw{display:inline-block;background:rgba(0, 60, 110, 1);color: #fff;border:0;}



.advertorial{color:#2597a4; text-transform:uppercase;}